/* Explainer layout — long-form reading, dark editorial */
.doc{max-width:760px;margin:0 auto;padding:56px 28px 110px}
.crumb{font-size:11px;letter-spacing:2.2px;text-transform:uppercase;font-weight:700;color:var(--muted);margin-bottom:20px}
.crumb a{color:var(--gold)}
.doc h1{font-family:var(--serif);font-size:clamp(36px,5.4vw,54px);font-weight:700;line-height:1.06;letter-spacing:-1.1px;margin-bottom:16px}
.doc .lead{color:rgba(247,245,240,.72);font-size:19px;line-height:1.68;margin-bottom:18px}
.meta{display:flex;flex-wrap:wrap;gap:16px;font-size:11.5px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;color:var(--muted);padding-bottom:34px;margin-bottom:8px;border-bottom:1px solid rgba(212,165,55,.18)}
.meta span.tag{color:var(--gold)}
.doc h2{font-family:var(--serif);font-size:29px;font-weight:700;margin:50px 0 15px;letter-spacing:-.4px;padding-top:26px;border-top:1px solid rgba(212,165,55,.15)}
.doc h3{font-size:16.5px;font-weight:700;margin:30px 0 10px;color:var(--gold);letter-spacing:.2px}
.doc p{font-size:17px;line-height:1.8;color:rgba(247,245,240,.76);margin-bottom:17px}
.doc ul,.doc ol{margin:0 0 20px 22px}
.doc li{font-size:17px;line-height:1.78;color:rgba(247,245,240,.76);margin-bottom:10px}
.doc strong{color:var(--bone);font-weight:700}
.doc a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(212,165,55,.35)}
.doc a:hover{border-bottom-color:var(--gold)}
.box{background:var(--ink-3);border:1px solid rgba(255,255,255,.07);border-left:3px solid var(--gold);border-radius:8px;padding:22px 26px;margin:28px 0}
.box.red{border-left-color:var(--red);background:rgba(192,57,43,.05)}
.box.green{border-left-color:#4CAF7D;background:rgba(76,175,125,.05)}
.box h3{margin-top:0}
.box p:last-child,.box ul:last-child,.box li:last-child{margin-bottom:0}
.pull{font-family:var(--serif);font-size:25px;line-height:1.42;color:var(--bone);font-style:italic;border-left:3px solid var(--gold);padding:6px 0 6px 26px;margin:34px 0}
.toc{background:var(--ink-3);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:22px 26px;margin:30px 0 40px}
.toc div.h{font-size:11px;letter-spacing:2.2px;text-transform:uppercase;font-weight:700;color:var(--gold);margin-bottom:12px}
.toc a{display:block;padding:7px 0;font-size:15px;color:rgba(247,245,240,.72);border-bottom:1px solid rgba(255,255,255,.05)}
.toc a:last-child{border-bottom:none}
.toc a:hover{color:var(--gold)}
table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px}
th{text-align:left;padding:11px 14px;background:rgba(212,165,55,.08);color:var(--gold);font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}
td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);color:rgba(247,245,240,.74);line-height:1.62;vertical-align:top}
.related{margin-top:60px;padding-top:34px;border-top:1px solid rgba(212,165,55,.18)}
.related .h{font-size:11px;letter-spacing:2.2px;text-transform:uppercase;font-weight:700;color:var(--gold);margin-bottom:18px}
.rcard{display:block;padding:16px 20px;background:var(--ink-3);border:1px solid rgba(255,255,255,.07);border-radius:8px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07)}
.rcard:hover{border-color:rgba(212,165,55,.4)}
.rcard b{display:block;color:var(--bone);font-size:16px;margin-bottom:4px;font-weight:700}
.rcard span{font-size:14px;color:rgba(247,245,240,.6);line-height:1.55}
.cta{background:linear-gradient(180deg,rgba(212,165,55,.09),rgba(212,165,55,.03));border:1px solid rgba(212,165,55,.28);border-radius:12px;padding:28px 30px;margin-top:46px;text-align:center}
.cta b{display:block;font-family:var(--serif);font-size:24px;color:var(--bone);margin-bottom:8px}
.cta p{font-size:15.5px;margin-bottom:18px}
.cta a.btn{display:inline-block;background:var(--gold);color:#0B0B0D;padding:13px 30px;border-radius:6px;font-weight:800;font-size:13px;letter-spacing:1.4px;text-transform:uppercase;border:none}