/* Раздел «Концепты»: идеи решений на Tibbo. Общие стили - /kb/assets/site.css */
.cp-page{padding-top:26px;padding-bottom:72px}
.cp-crumbs{margin:0 0 18px}
.cp-crumbs a{display:inline-block;padding:5px 0}
.cp-head{max-width:920px}
.cp-eyebrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}
.cp-tag{font-family:var(--f-b);font-weight:600;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;padding:5px 11px;border-radius:999px;border:1px solid var(--line-2);color:var(--ink-2);background:#fff}
.cp-tag--warn{border-color:#E8C26A;background:#FFF7E0;color:#6B4E00}
.cp-head h1{text-wrap:balance}
.cp-lead{font-size:19px;line-height:1.55;color:var(--ink-2);max-width:66ch;margin:18px 0 0}
.cp-honest{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;margin:28px 0 0;padding:18px 20px;border:1px solid #E8C26A;border-left-width:4px;border-radius:var(--r);background:#FFFBEF;max-width:920px}
.cp-honest b{display:block;margin-bottom:4px}
.cp-honest p{margin:0;font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.cp-honest svg{margin-top:2px;flex:none}
.cp-sec{margin-top:56px}
.cp-sec>h2{margin-bottom:16px;text-wrap:balance}
.cp-sec>p,.cp-text p{max-width:72ch;font-size:16.5px;line-height:1.65;color:var(--ink-2);margin:0 0 14px}
.cp-list{max-width:72ch;margin:0 0 14px;padding-left:22px;font-size:16.5px;line-height:1.65;color:var(--ink-2)}
.cp-list li{margin-bottom:8px}
.cp-list li::marker{color:var(--brand);font-weight:700}
.cp-tblwrap{overflow-x:auto;border-radius:var(--r);max-width:920px}
.cp-tbl{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:15px}
.cp-tbl th,.cp-tbl td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.5}
.cp-tbl thead th{font-family:var(--f-b);font-weight:600;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--bg)}
.cp-tbl tr:last-child td,.cp-tbl tr:last-child th{border-bottom:0}
.cp-tbl tbody th{font-weight:600;white-space:nowrap}
.cp-tbl td.n{white-space:nowrap;color:var(--muted)}

/* схема «два мозга и независимая цепь» */
.cp-arch{margin-top:8px;display:grid;grid-template-columns:1fr auto 1.15fr auto 1fr;gap:0 10px;align-items:stretch}
.cp-box{border:1px solid var(--line-2);border-radius:14px;background:#fff;padding:20px;display:flex;flex-direction:column;gap:8px}
.cp-box h3{font-size:19px;line-height:1.2}
.cp-box .cp-role{font-family:var(--f-b);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cp-box ul{margin:4px 0 0;padding-left:18px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.cp-box li{margin-bottom:4px}
.cp-box--nav{border-color:#C9BDF9;background:#F7F4FF}
.cp-box--nav .cp-role{color:#5136C9}
.cp-box--tibbo{border-color:var(--brand);background:var(--brand-soft);box-shadow:var(--sh)}
.cp-box--tibbo .cp-role{color:var(--brand-d)}
.cp-box--act{border-color:#9FD3DA;background:#F0FAFB}
.cp-box--act .cp-role{color:#00707F}
.cp-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:112px;text-align:center;font-size:13px;line-height:1.35;color:var(--muted)}
.cp-link b{color:var(--ink);font-size:13.5px}
.cp-link svg{color:var(--ink-2)}
.cp-stop{grid-column:1/-1;margin-top:14px;border:2px dashed var(--red);border-radius:14px;background:#FFF5F5;padding:18px 20px;display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-items:center}
.cp-stop h3{font-size:18px;color:#A32B2B;grid-column:2}
.cp-stop p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-2);grid-column:2;max-width:86ch}
.cp-stop svg{grid-row:1/3;color:var(--red)}

.cp-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1040px}
.cp-card{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:20px}
.cp-card h3{font-size:18px;margin-bottom:8px}
.cp-card p{margin:0;font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.cp-card .cp-mod{display:block;margin-top:10px;font-size:13.5px;color:var(--muted)}
.cp-no{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1040px}
.cp-no .cp-card{border-top:3px solid var(--line-2);background:var(--bg)}
.cp-fig{margin:18px 0 0;max-width:620px}
.cp-fig img{width:100%;height:auto;border:1px solid var(--line);border-radius:var(--r);background:#fff;display:block}
.cp-fig figcaption{margin-top:8px;font-size:13.5px;color:var(--muted)}
.cp-steps{max-width:72ch;margin:0;padding:0;list-style:none;counter-reset:s}
.cp-steps li{counter-increment:s;position:relative;padding:0 0 16px 46px;font-size:16.5px;line-height:1.6;color:var(--ink-2)}
.cp-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.cp-steps li b{color:var(--ink)}
.cp-cta{margin-top:56px;padding:28px;border-radius:14px;background:var(--graphite);color:var(--on-dark);display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between}
.cp-cta h2{color:#fff;font-size:clamp(21px,2.4vw,28px)}
.cp-cta p{margin:8px 0 0;color:var(--on-dark-muted);max-width:60ch;font-size:15.5px;line-height:1.55}
.cp-cta-act{display:flex;flex-wrap:wrap;gap:10px}
.cp-fine{margin-top:22px;font-size:14px;line-height:1.55;color:var(--muted);max-width:86ch}

/* главная раздела */
.cp-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;margin:8px 0 30px}
.cp-hubcard{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:24px;text-decoration:none;color:inherit;transition:box-shadow .18s ease,border-color .18s ease}
.cp-hubcard:hover{border-color:var(--brand);box-shadow:var(--sh)}
.cp-hubcard h3{font-size:21px;line-height:1.2}
.cp-hubcard p{margin:0;font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.cp-hubcard .cp-go{margin-top:auto;padding-top:8px;font-weight:600;color:var(--brand-d)}
.cp-hubcard--soon{border-style:dashed;background:var(--bg)}
.cp-vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:920px}
.cp-vs .cp-card h3{display:flex;align-items:center;gap:8px}

@media (max-width:980px){
  .cp-arch{grid-template-columns:1fr}
  .cp-link{flex-direction:row;min-width:0;padding:10px 0;gap:10px}
  .cp-link svg{transform:rotate(90deg)}
  .cp-no{grid-template-columns:1fr}
}
@media (max-width:720px){
  .cp-page{padding-top:16px;padding-bottom:48px}
  .cp-lead{font-size:17px}
  .cp-cards,.cp-vs{grid-template-columns:1fr}
  .cp-sec{margin-top:40px}
  .cp-stop{grid-template-columns:1fr}
  .cp-stop svg{display:none}
  .cp-stop h3,.cp-stop p{grid-column:1}
  .cp-cta{padding:22px}
  .cp-tbl--wide{min-width:600px}
  .cp-tbl th,.cp-tbl td{padding:10px 12px}
  .cp-tbl tbody th{white-space:normal}
  .cp-honest{grid-template-columns:1fr}
  .cp-honest svg{display:none}
}