/* diff.legal вики — проект раздела. Токены и типографика наследуются из site.css. */

/* --- обложка раздела --- */
.wiki-hero{max-width:1328px;margin:0 auto;padding:72px 0 48px}
.wiki-hero h1{font-size:clamp(40px,6vw,76px);line-height:1.05;letter-spacing:-.05em;font-weight:500;margin:18px 0 24px}
.wiki-lead{max-width:760px;font-size:20px;line-height:1.6;letter-spacing:-.015em}
.wiki-lead .muted{display:block;margin-top:14px;font-size:15px;line-height:1.7}

/* --- плашка проекта --- */
.w-project-note{display:grid;grid-template-columns:auto 1fr;gap:14px;max-width:1328px;margin:0 auto;padding:16px 20px;border:1px solid var(--line);background:color-mix(in srgb, var(--ink) 3%, transparent);font-size:14px;line-height:1.6;color:var(--graphite)}
.w-project-note::before{content:"//";font-family:var(--mono);color:var(--graphite)}
.w-project-note strong{color:var(--ink);font-weight:600}

/* --- навигаторы --- */
.w-hubs{max-width:1328px;margin:0 auto;padding:56px 0 8px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.w-hub{border-top:2px solid var(--ink);padding-top:16px;display:block;text-decoration:none}
.w-hub .w-meta{margin-bottom:10px}
.w-hub h3{font-size:20px;line-height:1.25;letter-spacing:-.03em;font-weight:500;margin-bottom:8px}
.w-hub p{font-size:14px;line-height:1.6;color:var(--graphite)}
a.w-hub:hover h3{color:var(--added)}
.w-hub.is-off{border-top-style:dashed;border-top-color:var(--line)}
.w-hub.is-off h3{color:var(--graphite)}

/* --- рубрики --- */
.w-cat{max-width:1328px;margin:0 auto;padding:56px 0 0}
.w-cat-head{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:start;border-top:1px solid var(--ink);padding-top:20px;margin-bottom:28px}
.w-cat-num{font-family:var(--mono);font-size:12px;line-height:1.55;color:var(--graphite);padding-top:8px;max-width:120px}
.w-cat-head h2{font-size:clamp(26px,3vw,36px);line-height:1.15;letter-spacing:-.045em;font-weight:500}
.w-cat-head .w-cat-desc{margin-top:8px;font-size:15px;line-height:1.65;color:var(--graphite);max-width:720px}

/* --- сетка карточек --- */
.w-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:8px}
.w-card{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);padding:20px;text-decoration:none;min-height:170px}
a.w-card:hover{border-color:var(--ink)}
a.w-card:hover .w-card-title{color:var(--added)}
.w-card.is-off{border-style:dashed;color:var(--graphite);cursor:default}
.w-card-title{font-size:18px;line-height:1.3;letter-spacing:-.02em;font-weight:600}
.w-card-desc{font-size:14px;line-height:1.6;color:var(--graphite);flex:1}
.w-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--graphite)}
.w-card .w-meta{margin-top:auto;padding-top:6px}
.w-meta .sep{opacity:.5}

/* --- статусы --- */
.st{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid var(--line);white-space:nowrap}
.st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.st-done{color:var(--added);border-color:color-mix(in srgb, var(--added) 45%, transparent)}
.st-link{color:var(--ink);border-color:var(--ink)}
.st-draft{color:var(--graphite)}
.st-plan{color:var(--graphite);border-style:dashed}

/* --- правила раздела --- */
.w-rules{max-width:1328px;margin:0 auto;padding:64px 0 88px}
.w-rules ul{margin:20px 0 0;padding-left:22px;line-height:1.75;font-size:15px}
.w-rules li{margin:8px 0}
.w-rules li::marker{color:var(--graphite)}

/* --- статья --- */
.w-back{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:var(--graphite);margin-bottom:28px}
.w-back:hover{color:var(--added)}
.w-draft{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:16px 20px;border:1px dashed var(--line);margin:28px 0;font-size:14px;line-height:1.6;color:var(--graphite)}
.w-draft::before{content:"черновик";font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--removed);white-space:nowrap;padding-top:2px}
.w-toc{border:1px solid var(--line);padding:18px 20px;margin:28px 0}
.w-toc .w-meta{margin-bottom:10px}
.w-toc ol{margin:0;padding-left:20px;font-size:14px;line-height:1.8}
.w-toc li::marker{color:var(--graphite);font-family:var(--mono);font-size:11px}
.w-toc a{text-decoration:none;border-bottom:1px solid var(--line)}
.w-toc a:hover{color:var(--added);border-color:var(--added)}
.legal-document blockquote{margin:20px 0;padding:4px 0 4px 20px;border-left:2px solid var(--line);color:var(--graphite);font-size:15px;line-height:1.7}
.legal-document blockquote cite{display:block;margin-top:6px;font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.w-tags{display:flex;flex-wrap:wrap;gap:8px;margin:36px 0 0}
.w-tag{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--graphite);border:1px solid var(--line);padding:4px 10px}
.w-related{margin-top:40px;border-top:1px solid var(--ink);padding-top:20px}
.w-related .w-meta{margin-bottom:14px}
.w-related ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.w-related li a{font-size:15px}
.w-next{display:flex;justify-content:space-between;gap:24px;margin-top:36px;border-top:1px solid var(--line);padding-top:16px}
.w-next a,.w-next span{font-family:var(--mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:var(--graphite)}
.w-next a:hover{color:var(--added)}

/* --- права и правила цитирования (тихий финальный блок) --- */
.w-fineprint{margin-top:40px;border-top:1px solid var(--line);padding-top:14px;font-family:var(--mono);font-size:11px;line-height:1.7;color:var(--graphite)}
.w-fineprint p{margin:0;font-size:11px;line-height:1.7;color:var(--graphite)}
.w-fineprint .ai-note{margin-top:3px}
.w-fineprint a{color:inherit}

/* --- адаптив --- */
@media (max-width:1000px){
  .w-hubs{grid-template-columns:1fr;gap:16px}
  .w-grid{grid-template-columns:repeat(2,1fr)}
  .w-cat-head{grid-template-columns:1fr;gap:6px}
  .w-cat-num{padding-top:0}
}
@media (max-width:680px){
  .w-grid{grid-template-columns:1fr}
  .wiki-hero{padding-top:48px}
  .w-next{flex-direction:column;gap:8px}
}

/* On small wiki screens the cross-site link remains in the mobile menu. */
@media (max-width:560px){
  .header-right > .btn-ghost{display:none}
}