/* Almaty Bars — legal integration (2026-11-03). Loaded after the page stylesheets on Home, Trail, About and Sign (RU/KK/EN).
   Only: the footer legal links, the contacts hint, the About «Правовая информация» cards and legal dialogs, short contextual notes.
   Same graphite / gold palette as the existing documents; no new design system. */

/* ---------- footer: legal links on their own row ---------- */
.lp-foot-docs{order:5;flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px 20px;padding-top:2px}
.lp-foot-docs a{display:inline-block;padding:8px 0;color:var(--slate);text-decoration:none;border-bottom:1px solid transparent}
@media (hover:hover){.lp-foot-docs a:hover{color:var(--ice);border-bottom-color:var(--au-soft)}}
.lp-foot-docs a:focus-visible,.lp-foot-links a:focus-visible{outline:2px solid var(--au-hi);outline-offset:3px}
.lp-foot-docs a:active{color:var(--au)}

/* ---------- contacts: do not send sensitive data ---------- */
.sheet-hint{margin:14px 0 0;color:var(--slate);font-size:13px;line-height:1.5;max-width:46ch}

/* ---------- About: «Правовая информация» ---------- */
.ab-legal{padding-bottom:12px}
.ab-doc-grid-2{margin-bottom:0}
@media (min-width:760px){.ab-doc-grid.ab-doc-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ab-legal-pdd{margin:18px 0 0;font-size:15px;line-height:1.5}
.ab-legal-pdd a{display:inline-block;padding:10px 0;color:var(--slate);text-decoration:underline;text-decoration-color:rgba(170,131,50,.7);text-underline-offset:4px}
@media (hover:hover){.ab-legal-pdd a:hover{color:var(--ice)}}
.ab-legal-pdd a:focus-visible{outline:2px solid var(--au-hi);outline-offset:3px}

/* ---------- legal dialogs ---------- */
dialog.ab-doc .sheet-body p.ab-rev{margin:-10px 0 18px;color:var(--slate);font-size:13.5px;line-height:1.4;letter-spacing:.01em}
dialog.ab-legal-doc .sheet-body p.ab-intro{margin:0 0 6px;max-width:70ch;color:rgba(230,236,243,.92)}
dialog.ab-legal-doc .sheet-body .ab-lsec{padding:22px 0 4px;margin-top:20px;border-top:1px solid rgba(230,236,243,.1)}
dialog.ab-legal-doc .sheet-body .ab-lsec h3{margin:0 0 12px;font:600 clamp(20px,4.8vw,25px)/1.25 var(--font-display);color:#AA8332;text-wrap:balance;scroll-margin-top:8px}
dialog.ab-legal-doc .sheet-body .ab-lsec p{margin:0 0 13px;max-width:70ch}
dialog.ab-legal-doc .sheet-body a{color:#E3C77F;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;overflow-wrap:anywhere}
@media (hover:hover){dialog.ab-legal-doc .sheet-body a:hover{color:#fff}}
dialog.ab-legal-doc .sheet-body a:focus-visible{outline:2px solid var(--au-hi);outline-offset:2px}
dialog.ab-legal-doc .ab-doc-end{margin:26px 0 8px;padding-top:18px;border-top:1px solid rgba(230,236,243,.1)}
dialog.ab-legal-doc .ab-close-btn{appearance:none;min-height:46px;padding:0 26px;border:1px solid rgba(170,131,50,.7);border-radius:999px;background:rgba(170,131,50,.14);color:var(--ice);font:600 15px/1 var(--font-text);cursor:pointer}
@media (hover:hover){dialog.ab-legal-doc .ab-close-btn:hover{background:rgba(170,131,50,.28);color:#fff}}
dialog.ab-legal-doc .ab-close-btn:focus-visible{outline:2px solid var(--au-hi);outline-offset:3px}

/* ---------- Trail: short notes next to the action they concern ---------- */
.tr-ext-note,.tr-topic-note{margin:0 0 16px;max-width:72ch;font-size:14px;line-height:1.55;color:rgba(230,236,243,.76)}
.tr-topic-note{margin:-4px 0 14px;padding-left:12px;border-left:2px solid rgba(170,131,50,.7)}
.vid-note{margin:10px 0 0;max-width:62ch;font-size:12.5px;line-height:1.45;color:rgba(230,236,243,.72)}
.sheet-video .vid-note{padding:0 4px}

/* ---------- Sign: local draft ---------- */
.sg-intro-note{margin:8px 0 14px;font-size:14px;line-height:1.5;color:rgba(230,236,243,.82)}