:root{--ink:#083442;--paper:#E8E3D1;--card:#f7f3e7;--cream:#fff9ee;--line:#A9ADB6;--muted:#53686d}
.guide-shell{box-sizing:border-box;width:94%;max-width:900px;margin:18px auto 34px;color:var(--ink);text-align:left}
.guide-shell *{box-sizing:border-box}.guide-shell a{color:var(--ink)}
.guide-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0 18px;font-size:.88rem}.guide-nav a{padding:5px 8px;border:1px solid rgba(8,52,66,.15);border-radius:999px;background:var(--card);text-decoration:none}
.guide-kicker{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.guide-shell h2{font-style:normal;text-align:left;font-size:clamp(1.8rem,4vw,2.65rem);line-height:1.05;letter-spacing:-.03em;margin:.15em 0 .35em}
.guide-shell h3{font-style:normal;text-align:left;font-size:1.28rem;line-height:1.2;margin:1.35em 0 .45em}
.guide-shell h4{font-style:normal;text-align:left;font-size:1.02rem;margin:.3em 0}
.guide-shell p,.guide-shell li{font-size:1rem;line-height:1.62}.guide-shell p{margin:.72em 0}.guide-shell .lede{font-size:1.12rem;line-height:1.55;color:#264b54;max-width:780px}
.guide-hero{margin:15px 0 18px;padding:16px;border:1px solid rgba(8,52,66,.16);border-radius:14px;background:var(--card);overflow:hidden}
.guide-hero figure{float:right;width:min(38%,290px);margin:0 0 8px 18px;padding:6px;border:1px solid rgba(8,52,66,.13);border-radius:10px;background:var(--cream);text-align:center}.guide-hero figure img{display:block;width:100%;aspect-ratio:2.06/1;object-fit:cover;border-radius:7px}.guide-hero figcaption{font-size:.76rem;line-height:1.3;color:var(--muted);margin-top:5px}
.guide-callout,.guide-note,.guide-warning,.guide-joke{margin:14px 0;padding:11px 13px;border:1px solid rgba(8,52,66,.16);border-radius:11px;background:var(--card)}
.guide-callout{border-left:5px solid #6a8f7b}.guide-note{border-left:5px solid #7d6f9b}.guide-warning{border-left:5px solid #b06b50}.guide-joke{border-left:5px solid #d7a23b;background:#fff1db}
.fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0}.fact-grid>div{padding:11px;border:1px solid rgba(8,52,66,.14);border-radius:10px;background:var(--cream)}.fact-grid strong{display:block;font-size:1.1rem;margin-bottom:3px}.fact-grid span{font-size:.86rem;line-height:1.35;color:#405b61}
.guide-table{width:100%;border-collapse:separate;border-spacing:0;margin:14px 0;border:1px solid rgba(8,52,66,.16);border-radius:11px;overflow:hidden;background:var(--cream)}.guide-table th,.guide-table td{padding:8px 10px;border-bottom:1px solid rgba(8,52,66,.11);text-align:left;vertical-align:top}.guide-table tr:last-child th,.guide-table tr:last-child td{border-bottom:0}.guide-table th{font-weight:800}
.roll-links{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.roll-links a{padding:7px 10px;border:1px solid rgba(8,52,66,.26);border-radius:9px;background:white;text-decoration:none!important;font-weight:700}.roll-links a:hover{background:var(--ink);color:var(--cream)!important}
.article-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:26px;padding-top:14px;border-top:1px solid var(--line)}.article-bottom a{padding:8px 11px;border-radius:9px;text-decoration:none}.article-bottom .main{background:var(--ink);color:var(--cream)!important;font-weight:800}
.hub-intro{max-width:760px}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.article-card{display:flex;flex-direction:column;min-height:190px;padding:14px;border:1px solid rgba(8,52,66,.16);border-radius:13px;background:var(--card);text-decoration:none!important;color:var(--ink)!important}.article-card:hover{background:var(--cream)}.article-card .emoji{font-size:1.65rem;margin-bottom:7px}.article-card strong{font-size:1.08rem;line-height:1.25;margin-bottom:6px}.article-card span{font-size:.88rem;line-height:1.4;color:#405b61}.article-card small{margin-top:auto;padding-top:10px;font-weight:800;color:var(--ink)}
.silly-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}.silly-strip a{padding:12px;border:1px dashed rgba(8,52,66,.28);border-radius:11px;background:#fff1db;text-decoration:none!important;font-weight:700}
.prob-bar{display:grid;grid-template-columns:repeat(11,1fr);gap:3px;align-items:end;height:120px;margin:16px 0}.prob-bar div{display:flex;align-items:flex-end;justify-content:center;background:#d9e1dd;border:1px solid rgba(8,52,66,.16);border-radius:5px 5px 0 0;font-size:.72rem;padding-bottom:3px;min-height:18px}
@media(max-width:700px){.article-grid,.fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-hero figure{float:none;width:min(85%,330px);margin:0 auto 14px}.silly-strip{grid-template-columns:1fr}.article-bottom{flex-direction:column}.article-bottom .main{order:-1}}
@media(max-width:460px){.article-grid,.fact-grid{grid-template-columns:1fr}.guide-shell{width:96%}.guide-shell h2{font-size:1.75rem}}