*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:#07070d;color:#c9c9d2;
  line-height:1.75;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}
a{color:#fbbf24}
* :focus-visible{outline:3px solid #fbbf24;outline-offset:4px;border-radius:4px}
.skip{position:absolute;left:12px;top:-80px;z-index:20;background:#fbbf24;color:#07070d;
  padding:10px 14px;font-weight:900;text-decoration:none}
.skip:focus{top:12px}
header.top{border-bottom:1px solid #16161f;padding:16px 0}
header.top .wrap{display:flex;align-items:center;gap:12px}
header.top img{width:30px;height:30px;border-radius:7px}
header.top a{color:#fff;text-decoration:none;font-weight:900;letter-spacing:1px;font-size:15px}
.top .brand{margin-right:auto}
.top nav{display:flex;align-items:center;gap:16px}
.top nav a{color:#9b9ba7;font-size:12px;letter-spacing:.3px}
.top nav a:hover{color:#fbbf24}
nav.crumb{font-size:12.5px;color:#63636e;padding:16px 0 0}
nav.crumb a{color:#8b8b96;text-decoration:none}
article{padding:6px 0 50px}
h1{font-size:clamp(25px,4.6vw,38px);color:#fbbf24;font-weight:900;line-height:1.25;margin:14px 0 10px}
.meta{font-size:13px;color:#63636e;margin-bottom:26px}
h2{font-size:clamp(18px,3vw,24px);color:#fff;font-weight:900;margin:34px 0 10px}
h3{font-size:16px;color:#fbbf24;margin:22px 0 7px;font-weight:900}
p{margin-bottom:14px}
ul,ol{margin:0 0 16px 22px}
li{margin-bottom:8px}
strong{color:#e8e8ef}
table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14.5px}
th,td{border:1px solid #1e1e2a;padding:9px 12px;text-align:left}
th{background:#0e0e16;color:#fbbf24;font-weight:900}
.toc{background:#0e0e16;border:1px solid #252531;border-radius:12px;padding:18px 20px;margin:22px 0 30px}
.toc strong{display:block;color:#fff;margin-bottom:8px}
.toc ol{margin-bottom:0}.toc li{margin-bottom:4px}.toc a{text-decoration:none}
.eyebrow{color:#fbbf24;font-size:12px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0 32px}
.guide-card{display:block;background:#0e0e16;border:1px solid #232330;border-radius:13px;padding:20px;
  color:#c9c9d2;text-decoration:none;transition:border-color .2s,transform .2s}
.guide-card:hover{border-color:#fbbf24;transform:translateY(-2px)}
.guide-card span{display:block;color:#fbbf24;font-size:11px;font-weight:900;letter-spacing:1px;margin-bottom:7px}
.guide-card h2,.guide-card h3{color:#fff;font-size:17px;line-height:1.3;margin:0 0 7px}
.guide-card p{color:#9696a2;font-size:14px;margin:0}
.related{border-top:1px solid #1e1e2a;margin-top:38px;padding-top:8px}
.related ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;margin:14px 0 0}
.related li{margin:0}.related a{display:block;height:100%;background:#0e0e16;border:1px solid #232330;
  border-radius:10px;padding:12px 14px;text-decoration:none;font-weight:700}
.note{font-size:13px;color:#858590}
.cta{display:inline-block;margin:26px 0 6px;padding:14px 32px;background:linear-gradient(135deg,#E8BC5A,#C9992F);
  color:#0A0A0A;text-decoration:none;border-radius:12px;font-weight:900;letter-spacing:.6px}
.box{background:#0e0e16;border:1px solid #1e1e2a;border-left:3px solid #fbbf24;border-radius:10px;padding:16px 18px;margin:20px 0}
.box p:last-child{margin-bottom:0}
footer{border-top:1px solid #16161f;padding:26px 0 40px;font-size:13px;color:#63636e;text-align:center}
footer a{color:#8b8b96;text-decoration:none;margin:0 9px}
@media(max-width:640px){
  .guide-grid,.related ul{grid-template-columns:1fr}
  .top nav a:not(.play-link){display:none}
  table{display:block;overflow-x:auto;white-space:normal}
  th,td{min-width:145px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide-card{transition:none}.guide-card:hover{transform:none}}