
*{box-sizing:border-box}
:root{color-scheme:dark;scroll-padding-top:1rem}
body{margin:0;background:#101010!important;color:#f7f3f3!important;font:16px/1.65 system-ui,sans-serif}
.site-header,.site-footer{position:static!important;background:#190909;border-color:#dc283f;border-style:solid;border-width:0 0 4px;color:#fff}
.site-footer{border-width:4px 0 0}
.site-bar,.site-hero,.guide-content,.site-footer-inner{width:min(1120px,calc(100% - 2rem));margin:auto;padding:1.15rem 0}
.site-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.site-logo{display:block;width:108px;height:auto}
.site-nav{display:flex;flex-wrap:wrap;gap:.35rem 1rem;align-items:center}
.site-nav a,.site-footer a,.guide-content a{color:#ff9da5!important;text-decoration:underline;text-underline-offset:3px}
.site-nav a[aria-current=page],.guide-content a[aria-current=page]{color:#fff!important;font-weight:700}
.site-hero-background{background:linear-gradient(125deg,#330c12,#101010 72%)!important;overflow:hidden}
.site-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,4vw,3rem);align-items:center;padding-block:2.5rem}
.site-hero h1{color:#fff!important;font:800 clamp(1.9rem,4vw,3.55rem)/1.12 system-ui;margin:0 0 1rem}
.site-hero p,.guide-content p{color:#f7e8e9!important;margin:0 0 1rem}
.site-banner{display:block;width:100%;height:auto;border:1px solid #784149;border-radius:12px}
a.site-cta{display:inline-block;background:#bb152d;color:#fff!important;border-radius:5px;padding:.65rem 1rem;font-weight:700;text-decoration:none}
.guide-content h2,.guide-content h3{color:#fff!important;font-family:system-ui}
.guide-content section{padding:1rem 0;border-bottom:1px solid #67323a}
.guide-content details{margin:.6rem 0;padding:.7rem 1rem;background:#25161a;border-radius:6px}
.guide-content details p{margin:.5rem 0 0}
.guide-content summary{cursor:pointer;color:#fff}
.guide-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:.6rem 1rem;padding:0;list-style:none}
.guide-index li{padding:.7rem .85rem;background:#25161a;border-left:3px solid #df203b}
a:focus-visible,summary:focus-visible{outline:2px solid #ff9da5;outline-offset:4px}
@media(max-width:680px){.site-hero{grid-template-columns:1fr}.site-nav{gap:.35rem .8rem}}
