@font-face { font-family:Jost; src:url("../fonts/jost-cyrillic.d135949ebb72.woff2") format('woff2'); font-weight:100 900; font-display:swap; unicode-range:U+0400-052F; }
@font-face { font-family:Jost; src:url("../fonts/jost-latin.928f4210aa48.woff2") format('woff2'); font-weight:100 900; font-display:swap; }
:root { --ui-ink:#1d2335; --ui-muted:#5e667a; --ui-purple:#6946a4; --ui-line:#dce0eb; --ui-surface:#f3f4f9; --ui-radius:24px; }
body { font-family:Jost,Arial,sans-serif; color:var(--ui-ink); background:#f4f5fa; }
.btn { min-height:48px; border-radius:13px; }
.btn.primary { background:#6946a4; color:#fff; }
.btn.primary:hover { background:#563487; }
.guide-site-back { display:inline-flex; align-items:center; min-height:44px; margin-bottom:18px; color:var(--ui-purple); font-size:14px; text-decoration:none; }
main h1 { font-size:clamp(32px,4vw,52px); letter-spacing:-.025em; text-transform:none; line-height:1.12; }
main h2 { font-size:30px; text-transform:none; line-height:1.2; }
.site-footer { margin-top:48px; border:1px solid #b7c4e326; border-radius:24px; background:#111b2e; color:#e0e4ef; }
.site-footer a { color:inherit; }
.site-footer .container { width:calc(100% - 40px); }
.site-footer__grid { grid-template-columns:1fr 1fr; }
.site-footer__legal { grid-column:1/-1; justify-content:flex-start; }
.site-footer__brand img { height:auto; }
.site-footer .socials a { border:1px solid #bac8ea38; background:#ffffff09; color:#e8e4fa; text-decoration:none; }
.site-footer .review-link { display:flex; align-items:center; }
.mobile-head .brand { font-size:17px; }
.sidebar { background:#111b2e; overflow-y:auto; overscroll-behavior:contain; }
body.guide-menu-open { overflow:hidden; }
#component-dialog .dialog-close { position:sticky; top:12px; display:block; width:44px; height:44px; margin:12px 12px -56px auto; background:#fff; box-shadow:0 2px 12px #20182b24; }
.sidebar,.sidebar .brand { color:#fff; }
.sidebar .brand-sub,.sidebar .nav-title,.sidebar .sidebar-bottom { color:#cfc1dd; }
.sidebar nav a { color:#e1d8ed; }
.sidebar nav a { min-height:44px; }
:where(a,button,summary):focus-visible { outline:3px solid #9678c5; outline-offset:4px; }
main p,main li { line-height:1.7; }
@media(max-width:639px) {
 main h1 { font-size:32px; }
 main h2 { font-size:24px; }
 main p { line-height:1.6; }
 .site-footer__grid { gap:24px; }
 .site-footer__column { grid-column:1/-1; }
 .guide-site-back { font-size:13px; }
}
@media(max-width:479px) { .commands { grid-template-columns:minmax(0,1fr); } }