/* ============================================================
   ASTORIA v2 — page.css : текстовые/документные страницы
   ============================================================ */
body.doc-page #constellation{opacity:.48}
.doc{padding:160px 0 40px;max-width:820px;margin:0 auto;position:relative;z-index:1;isolation:isolate}
.doc::before{content:"";position:absolute;inset:116px -36px -28px;z-index:-1;border-radius:28px;background:linear-gradient(180deg,rgba(8,12,20,.68),rgba(8,12,20,.52));border:1px solid rgba(255,255,255,.06);pointer-events:none}
.doc .back{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:13px;color:var(--ink-dim);margin-bottom:32px;transition:color .25s,transform .25s}
.doc .back:hover{color:var(--rose-bright);transform:translateX(-4px)}
.doc .back svg{width:16px;height:16px}
.doc h1{font-family:var(--f-display);font-weight:700;font-size:clamp(30px,5vw,46px);letter-spacing:0;margin-bottom:8px;overflow-wrap:normal;word-break:normal;hyphens:none}
.doc .upd{font-family:var(--f-mono);font-size:13px;color:var(--ink-mute);margin-bottom:44px}
.doc h2{font-family:var(--f-display);font-weight:600;font-size:21px;margin:40px 0 14px;letter-spacing:0}
.doc h2 .n{color:var(--rose);margin-right:10px;font-family:var(--f-mono);font-size:16px}
.doc p{color:var(--ink-dim);font-size:16px;line-height:1.74;margin-bottom:16px}
.doc ul.list{margin:0 0 18px;padding-left:0}
.doc ul.list li{position:relative;padding-left:24px;color:var(--ink-dim);font-size:16px;line-height:1.7;margin-bottom:10px}
.doc ul.list li::before{content:"";position:absolute;left:4px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--g-main)}
.doc a.inline{color:var(--rose-bright);font-weight:600}
.doc .divider{height:1px;background:var(--line);margin:48px 0}
.doc .callout{background:rgba(21,23,29,.58);border:1px solid var(--line-2);border-radius:18px;padding:24px 26px;margin:24px 0;color:var(--ink-dim);font-size:15px;line-height:1.65}
.doc .callout strong{color:var(--ink)}
.doc-rv{opacity:0;transform:translateY(22px);filter:blur(7px);transition:opacity .75s var(--ease),transform .75s var(--ease),filter .75s var(--ease)}
.doc-rv.in{opacity:1;transform:none;filter:none}
.doc .callout.doc-rv{position:relative;overflow:hidden}
.doc .callout.doc-rv::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent,rgba(176,220,255,.16),transparent);transform:translateX(-120%);transition:transform .9s var(--ease);pointer-events:none}
.doc .callout.doc-rv.in::before{transform:translateX(120%)}

@media(max-width:768px){
  .doc{padding:118px 0 28px;max-width:none}
  .doc::before{inset:88px -14px -18px;border-radius:20px;background:linear-gradient(180deg,rgba(8,12,20,.74),rgba(8,12,20,.58))}
  .doc .back{margin-bottom:26px;font-size:12px;line-height:1.35}
  .doc h1{font-size:clamp(26px,7.2vw,34px);line-height:1.12;margin-bottom:10px}
  .doc .upd{font-size:12px;line-height:1.45;margin-bottom:34px}
  .doc h2{font-size:19px;line-height:1.25;margin:34px 0 12px}
  .doc h2 .n{font-size:14px;margin-right:8px}
  .doc p,.doc ul.list li{font-size:15px;line-height:1.68}
  .doc ul.list li{padding-left:20px}
  .doc ul.list li::before{left:2px;top:10px}
  .doc .callout{padding:20px;border-radius:16px;font-size:14px;line-height:1.62}
  .doc .divider{margin:38px 0}
  .doc-rv{transform:translateY(16px);filter:blur(5px)}
}

@media(max-width:370px){
  .doc{padding-top:108px}
  .doc h1{font-size:25px}
  .doc p,.doc ul.list li{font-size:14.5px}
}

@media(prefers-reduced-motion:reduce){
  .doc-rv{opacity:1;transform:none;filter:none;transition:none}
  .doc .callout.doc-rv::before{display:none}
}