:root {
  --ink:#17211d; --muted:#61706a; --paper:#fffdf8; --wash:#f3efe6;
  --line:#d8cfbf; --green:#2f6b55; --gold:#be8840; --rust:#a65d46; --blue:#496c8b;
  --soft:#fbf7ee; --shadow:0 18px 45px rgba(31,41,51,.10);
}
*{box-sizing:border-box}
body{margin:0;background:var(--wash);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}
a{color:inherit}
.shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}
aside{position:sticky;top:0;height:100vh;overflow:auto;background:#15251f;color:#f8f0df;padding:26px 22px}
.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px;text-decoration:none}
.mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(248,240,223,.32);background:rgba(248,240,223,.08);font-weight:800;color:#e0c28d}
.brand strong{display:block;font-size:15px}.brand span{display:block;font-size:12px;color:#c8d1ca}
nav{display:grid;gap:6px;margin-bottom:26px}
nav a{text-decoration:none;padding:10px 12px;color:#e9ecde;border-left:3px solid transparent;background:rgba(255,255,255,.03)}
nav a:hover,nav a.active{border-left-color:var(--gold);background:rgba(255,255,255,.08)}
.side-note{padding:14px;border:1px solid rgba(248,240,223,.22);color:#d6ddcf;font-size:12px}
main{padding:28px clamp(18px,3vw,40px) 54px}
.topbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:22px}
h1,h2,h3{letter-spacing:0}h1{margin:0;font-size:clamp(28px,4vw,46px);line-height:1}h2{margin:0;font-size:22px}h3{margin:0 0 10px}
.subtitle{margin:10px 0 0;max-width:880px;color:var(--muted);font-size:15px}
.updated{min-width:205px;padding:12px 14px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);font-size:12px;color:var(--muted)}
.updated strong{display:block;color:var(--ink);font-size:14px}
.grid{display:grid;gap:16px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}
.two{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}.panel,.metric{padding:20px}
.metric{min-height:118px}.metric span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:750}
.metric strong{display:block;margin-top:8px;font-size:28px;line-height:1}.metric small{display:block;margin-top:9px;color:var(--muted)}
section{margin-top:22px}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:10px}.section-head p{margin:0;color:var(--muted);font-size:13px}
.stack{display:flex;height:34px;border:1px solid var(--line);overflow:hidden;background:#eee4d3;margin:10px 0 12px}.stack span{display:block;height:100%}
.legend{display:grid;gap:8px;font-size:13px}.legend-item{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ebe3d6;padding-bottom:6px}
.dot{display:inline-block;width:10px;height:10px;margin-right:7px;vertical-align:-1px}
.bars{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:110px 1fr 86px;gap:10px;align-items:center;font-size:13px}
.bar-track{height:15px;background:#eadfce;overflow:hidden;border:1px solid #ded3c3}.bar{height:100%;background:var(--gold)}.green{background:var(--green)}.rust{background:var(--rust)}.blue{background:var(--blue)}
table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--ink);background:#ede4d3;border:1px solid var(--line);padding:9px;white-space:nowrap}
td{border:1px solid #e5dccd;padding:9px;vertical-align:top}tr:nth-child(even) td{background:var(--soft)}
.tag{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;background:#dfece5;color:#214d3e;font-size:12px;font-weight:700}.tag.gold{background:#f0dfc2;color:#704b17}.tag.rust{background:#ecd9d1;color:#753f31}.tag.blue{background:#dfe9f1;color:#27465f}
.list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.list li{padding:12px;border:1px solid #e5dccd;background:#fffaf1}.list strong{display:block;margin-bottom:3px}.list span{color:var(--muted);font-size:13px}
.links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.button{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;text-decoration:none;background:#15251f;color:#f8f0df;font-size:13px;font-weight:750}.button.secondary{color:var(--ink);background:#ede4d3;border:1px solid var(--line)}
.note{color:var(--muted);font-size:13px}.source-list a{display:block;margin:6px 0;color:#214d3e}
@media(max-width:1020px){.shell{grid-template-columns:1fr}aside{position:static;height:auto}nav{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics,.three,.four,.two{grid-template-columns:1fr 1fr}}
@media(max-width:680px){main{padding:18px 14px 40px}.topbar{display:grid}.metrics,.three,.four,.two,nav{grid-template-columns:1fr}.bar-row{grid-template-columns:82px 1fr 64px}table{font-size:12px}}