
:root{--ink:#14213d;--muted:#5b6878;--paper:#f8fafc;--card:#fff;--line:#dce4ee;--orange:#f46f3a;--blue:#2563eb;--soft:#eef5ff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.68}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(var(--max),calc(100% - 34px));margin:auto}
header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);z-index:50}.head{min-height:70px;display:flex;align-items:center;gap:22px}.brand{font-size:1.38rem;font-weight:900;letter-spacing:-.04em;color:var(--ink);white-space:nowrap}.brand span{color:var(--orange)}
nav{display:flex;gap:18px;align-items:center;margin-left:auto}nav a{font-size:.91rem;color:#334155}.header-cta,.cta{background:var(--orange);color:#fff!important;font-weight:850;border-radius:10px;padding:11px 16px;display:inline-block;white-space:nowrap}.header-cta:hover,.cta:hover{text-decoration:none;filter:brightness(.96)}
.menu-btn{display:none;border:0;background:transparent;font-size:1.55rem;padding:6px;cursor:pointer;color:var(--ink)}
.hero{padding:70px 0 48px;background:linear-gradient(135deg,#fff 0,#f1f6ff 62%,#fff1ea 100%)}.eyebrow{font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;font-weight:850;color:var(--blue)}
h1{font-size:clamp(2.25rem,5.7vw,4.5rem);line-height:1.04;letter-spacing:-.055em;margin:.22em 0 .35em;max-width:930px}h2{font-size:clamp(1.45rem,2.7vw,2.05rem);line-height:1.18;letter-spacing:-.025em}h3{font-size:1.1rem}.lede{font-size:1.17rem;color:var(--muted);max-width:790px}
.disclosure{font-size:.88rem;color:var(--muted);margin-top:20px}.layout{display:grid;grid-template-columns:minmax(0,800px) 280px;gap:42px;padding:48px 0}.article section{padding:24px 0;border-bottom:1px solid var(--line)}.article p{color:#334155}.article ul{padding-left:22px}
.sidebar{align-self:start}.sidebox{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 28px rgba(20,33,61,.05);margin-bottom:18px}.sidebox h2{font-size:1.15rem;margin-top:0}.sidebox p{font-size:.93rem;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:21px}.card h2{font-size:1.18rem;margin:.1em 0}.card p{font-size:.93rem;color:var(--muted)}
.source{background:var(--soft);border:1px solid #d8e6ff;border-radius:14px;padding:17px;margin-top:28px;font-size:.9rem}.source strong{display:block}.source ul{margin-bottom:0}
footer{background:#fff;border-top:1px solid var(--line);padding:38px 0;margin-top:45px}.foot{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.footlinks{display:flex;gap:15px;flex-wrap:wrap}
@media(min-width:801px){header{position:sticky;top:0}.sidebar{position:static}}
@media(max-width:800px){header{position:sticky;top:0}.head{min-height:62px;gap:10px}.brand{font-size:1.18rem}.menu-btn{display:block;margin-left:0}.header-cta{margin-left:auto;padding:9px 11px;font-size:.82rem}nav{display:none;position:absolute;top:62px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:12px 17px 18px;flex-direction:column;align-items:stretch;gap:3px}nav.open{display:flex}nav a{padding:10px}.layout{grid-template-columns:1fr;gap:24px;padding-top:34px}.sidebar{position:static}.hero{padding:50px 0 35px}h1{font-size:2.55rem}.cards{grid-template-columns:1fr}}
@media(max-width:430px){.brand{font-size:1.03rem}.header-cta{font-size:.76rem;padding:8px 9px}.head{gap:7px}}

/* Benchmark-plus editorial UX */
.meta-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;color:var(--muted);font-size:.86rem}.meta-chip{background:#fff;border:1px solid var(--line);padding:6px 9px;border-radius:999px}
.takeaways{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin:0 0 24px}.takeaways h2{font-size:1.2rem;margin:0 0 10px}.takeaways ul{margin:0;padding-left:21px}
.toc{background:var(--soft);border:1px solid #d8e6ff;border-radius:16px;padding:20px;margin:25px 0}.toc h2{font-size:1.15rem;margin:0 0 8px}.toc a{display:block;padding:3px 0}
.cluster{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin:0 0 25px}.cluster h2{font-size:1.15rem;margin:0 0 6px}.cluster-links{display:flex;flex-wrap:wrap;gap:8px}.cluster-links a{background:#f7f9fc;border:1px solid var(--line);padding:7px 9px;border-radius:9px;font-size:.86rem}
.faq{margin-top:28px}.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 15px;margin:9px 0}.faq summary{font-weight:800;cursor:pointer}.faq p{margin-bottom:2px}
.next-path{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.next-path a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;color:var(--ink)}.next-path strong{display:block}.next-path span{font-size:.88rem;color:var(--muted)}
.hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.hub-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.hub-card h2{margin-top:0}.hub-card ul{padding-left:18px}
.home-hubs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.home-hubs .card{height:100%}
.updated{font-weight:700}
@media(max-width:800px){.next-path,.hub-grid,.home-hubs{grid-template-columns:1fr}.meta-row{gap:6px}}
