/* Domain pages and shared navigation */
html { background-color:#020304; }
body { margin: 0; line-height: 1.5; }
.panel-body { padding:16px; }
.hero::before { background:linear-gradient(100deg,rgba(0,0,0,.9),rgba(0,0,0,.65) 52%,rgba(0,0,0,.78)); }
.site-nav { display:flex; flex-wrap:wrap; gap:6px 20px; width:min(1280px,calc(100% - 24px)); margin:12px auto; padding:8px 4px; }
.site-nav a { color:var(--text-secondary); font-size:12px; text-decoration:none; padding:4px 0; }
.site-nav a:hover, .site-nav a:focus-visible { color:#fff; text-decoration:underline; }
.resource-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:16px; }
.resource-card { display:grid; gap:8px; padding:18px; border:1px solid rgba(255,255,255,.1); border-radius:10px; background:rgba(6,8,11,.82); text-decoration:none; color:var(--text-primary); }
.resource-card strong { font-size:17px; }.resource-card span { color:var(--text-secondary); font-size:14px; line-height:1.6; }
.resource-card:hover { border-color:var(--accent-primary); }.support-note { margin:16px 0 0; font-size:14px; }
.support-note a, .guide-article a { color:#fca5a5; text-underline-offset:3px; }
.footer-legal { flex-wrap:wrap; justify-content:center; gap:8px 16px; }
.footer-brand { color:var(--text-primary); font-size:16px; font-weight:700; overflow-wrap:anywhere; }
.bottom-logo-link img { width:56px; height:auto; }
.guide-main { width:min(1140px,calc(100% - 24px)); margin:0 auto; display:grid; gap:16px; }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:10px; color:var(--text-muted); font-size:12px; padding:8px 0; }.breadcrumbs a { color:var(--text-secondary); }
.guide-hero { padding:clamp(24px,5vw,48px); border:1px solid rgba(255,255,255,.08); border-radius:12px; background:linear-gradient(110deg,rgba(0,0,0,.92),rgba(0,0,0,.55)),url('/assets/background.jpg') center/cover; }
.guide-hero h1 { margin:0; max-width:20ch; font-size:clamp(28px,5vw,46px); line-height:1.1; }.hero-kicker { font-size:11px; color:var(--text-secondary); text-transform:uppercase; letter-spacing:.08em; }
.guide-hero .lead { max-width:65ch; font-size:17px; color:var(--text-secondary); }.guide-page .btn { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 16px; border-radius:8px; text-decoration:none; font-size:13px; font-weight:700; }.guide-page .btn-primary { background:var(--accent-primary); color:#fff; }
.guide-article { padding:clamp(20px,4vw,36px); border:1px solid rgba(255,255,255,.08); border-radius:12px; background:rgba(12,15,18,.88); }.guide-article section { max-width:76ch; }.guide-article section + section { margin-top:28px; }.guide-article h2 { margin:0 0 10px; font-size:23px; line-height:1.3; }.guide-article p,.guide-article li { color:var(--text-secondary); line-height:1.75; }.guide-article p { margin:10px 0; }.guide-article li { margin:8px 0; }
.guide-page .panel { border:1px solid rgba(255,255,255,.08); border-radius:12px; background:rgba(12,15,18,.88); }.guide-page .panel-head { padding:18px 16px; border-bottom:1px solid rgba(255,255,255,.06); }.guide-page .panel-head h2 { margin:0 0 6px; font-size:21px; }.guide-page .panel-head p { margin:0; font-size:14px; color:var(--text-secondary); }
.qa p,.guide-article p,.guide-article li { user-select:text !important; -webkit-user-select:text !important; }
:focus-visible { outline:2px solid #fff; outline-offset:4px; }
@media(max-width:760px) { .resource-grid { grid-template-columns:1fr; }.site-nav { gap:6px 14px; }.site-nav a { font-size:11px; } }
@media(max-width:420px) { body .topbar .brand-title { font-size:10px !important; letter-spacing:.01em !important; } body .topbar .brand-spacer { display:none !important; }.topbar .topbar-tool-prefix { display:none !important; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; } }