:root { color-scheme: dark; --bg:#1a0a14; --panel:#341826; --panel-2:#2a1220; --border:#5a2a40; --text:#fff0f5; --muted:#e9c8d3; --pink:#ff9fbd; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.7 Georgia,"Times New Roman",serif; }
a { color:var(--pink); text-underline-offset:3px; }
.guide-nav { border-bottom:1px solid var(--border); background:#160810; }
.guide-nav-inner, main, footer { width:min(900px,calc(100% - 36px)); margin:auto; }
.guide-nav-inner { min-height:62px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.guide-nav a { color:var(--text); text-decoration:none; font-weight:700; }
.guide-nav .home { color:var(--pink); }
main { padding:32px 0 52px; }
.breadcrumbs { color:var(--muted); font-size:14px; margin-bottom:22px; }
.breadcrumbs a { color:var(--pink); }
.eyebrow { color:var(--pink); text-transform:uppercase; letter-spacing:.12em; font:700 12px/1.4 system-ui,sans-serif; }
h1 { font-size:clamp(32px,6vw,50px); line-height:1.12; margin:8px 0 14px; }
h2 { margin:34px 0 10px; font-size:clamp(22px,4vw,30px); line-height:1.25; }
h3 { margin:20px 0 6px; font-size:19px; }
p, li { color:var(--muted); }
.lede { font-size:19px; max-width:760px; }
.note, .guide-card, .table-wrap { background:var(--panel); border:1px solid var(--border); border-radius:14px; padding:20px; margin:22px 0; }
.note strong { color:var(--text); }
.steps { padding-left:24px; }
.steps li { padding-left:5px; margin:13px 0; }
.table-wrap { overflow-x:auto; padding:0; }
table { border-collapse:collapse; width:100%; min-width:570px; }
th,td { text-align:left; vertical-align:top; padding:13px 15px; border-bottom:1px solid var(--border); }
th { color:var(--text); background:var(--panel-2); }
td { color:var(--muted); }
.link-row { display:flex; flex-wrap:wrap; gap:12px; margin:20px 0; }
.link-button { display:inline-block; padding:10px 15px; border-radius:9px; background:var(--pink); color:#27101c; font-weight:700; text-decoration:none; }
.faq-item { border-top:1px solid var(--border); padding:10px 0; }
footer { border-top:1px solid var(--border); padding:18px 0 28px; color:var(--muted); font-size:13px; }
@media(max-width:600px) { .guide-nav-inner,main,footer { width:min(100% - 28px,900px); } main { padding-top:24px; } .note { padding:16px; } }