:root { --primary-bg:#0b0d15;--secondary-bg:#0f1320;--card-bg:#131829;--accent-blue:#0090ff;--accent-blue-light:#1aa0ff;--text-primary:#fff;--text-secondary:#94a3b8;--border-color:rgba(255,255,255,.1);--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444 }
* { box-sizing:border-box;margin:0;padding:0 }
body { background:var(--primary-bg);color:var(--text-primary);font-family:'Inter',sans-serif }
a { color:var(--accent-blue);text-decoration:none }
.guide-page { --guide-accent:#1aa0ff;padding:112px 0 64px }
.guide-page.guide-posh { --guide-accent:#a78bfa }
.guide-wrap { max-width:920px;margin:0 auto;padding:0 24px }
.guide-page .guide-breadcrumb { display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--text-secondary);margin-bottom:22px }
.guide-page a { color:var(--guide-accent);text-underline-offset:4px }
.guide-page a:hover { text-decoration:underline }
.guide-page .guide-meta { display:flex;gap:12px;flex-wrap:wrap;color:var(--text-secondary);font-size:13px;margin-bottom:16px }
.guide-page h1 { font-size:clamp(28px,4vw,42px);line-height:1.2;letter-spacing:-.025em;max-width:850px;margin:0 0 20px }
.guide-page .guide-lead { font-size:18px;line-height:1.75;color:var(--text-secondary);max-width:780px;margin-bottom:24px }
.guide-page .guide-actions { display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:24px 0 }
.guide-page a.cta-button { color:white;text-decoration:none;white-space:normal;text-align:center }
.guide-page .guide-toc { display:flex;flex-wrap:wrap;gap:12px 22px;padding:20px 0;margin:28px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);font-size:14px }
.guide-page h2 { font-size:clamp(23px,3vw,29px);line-height:1.35;margin:44px 0 18px;scroll-margin-top:108px }
.guide-page h3 { font-size:19px;line-height:1.5;margin:24px 0 12px }
.guide-page p,.guide-page li { color:var(--text-secondary);font-size:16px;line-height:1.85 }
.guide-page p { margin:0 0 18px }
.guide-page strong { color:var(--text-primary) }
.guide-page ul,.guide-page ol { margin:16px 0 24px;padding-left:24px }
.guide-page li { margin-bottom:9px }
.guide-page .guide-note { padding:22px 24px;border-left:3px solid var(--guide-accent);background:var(--card-bg);border-radius:0 12px 12px 0;margin:24px 0 }
.guide-page .guide-note p:last-child { margin-bottom:0 }
.guide-page .guide-table-wrap { overflow-x:auto;max-width:100%;border:1px solid var(--border-color);border-radius:12px;margin:24px 0 }
.guide-page table { width:100%;border-collapse:collapse;text-align:left }
.guide-page caption { text-align:left;padding:16px 18px;font-weight:600;color:var(--text-primary) }
.guide-page th,.guide-page td { padding:15px 18px;vertical-align:top;border-top:1px solid var(--border-color);font-size:14px;line-height:1.7;color:var(--text-secondary) }
.guide-page th { color:var(--text-primary);background:rgba(124,58,237,.08) }
.guide-page td:first-child { color:var(--text-primary);font-weight:600 }
.guide-page .guide-card-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 }
.guide-page .guide-card { background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:22px }
.guide-page .guide-card h3 { margin-top:0 }
.guide-page .guide-card p { font-size:14px;margin-bottom:0 }
.guide-page figure { margin:28px 0 }
.guide-page figure img { display:block;width:100%;height:auto;border:1px solid var(--border-color);border-radius:12px }
.guide-page figcaption { color:var(--text-secondary);font-size:13px;line-height:1.7;margin-top:12px }
.guide-page .guide-cta { padding:28px;background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(0,144,255,.06));border:1px solid var(--border-color);border-radius:14px;margin:36px 0 }
.guide-page .guide-cta h2 { margin-top:0 }
.guide-page .guide-small { font-size:13px }
.guide-page .guide-faq details { border-bottom:1px solid var(--border-color);padding:18px 0 }
.guide-page .guide-faq summary { font-size:17px;line-height:1.6;font-weight:600;cursor:pointer }
.guide-page .guide-faq p { margin:14px 0 0 }
.guide-page .guide-sources { margin-top:40px;padding-top:8px;border-top:1px solid var(--border-color) }
.guide-page .guide-sources li { font-size:14px;overflow-wrap:anywhere }
.guide-page a:focus-visible,.guide-page summary:focus-visible { outline:2px solid var(--guide-accent);outline-offset:5px }
@media(max-width:640px) {
  .guide-page { padding-top:100px }
  .guide-wrap { padding:0 20px }
  .guide-page .guide-lead { font-size:16px }
  .guide-page .guide-card-grid { grid-template-columns:1fr }
  .guide-page .guide-actions { align-items:stretch;flex-direction:column }
  .guide-page .guide-actions a { text-align:center }
  .guide-page .guide-cta { padding:22px }
  .guide-page .guide-table-wrap { overflow:visible;border:0 }
  .guide-page table,.guide-page tbody { display:block }
  .guide-page caption { display:block;padding:0 0 14px }
  .guide-page thead { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap }
  .guide-page tbody tr { display:block;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:14px;overflow:hidden }
  .guide-page th[scope="row"],.guide-page td { display:block;padding:12px 16px;width:auto }
  .guide-page th[scope="row"] { border-top:0 }
  .guide-page td::before { content:attr(data-label);display:block;font-size:11px;font-weight:700;color:var(--guide-accent);margin-bottom:4px }
}