/* Простые страницы (задача 19): юридические документы, «спасибо», 404, «в разработке».
   Страницы собирает _assets/_launch-pages.mjs. Цвета и шрифты - tokens.css, шапка - header.css. */
:root{--bg:#0A0A08;--fg:#F2F0EB;--soft:#C9C6BE;--mute:#86847C;--line:rgba(242,240,235,.16);color-scheme:dark}
html,body{background:var(--bg);color:var(--fg)}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:2px solid #DDA74F;outline-offset:4px}
.eyebrow{display:block;font-family:var(--font-mono);font-size:var(--fs-mono-s);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:var(--sp-5)}
.lead{font-size:var(--fs-text-l);color:var(--soft);margin-top:var(--sp-5);max-width:52ch}
.btns{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-6)}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:var(--fs-text-s);padding:14px 22px;border:1px solid var(--fg);background:var(--fg);color:var(--bg);border-radius:2px;text-decoration:none;transition:opacity .15s,transform .15s}
.btn:hover{opacity:.88;transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--fg);border-color:rgba(242,240,235,.4)}
.btn.ghost:hover{border-color:var(--fg)}

/* документ */
.doc{max-width:760px;margin:0 auto;padding:140px 40px var(--sp-9)}
.doc .doc-eyebrow{font-family:var(--font-mono);font-size:var(--fs-mono-s);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:0 0 var(--sp-5)}
.doc h1{font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin:0 0 var(--sp-5)}
.doc .doc-meta{font-family:var(--font-mono);font-size:var(--fs-mono-s);color:var(--mute);letter-spacing:.04em;margin-bottom:var(--sp-7)}
.doc section{padding-top:var(--sp-6);border-top:1px solid var(--line);margin-top:var(--sp-6)}
.doc h2{font-size:1.2rem;line-height:1.3;margin:0 0 var(--sp-4)}
.doc p,.doc li{color:var(--soft);line-height:1.65}
.doc p+p{margin-top:var(--sp-3)}
.doc strong{color:var(--fg);font-weight:600}
.doc a{text-decoration:underline;text-decoration-color:rgba(242,240,235,.35);text-underline-offset:.2em}
.doc ul{padding-left:1.2em}
.doc table{width:100%;border-collapse:collapse;margin:var(--sp-4) 0;font-size:var(--fs-text-s)}
.doc th,.doc td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top;color:var(--soft)}
.doc th{color:var(--fg);font-weight:600}
.doc .doc-callout,.doc .doc-draft{border:1px solid var(--line);padding:var(--sp-4) var(--sp-5);margin:var(--sp-5) 0;color:var(--soft)}

/* по центру экрана: «спасибо», 404, «в разработке» */
.center{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 24px var(--sp-8);text-align:center}
.center-in{max-width:640px;display:flex;flex-direction:column;align-items:center}
.center h1{font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.08}
.center .lead{margin-left:auto;margin-right:auto}
.center .btns{justify-content:center}

/* «в разработке»: вращающийся 3D-логотип AC над заголовком (_assets/3d/dev-logo.js) */
.dev-stage{position:relative;width:min(560px,86vw);height:min(34svh,300px);margin-bottom:var(--sp-6)}
.dev-stage canvas{display:block;width:100%;height:100%}
.dev-static{display:none;position:absolute;inset:12% 8%;background:var(--fg);
 -webkit-mask:url(img/logo-ac-solid.svg) center/contain no-repeat;mask:url(img/logo-ac-solid.svg) center/contain no-repeat}
html.no-webgl .dev-stage canvas{display:none}
html.no-webgl .dev-static{display:block}

/* подвал */
.ftr{padding:var(--sp-7) 40px var(--sp-8);max-width:var(--grid-max);margin:0 auto;display:flex;gap:var(--sp-4) var(--sp-6);flex-wrap:wrap;justify-content:space-between;font-size:13px;color:var(--mute);border-top:1px solid var(--line)}
.ftr a{color:var(--mute);text-decoration:none}.ftr a:hover{color:var(--fg)}
.ftr .legal,.ftr .contacts{display:flex;gap:var(--sp-4);flex-wrap:wrap}

@media (max-width:860px){
 .doc{padding:110px 18px var(--sp-8)}
 .ftr{padding:var(--sp-7) 18px var(--sp-8)}
 .center{padding:100px 18px var(--sp-7)}
}