:root{ /* Type scale. 1 = the original compact sizing; the header control writes this property onto and localStorage remembers it. */ --fs:1.3; color-scheme: light; --plane:#eef0ee; --surface:#fbfbfa; --surface-2:#f4f5f3; --raise:#ffffff; --ink:#14181c; --ink-2:#4f565e; --muted:#828a92; --line:#dfe1de; --line-strong:#c6cac6; --us:#2a78d6; --sg:#eb6834; --alt:#1baf7a; --us-soft:rgba(42,120,214,.11); --sg-soft:rgba(235,104,52,.11); --good:#0ca30c; --warn:#fab219; --crit:#d03b3b; --good-bg:rgba(12,163,12,.11); --warn-bg:rgba(250,178,25,.20); --crit-bg:rgba(208,59,59,.11); --good-ink:#046b04; --warn-ink:#6b4a00; --crit-ink:#9c2020; --shadow:0 1px 2px rgba(20,24,28,.05),0 10px 26px -16px rgba(20,24,28,.22); --sans:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif; --serif:'Source Serif 4',Georgia,'Times New Roman',serif; --mono:'IBM Plex Mono',ui-monospace,'Cascadia Mono',Consolas,monospace; } @media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ color-scheme: dark; --plane:#0a0e13; --surface:#151a21; --surface-2:#1b212a; --raise:#20272f; --ink:#f2f4f6; --ink-2:#a8b2bc; --muted:#7b858f; --line:#232a33; --line-strong:#39434f; --us:#3987e5; --sg:#d95926; --alt:#199e70; --us-soft:rgba(57,135,229,.16); --sg-soft:rgba(217,89,38,.16); --good-bg:rgba(12,163,12,.16); --warn-bg:rgba(250,178,25,.16); --crit-bg:rgba(208,59,59,.18); --good-ink:#3fce3f; --warn-ink:#fab219; --crit-ink:#f08585; --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 26px -16px rgba(0,0,0,.8); } } :root[data-theme="dark"]{ color-scheme: dark; --plane:#0a0e13; --surface:#151a21; --surface-2:#1b212a; --raise:#20272f; --ink:#f2f4f6; --ink-2:#a8b2bc; --muted:#7b858f; --line:#232a33; --line-strong:#39434f; --us:#3987e5; --sg:#d95926; --alt:#199e70; --us-soft:rgba(57,135,229,.16); --sg-soft:rgba(217,89,38,.16); --good-bg:rgba(12,163,12,.16); --warn-bg:rgba(250,178,25,.16); --crit-bg:rgba(208,59,59,.18); --good-ink:#3fce3f; --warn-ink:#fab219; --crit-ink:#f08585; --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 26px -16px rgba(0,0,0,.8); } *{box-sizing:border-box} body{background:var(--plane);color:var(--ink);font-family:var(--sans); font-size:calc(13.5px * var(--fs)); -webkit-font-smoothing:antialiased;line-height:1.45;overflow-x:hidden} h1,h2,h3,h4{margin:0;text-wrap:balance;letter-spacing:-.011em} p{margin:0} button{font:inherit;color:inherit} :focus-visible{outline:2px solid var(--us);outline-offset:2px;border-radius:3px} @media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}} .wrap{max-width:1220px;margin:0 auto;padding:0 15px} @media(min-width:900px){.wrap{padding:0 28px}} header.top{position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--line)} .top-in{display:flex;align-items:center;gap:10px;padding:10px 0;flex-wrap:wrap} .brand{display:flex;flex-direction:column;gap:1px;margin-right:auto;min-width:0} .brand h1{font-size:calc(16px * var(--fs));font-weight:700;letter-spacing:-.022em} .brand .sub{font-family:var(--mono);font-size:calc(10px * var(--fs));color:var(--muted);letter-spacing:.09em;text-transform:uppercase} .asof{font-family:var(--mono);font-size:calc(10px * var(--fs));color:var(--ink-2);border:1px solid var(--line); border-radius:999px;padding:4px 9px;white-space:nowrap} .asof b{color:var(--ink);font-weight:500} .seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:2px;gap:2px} .seg button{border:0;background:none;padding:5px 11px;border-radius:999px;cursor:pointer; font-size:calc(11.5px * var(--fs));font-weight:600;color:var(--ink-2);white-space:nowrap} .seg button[aria-pressed="true"]{background:var(--raise);color:var(--ink);box-shadow:var(--shadow)} nav.pills{position:sticky;top:var(--navtop,52px);z-index:39;background:var(--surface);border-bottom:1px solid var(--line)} .pills-in{display:flex;gap:3px;overflow-x:auto;padding:7px 0;scrollbar-width:none} .pills-in::-webkit-scrollbar{display:none} .pills-in button{flex:none;border:0;background:none;font-size:calc(12px * var(--fs));font-weight:600;color:var(--muted); padding:5px 10px;border-radius:7px;white-space:nowrap;cursor:pointer} .pills-in button.on{color:var(--ink);background:var(--surface-2)} .grouphead{display:flex;align-items:center;gap:12px;margin:44px 0 2px} .grouphead .gnum{font-family:var(--mono);font-size:calc(11px * var(--fs));color:var(--muted);letter-spacing:.14em} .grouphead .gtxt{font-size:calc(11px * var(--fs));font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)} .grouphead .grule{flex:1;height:1px;background:var(--line-strong)} section{padding:26px 0 6px;scroll-margin-top:var(--scrolltop,100px)} code{font-family:var(--mono);font-size:.92em;background:var(--surface-2);padding:1px 4px;border-radius:3px} .shead{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap} .shead h2{font-size:calc(21px * var(--fs));font-weight:700} .sdek{font-family:var(--serif);font-size:calc(14.5px * var(--fs));color:var(--ink-2);max-width:68ch;margin:7px 0 16px;line-height:1.55} .sdek b{font-family:var(--sans);font-size:calc(13px * var(--fs));font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums} .card{background:var(--surface);border:1px solid var(--line);border-radius:11px} .grid{display:grid;gap:11px} .g2{grid-template-columns:1fr} .g3{grid-template-columns:1fr} .g4{grid-template-columns:repeat(2,minmax(0,1fr))} @media(min-width:700px){.g2{grid-template-columns:1fr 1fr}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(min-width:940px){.g3{grid-template-columns:repeat(3,minmax(0,1fr))}} .mt{margin-top:11px} .tile{background:var(--surface);border:1px solid var(--line);border-radius:11px; padding:11px 12px 9px 15px;display:flex;flex-direction:column;min-width:0;position:relative} .tile::before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:2px;border-radius:0 2px 2px 0} .tile[data-r="us"]::before{background:var(--us)} .tile[data-r="sg"]::before{background:var(--sg)} .tile-h{display:flex;align-items:center;gap:6px;min-height:14px} .rtag{font-family:var(--mono);font-size:calc(9px * var(--fs));font-weight:500;letter-spacing:.08em;padding:1px 4px;border-radius:3px} .rtag.us{color:var(--us);background:var(--us-soft)} .rtag.sg{color:var(--sg);background:var(--sg-soft)} .tile-l{font-size:calc(11.5px * var(--fs));color:var(--ink-2);font-weight:500;line-height:1.25;margin-top:3px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .tile-v{font-size:calc(24px * var(--fs));font-weight:600;letter-spacing:-.028em;line-height:1.15; font-variant-numeric:tabular-nums;margin-top:2px} .tile-v .u{font-size:calc(13px * var(--fs));font-weight:500;color:var(--ink-2);margin-left:1px;letter-spacing:0} .tile-d{font-size:calc(11px * var(--fs));font-weight:600;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:5px;margin-top:1px} .tile-d .stamp{font-family:var(--mono);font-size:calc(9px * var(--fs));font-weight:400;color:var(--muted);margin-left:auto;letter-spacing:.02em} .up{color:var(--good-ink)}.down{color:var(--crit-ink)}.flat{color:var(--muted)} .spark{margin-top:7px;display:block;width:100%;height:24px} .prov{width:6px;height:6px;border-radius:50%;flex:none;display:inline-block} .prov.v{background:var(--good)} .prov.s{background:var(--warn)} .prov.e{background:var(--muted)} .chip{display:inline-flex;align-items:center;gap:4px;font-size:calc(10.5px * var(--fs));font-weight:600; padding:2.5px 7px;border-radius:5px;white-space:nowrap} .chip.good{background:var(--good-bg);color:var(--good-ink)} .chip.warn{background:var(--warn-bg);color:var(--warn-ink)} .chip.crit{background:var(--crit-bg);color:var(--crit-ink)} .chip.neut{background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line)} .chip.us{background:var(--us-soft);color:var(--us)} .chip.sg{background:var(--sg-soft);color:var(--sg)} .chip.gl{background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line-strong)} .chart-card{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:13px 13px 10px;min-width:0} .chart-h{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-bottom:1px} .chart-h h3{font-size:calc(13.5px * var(--fs));font-weight:600} .chart-h .hz{font-family:var(--mono);font-size:calc(9.5px * var(--fs));color:var(--muted);letter-spacing:.05em;margin-left:auto} .chart-note{font-size:calc(11px * var(--fs));color:var(--muted);line-height:1.45;margin-top:8px} .legend{display:flex;gap:11px;flex-wrap:wrap;margin:6px 0 1px} .legend span{display:inline-flex;align-items:center;gap:5px;font-size:calc(11px * var(--fs));color:var(--ink-2);font-weight:500} .swatch{width:12px;height:3px;border-radius:2px;flex:none} .chart-wrap{position:relative;width:100%} svg.plot{display:block;width:100%;height:auto;touch-action:pan-y} .tip{position:absolute;pointer-events:none;background:var(--raise);border:1px solid var(--line-strong); border-radius:7px;padding:7px 9px;box-shadow:var(--shadow);font-size:calc(11.5px * var(--fs));z-index:5;min-width:100px; opacity:0;transition:opacity .09s} .tip.on{opacity:1} .tip .tl{font-family:var(--mono);font-size:calc(9.5px * var(--fs));color:var(--muted);letter-spacing:.05em;margin-bottom:4px} .tip .tr{display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums;line-height:1.65} .tip .tr b{margin-left:auto;font-weight:600} details.tbl{margin-top:8px} details.tbl summary{font-size:calc(11px * var(--fs));color:var(--muted);cursor:pointer;font-weight:500;list-style:none; display:inline-flex;align-items:center;gap:5px} details.tbl summary::-webkit-details-marker{display:none} details.tbl summary::before{content:"\25B8";font-size:calc(9px * var(--fs));display:inline-block;transition:transform .15s} details.tbl[open] summary::before{transform:rotate(90deg)} .tscroll{overflow-x:auto;margin-top:8px} table{border-collapse:collapse;width:100%;font-size:calc(11.5px * var(--fs));font-variant-numeric:tabular-nums} th,td{text-align:right;padding:6px 9px;border-bottom:1px solid var(--line);white-space:nowrap} th:first-child,td:first-child{text-align:left} thead th{color:var(--muted);font-weight:600;font-size:calc(10px * var(--fs));letter-spacing:.05em;text-transform:uppercase; border-bottom:1px solid var(--line-strong)} tbody tr:last-child td{border-bottom:0} .regime{padding:15px 16px;border-radius:11px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--line-strong)} .regime[data-r="us"]{border-left-color:var(--us)} .regime[data-r="sg"]{border-left-color:var(--sg)} .regime .rh{display:flex;align-items:center;gap:8px} .regime .rh h3{font-size:calc(11px * var(--fs));letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:600} .regime .thesis{font-family:var(--serif);font-size:calc(18px * var(--fs));line-height:1.3;margin:8px 0 11px;letter-spacing:-.01em;color:var(--ink)} .regime ul{margin:0;padding-left:15px;display:flex;flex-direction:column;gap:5px} .regime li{font-size:calc(12.5px * var(--fs));color:var(--ink-2);line-height:1.45} .regime li b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums} .callout{border:1px solid var(--line);border-radius:11px;padding:13px 15px;background:var(--surface-2); font-family:var(--serif);font-size:calc(14px * var(--fs));line-height:1.55;color:var(--ink-2)} .callout b{font-family:var(--sans);font-size:calc(12.5px * var(--fs));font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums} .callout .lede{font-family:var(--sans);font-size:calc(10px * var(--fs));font-weight:700;letter-spacing:.11em;text-transform:uppercase; color:var(--muted);display:block;margin-bottom:6px} .gapbar{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:15px 16px 13px} .gapbar .gh{font-size:calc(10px * var(--fs));font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin-bottom:14px} /* The rail cannot sit at a fixed offset: each label is two lines of scaled text above it, so the whole geometry is derived from the type scale. */ .gaptrack{position:relative; --gap-lab:calc(32px * var(--fs)); /* height reserved for value + caption */ --gap-mark:calc(24px * var(--fs)); /* tick height */ height:calc(var(--gap-lab) + var(--gap-mark) + 8px)} .gaprail{position:absolute;left:0;right:0;top:var(--gap-lab);height:3px; background:var(--line);border-radius:2px} .gapfill{position:absolute;top:var(--gap-lab);height:3px;border-radius:2px; background:linear-gradient(90deg,var(--sg),var(--us))} .gapmark{position:absolute;top:calc(var(--gap-lab) - var(--gap-mark) * .42); width:2px;height:var(--gap-mark);border-radius:2px} .gaplab{position:absolute;top:0;font-size:calc(12px * var(--fs));font-weight:600; white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1.25} /* The right-hand label is anchored to end at its tick, so both labels point in at the gap they describe and neither can run off the card. */ .gaplab.right{text-align:right} .gaplab small{display:block;margin-top:1px;font-family:var(--mono); font-size:calc(9px * var(--fs));font-weight:400;color:var(--muted); letter-spacing:.05em;line-height:1.2} .gapmid{position:absolute;top:calc(var(--gap-lab) + 11px * var(--fs)); font-size:calc(11.5px * var(--fs));font-weight:600;font-variant-numeric:tabular-nums; color:var(--ink-2);white-space:nowrap} .gapfoot{font-family:var(--serif);font-size:calc(13.5px * var(--fs));line-height:1.5;color:var(--ink-2);margin-top:10px; border-top:1px solid var(--line);padding-top:10px} .gapfoot b{font-family:var(--sans);font-size:calc(12.5px * var(--fs));font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums} .ctrls{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;background:var(--surface-2); border:1px solid var(--line);border-radius:11px;padding:12px 13px} .ctrl{display:flex;flex-direction:column;gap:5px;min-width:0} .ctrl label{font-size:calc(10px * var(--fs));font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)} .ctrl input[type=number]{font-weight:500;font-size:calc(13px * var(--fs));font-family:var(--mono);color:var(--ink);background:var(--surface); border:1px solid var(--line-strong);border-radius:7px;padding:6px 9px;width:104px} .ctrl select{font-weight:500;font-size:calc(12px * var(--fs));font-family:var(--sans);color:var(--ink);background:var(--surface); border:1px solid var(--line-strong);border-radius:7px;padding:6px 9px} .switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:calc(12px * var(--fs));font-weight:500;color:var(--ink-2);padding-bottom:6px} .switch input{appearance:none;width:34px;height:19px;border-radius:999px;background:var(--line-strong); position:relative;cursor:pointer;flex:none;transition:background .15s;margin:0} .switch input::after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%; background:var(--surface);transition:transform .15s} .switch input:checked{background:var(--crit)} .switch input:checked::after{transform:translateX(15px)} .mtile{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:11px 12px} .mtile .ml{font-size:calc(11px * var(--fs));color:var(--ink-2);font-weight:500;display:flex;align-items:center;gap:5px} .mtile .mv{font-size:calc(22px * var(--fs));font-weight:600;letter-spacing:-.028em;font-variant-numeric:tabular-nums;margin:4px 0 1px} .mtile .mn{font-size:calc(10.5px * var(--fs));color:var(--muted);line-height:1.4} .bar{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden;margin-top:7px;border:1px solid var(--line)} .bar i{display:block;height:100%;border-radius:3px} .scen{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:15px; display:flex;flex-direction:column;gap:10px;border-top:3px solid var(--line-strong)} .scen-h{display:flex;align-items:center;gap:8px} .scen-h h4{font-size:calc(15px * var(--fs));font-weight:700;letter-spacing:-.018em} .prob{margin-left:auto;font-family:var(--mono);font-size:calc(14px * var(--fs));font-weight:500;font-variant-numeric:tabular-nums} .scen p{font-family:var(--serif);font-size:calc(13.5px * var(--fs));line-height:1.5;color:var(--ink-2)} .scen dl{margin:0;display:flex;flex-direction:column;gap:8px} .scen dt{font-size:calc(9.5px * var(--fs));font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)} .scen dd{margin:2px 0 0;font-size:calc(12.5px * var(--fs));color:var(--ink-2);line-height:1.45} .scen dd b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums} .reg{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:14px 15px; display:flex;flex-direction:column;gap:9px} .reg-h{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap} .reg-h h4{font-size:calc(14px * var(--fs));font-weight:600;letter-spacing:-.014em;flex:1 1 220px;min-width:0} .reg .meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center} .reg .body{font-family:var(--serif);font-size:calc(13.5px * var(--fs));line-height:1.5;color:var(--ink-2)} .reg .impact{font-size:calc(12.5px * var(--fs));line-height:1.45;color:var(--ink-2);border-left:2px solid var(--line-strong);padding-left:11px} .reg .impact b{color:var(--ink);font-weight:600} .reg .date{font-family:var(--mono);font-size:calc(10px * var(--fs));color:var(--muted);letter-spacing:.04em} .tl-wrap{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:14px 15px} .tl-row{padding:7px 0;border-bottom:1px solid var(--line)} .tl-row:last-of-type{border-bottom:0} .tl-lab{font-size:calc(11.5px * var(--fs));font-weight:500;color:var(--ink-2);display:flex;gap:7px;align-items:center} .tl-track{position:relative;height:10px;background:var(--surface-2);border-radius:3px;margin-top:4px;border:1px solid var(--line)} .tl-seg{position:absolute;top:0;bottom:0;border-radius:3px} .tl-axis{display:flex;justify-content:space-between;font-family:var(--mono);font-size:calc(9px * var(--fs));color:var(--muted); letter-spacing:.05em;margin-top:8px;border-top:1px solid var(--line-strong);padding-top:5px} footer{margin-top:42px;padding:22px 0 36px;border-top:1px solid var(--line);font-size:calc(11.5px * var(--fs));color:var(--muted);line-height:1.6} footer h4{font-size:calc(10px * var(--fs));letter-spacing:.11em;text-transform:uppercase;color:var(--ink-2);margin-bottom:7px} footer a{color:var(--ink-2);text-decoration:underline;text-underline-offset:2px} .srcs{display:flex;flex-wrap:wrap;gap:3px 14px;margin-top:6px} .provkey{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px} .provkey span{display:inline-flex;align-items:center;gap:6px} .hidden{display:none!important} /* ===== additions for the served app ======================================== */ .ghost{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2); border-radius:999px;padding:5px 11px;font-size:calc(11.5px * var(--fs));font-weight:600;cursor:pointer; text-decoration:none;white-space:nowrap;line-height:1.45} .ghost:hover{color:var(--ink);border-color:var(--line-strong)} .ghost[disabled]{opacity:.55;cursor:default} .banner{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px; padding:9px 13px;border-radius:9px;font-size:calc(11.5px * var(--fs));line-height:1.5; border:1px solid var(--line);background:var(--surface);color:var(--ink-2)} .banner b{color:var(--ink);font-weight:600} .banner .sep{color:var(--muted)} .banner.good{border-left:3px solid var(--good)} .banner.warn{border-left:3px solid var(--warn)} .banner.crit{border-left:3px solid var(--crit);color:var(--crit-ink)} .banner code{font-size:calc(10.5px * var(--fs))} .assess-headline{font-family:var(--serif);font-size:calc(17px * var(--fs));line-height:1.4;color:var(--ink); margin-top:14px;padding:13px 15px;border-radius:11px;background:var(--surface); border:1px solid var(--line);border-left:3px solid var(--alt)} .assessed{font-family:var(--mono);font-size:calc(9.5px * var(--fs));color:var(--muted);letter-spacing:.04em; margin-top:9px;padding-top:8px;border-top:1px solid var(--line)} /* ---- history page -------------------------------------------------------- */ .page-head{padding:26px 0 6px} .page-head h1{font-size:calc(23px * var(--fs));font-weight:700;letter-spacing:-.02em} .page-head p{font-family:var(--serif);font-size:calc(14.5px * var(--fs));color:var(--ink-2); max-width:68ch;margin:8px 0 0;line-height:1.55} .snaplist{width:100%;font-size:calc(12px * var(--fs))} .snaplist td,.snaplist th{white-space:nowrap} .snaplist tbody tr{cursor:pointer} .snaplist tbody tr:hover{background:var(--surface-2)} .snaplist tbody tr[aria-selected="true"]{background:var(--us-soft)} .pill-a{background:var(--us-soft);color:var(--us)} .pill-b{background:var(--sg-soft);color:var(--sg)} .diff-pos{color:var(--good-ink);font-weight:600} .diff-neg{color:var(--crit-ink);font-weight:600} .empty{padding:26px;text-align:center;color:var(--muted);font-size:calc(12.5px * var(--fs))} /* ---- transmission channels ----------------------------------------------- */ .chan{background:var(--surface);border:1px solid var(--line);border-radius:11px; padding:13px 14px;display:flex;flex-direction:column;gap:9px; border-left:3px solid var(--line-strong)} .chan[data-status="firing"]{border-left-color:var(--crit)} .chan[data-status="building"]{border-left-color:var(--warn)} .chan-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .chan-h h4{font-size:calc(13px * var(--fs));font-weight:600;letter-spacing:-.01em;line-height:1.3} .chan-h .chip{margin-left:auto;text-transform:capitalize} .chan-driver{display:flex;align-items:baseline;gap:8px;font-size:calc(11.5px * var(--fs));color:var(--muted); border-top:1px solid var(--line);padding-top:8px} .chan-driver b{margin-left:auto;color:var(--ink);font-weight:600;font-size:calc(12.5px * var(--fs)); font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap} .strength{height:4px;border-radius:3px;background:var(--surface-2); border:1px solid var(--line);overflow:hidden} .strength i{display:block;height:100%;background:var(--alt)} .chan[data-status="firing"] .strength i{background:var(--crit)} .chan[data-status="building"] .strength i{background:var(--warn)} .chain{margin:0;padding:0;list-style:none;counter-reset:step; display:flex;flex-direction:column;gap:4px} .chain li{position:relative;padding-left:22px;font-size:calc(12px * var(--fs));color:var(--ink-2);line-height:1.4} .chain li::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:1px; width:15px;height:15px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line); font-family:var(--mono);font-size:calc(9px * var(--fs));color:var(--muted);display:flex; align-items:center;justify-content:center} .chain li:not(:last-child)::after{content:"";position:absolute;left:7px;top:17px;bottom:-5px; width:1px;background:var(--line)} .chan-mag{margin:0;font-size:calc(12px * var(--fs));line-height:1.45;color:var(--ink); background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:8px 10px} .chan-al{margin:0;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:baseline} .chan-al dt{font-family:var(--mono);font-size:calc(9px * var(--fs));font-weight:500;letter-spacing:.08em; text-transform:uppercase;color:var(--muted);padding-top:1px} .chan-al dd{margin:0;font-size:calc(11.5px * var(--fs));color:var(--ink-2);line-height:1.45} .chan-lag{font-family:var(--mono);font-size:calc(9px * var(--fs));letter-spacing:.06em;color:var(--muted); text-transform:uppercase} /* ---- developments (news scan) -------------------------------------------- */ .newsitem{background:var(--surface);border:1px solid var(--line);border-radius:11px; padding:13px 14px;display:flex;flex-direction:column;gap:8px} .news-h{display:flex;align-items:center;gap:7px} .news-date{margin-left:auto;font-family:var(--mono);font-size:calc(9.5px * var(--fs));color:var(--muted)} .newsitem h4{font-size:calc(13.5px * var(--fs));font-weight:600;line-height:1.35;letter-spacing:-.012em} .newsitem h4 a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-strong)} .newsitem h4 a:hover{color:var(--alt);border-bottom-color:var(--alt)} .newsitem p{margin:0;font-size:calc(12.5px * var(--fs));color:var(--ink-2);line-height:1.5} .news-f{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-family:var(--mono); font-size:calc(9.5px * var(--fs));letter-spacing:.05em;text-transform:uppercase;color:var(--muted); border-top:1px solid var(--line);padding-top:7px} .news-chan{margin-left:auto;color:var(--ink-2)} /* ---- scenario -> shock bridge -------------------------------------------- */ .scen-shocks{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px} .scen-shock-l{font-size:calc(11.5px * var(--fs));color:var(--muted)} /* ---- forms --------------------------------------------------------------- */ .ctrl input[type=text],.ctrl input[type=password],.ctrl input[type=date], .ctrl input[type=number],.ctrl textarea{font-weight:500;font-size:calc(12.5px * var(--fs));font-family:var(--mono);color:var(--ink); background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:7px 9px; min-width:0;width:100%;box-sizing:border-box} .ctrl textarea{font-size:calc(11.5px * var(--fs));line-height:1.5;min-height:110px;resize:vertical} .ctrl input:focus,.ctrl select:focus,.ctrl textarea:focus{outline:2px solid var(--alt); outline-offset:1px} /* ---- admin --------------------------------------------------------------- */ .tabs{display:flex;gap:3px;overflow-x:auto;border-bottom:1px solid var(--line); margin:14px 0 0;padding-bottom:0;scrollbar-width:none} .tabs::-webkit-scrollbar{display:none} .tabs button{flex:none;border:0;background:none;font-size:calc(12.5px * var(--fs));font-weight:600; color:var(--muted);padding:9px 12px;cursor:pointer;border-bottom:2px solid transparent} .tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--alt)} .panel{padding-top:14px} .panel[hidden]{display:none} .adminbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0} .adminbar .spacer{flex:1} .log{font-family:var(--mono);font-size:calc(11px * var(--fs));line-height:1.6;color:var(--ink-2); background:var(--surface-2);border:1px solid var(--line);border-radius:9px; padding:10px 12px;max-height:280px;overflow:auto;white-space:pre-wrap;margin-top:10px} .log b{color:var(--ink)} .log .err{color:var(--crit-ink)} .log .ok{color:var(--good-ink)} table.grid-t input{font-weight:500;font-size:calc(11.5px * var(--fs));font-family:var(--mono);width:64px;text-align:right;color:var(--ink); background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:3px 5px} table.grid-t input[data-locked="1"]{border-color:var(--alt);background:var(--surface-2)} table.grid-t th{white-space:nowrap} .k{font-family:var(--mono);font-size:calc(10.5px * var(--fs));color:var(--muted)} .danger{border-color:var(--crit)!important;color:var(--crit-ink)!important} .statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px} .statbox{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:11px 12px} .statbox .l{font-size:calc(10px * var(--fs));font-weight:700;letter-spacing:.09em;text-transform:uppercase; color:var(--muted)} .statbox .v{font-size:calc(19px * var(--fs));font-weight:600;letter-spacing:-.02em;margin-top:4px; font-variant-numeric:tabular-nums} .statbox .n{font-size:calc(11px * var(--fs));color:var(--ink-2);margin-top:2px} /* ---- text size control --------------------------------------------------- */ /* The buttons are the letter A drawn at the size they select, so the control demonstrates itself rather than needing a label. */ .fsseg button{font-weight:700;line-height:1;padding:5px 9px} .fsseg button[data-fs="1"]{font-size:11px} .fsseg button[data-fs="1.15"]{font-size:13px} .fsseg button[data-fs="1.3"]{font-size:15px} .fsseg button[data-fs="1.5"]{font-size:17px} /* ---- inflation drivers ---------------------------------------------------- */ .dr-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:9px} .dr-head > b{font-size:calc(26px * var(--fs));font-weight:600;letter-spacing:-.028em; font-variant-numeric:tabular-nums} .dr-core{display:flex;align-items:baseline;gap:7px;font-size:calc(11.5px * var(--fs)); color:var(--muted)} .dr-core b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums} .dr-gap{font-family:var(--mono);font-size:calc(10px * var(--fs))} .dr-story{font-family:var(--serif);font-size:calc(13px * var(--fs));line-height:1.5; color:var(--ink-2);margin:9px 0 4px;border-left:2px solid var(--line-strong); padding-left:11px} table.dr-t{width:100%} table.dr-t th{font-size:calc(9.5px * var(--fs));text-transform:uppercase;letter-spacing:.06em} table.dr-t td{padding:6px 6px 6px 0;vertical-align:middle} .dr-name{font-size:calc(12px * var(--fs));color:var(--ink);line-height:1.3;min-width:130px} .dr-w{display:block;font-family:var(--mono);font-size:calc(9px * var(--fs)); color:var(--muted);letter-spacing:.03em;margin-top:1px} .dr-yoy{font-variant-numeric:tabular-nums;color:var(--ink-2);white-space:nowrap; text-align:right;font-size:calc(11.5px * var(--fs))} .dr-bar{width:34%;min-width:80px} .dr-track{display:block;height:9px;border-radius:3px;background:var(--surface-2); border:1px solid var(--line);overflow:hidden} .dr-track i{display:block;height:100%;border-radius:2px} .dr-track i.neg{opacity:.6} .dr-c{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap; text-align:right;font-size:calc(12px * var(--fs))} .dr-d{font-family:var(--mono);font-size:calc(10px * var(--fs));white-space:nowrap; text-align:right;font-variant-numeric:tabular-nums} .dr-detail{margin-top:10px} .dr-detail summary{font-size:calc(11px * var(--fs));color:var(--muted);cursor:pointer; padding:5px 0} .dr-detail summary:hover{color:var(--ink-2)} /* ---- cross-currency funding ---------------------------------------------- */ .fx-quote{display:flex;align-items:center;gap:14px;margin:12px 0 4px;padding:11px 13px; background:var(--surface-2);border:1px solid var(--line);border-radius:10px} .fx-big{font-size:calc(30px * var(--fs));font-weight:600;letter-spacing:-.03em; font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap} .fx-big span{font-size:calc(14px * var(--fs));font-weight:500;color:var(--muted); margin-left:2px;letter-spacing:0} .fx-big.neg{color:var(--crit-ink)} .fx-big.pos{color:var(--good-ink)} .fx-side{min-width:0} .fx-l{font-family:var(--mono);font-size:calc(9.5px * var(--fs));color:var(--muted); letter-spacing:.05em;text-transform:uppercase;line-height:1.35} .fx-r{font-size:calc(12.5px * var(--fs));color:var(--ink-2);line-height:1.45;margin-top:4px} .fx-r b{color:var(--ink);font-weight:600} .fx-explain{font-family:var(--serif);font-size:calc(13px * var(--fs));line-height:1.55; color:var(--ink-2);margin:10px 0 2px} .fx-explain b{font-family:var(--sans);font-size:calc(12px * var(--fs));font-weight:600; color:var(--ink)} .fx-name{white-space:nowrap} .fx-sub{display:block;font-family:var(--mono);font-size:calc(9px * var(--fs)); color:var(--muted);font-weight:400;letter-spacing:.03em;margin-top:1px} .fx-cost{display:grid;grid-template-columns:repeat(auto-fit,minmax(122px,1fr));gap:9px; margin-top:12px} .fx-cost > div{background:var(--surface-2);border:1px solid var(--line);border-radius:9px; padding:9px 10px;display:flex;flex-direction:column;gap:1px} .fx-cost .l{font-family:var(--mono);font-size:calc(9px * var(--fs));color:var(--muted); text-transform:uppercase;letter-spacing:.06em} .fx-cost .v{font-size:calc(17px * var(--fs));font-weight:600;letter-spacing:-.02em; font-variant-numeric:tabular-nums} .fx-cost .n{font-size:calc(10.5px * var(--fs));color:var(--muted);line-height:1.35} /* ---- forecast horizons + sense check ------------------------------------- */ table.hz-t th .hz-sub{display:block;font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted); font-size:calc(9.5px * var(--fs))} table.hz-t td{vertical-align:top} .hz-name{white-space:nowrap;font-weight:600} .hz-scen{display:block;font-family:var(--mono);font-size:calc(9px * var(--fs));font-weight:400;letter-spacing:.03em} .hz-d{display:block;font-family:var(--mono);font-size:calc(9.5px * var(--fs));font-weight:400} tr.hz-dove td,tr.hz-hawk td{color:var(--ink-2)} tr.hz-hawk td{border-bottom:2px solid var(--line-strong)} .fc-verdict{display:flex;align-items:center;gap:10px;font-size:calc(12px * var(--fs));color:var(--ink-2);margin:8px 0} .fc-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px} .fc-list li{font-size:calc(12px * var(--fs));line-height:1.45;color:var(--ink-2);padding:6px 9px;border-radius:7px; border:1px solid var(--line);background:var(--surface-2);border-left-width:3px} .fc-list li.ok{border-left-color:var(--good)} .fc-list li.warn{border-left-color:var(--warn);color:var(--ink)} .fc-list li.crit{border-left-color:var(--crit);color:var(--ink)} .fc-t{font-family:var(--mono);font-size:calc(9px * var(--fs));letter-spacing:.06em;text-transform:uppercase; color:var(--muted);margin-right:9px} .fc-fwds{margin-top:11px;border-top:1px solid var(--line);padding-top:9px} .fc-fwds-l{font-family:var(--mono);font-size:calc(9.5px * var(--fs));letter-spacing:.05em;text-transform:uppercase; color:var(--muted);margin-bottom:6px} .fc-fwd{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:calc(11.5px * var(--fs)); color:var(--ink-2);margin-top:4px} .fc-fwd b{color:var(--ink);font-variant-numeric:tabular-nums} /* ---- ALM extensions ------------------------------------------------------ */ table.bc-t td,table.bc-t th{white-space:nowrap} .bc-name{font-weight:600} .bc-h{display:block;font-family:var(--mono);font-size:calc(9.5px * var(--fs));color:var(--muted);font-weight:400} .hedge-not{display:flex;gap:14px;flex-wrap:wrap;font-size:calc(11.5px * var(--fs));color:var(--muted);margin-bottom:8px} .hedge-not b{color:var(--ink);font-variant-numeric:tabular-nums} .hedge-reads{margin:10px 0 0;padding-left:16px;display:flex;flex-direction:column;gap:6px} .hedge-reads li{font-size:calc(12px * var(--fs));color:var(--ink-2);line-height:1.5} /* ---- banks --------------------------------------------------------------- */ .bank .bk-px{display:flex;align-items:baseline;gap:8px;margin:8px 0 4px} .bank .bk-px b{font-size:calc(28px * var(--fs));font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums} .bank .bk-px span{font-size:calc(11px * var(--fs));color:var(--muted)} .bank .bk-range{margin-left:auto;font-family:var(--mono);font-size:calc(9.5px * var(--fs))} .bk-tables{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px} .bk-tables table{font-size:calc(11px * var(--fs))} .bk-l{font-family:var(--mono);font-size:calc(9px * var(--fs));letter-spacing:.06em;text-transform:uppercase; color:var(--muted);margin-bottom:3px} .bk-fund{margin-top:9px;font-size:calc(11.5px * var(--fs));color:var(--ink-2);border-top:1px solid var(--line);padding-top:8px} .bk-src{font-family:var(--mono);font-size:calc(9px * var(--fs));color:var(--muted);margin-left:5px} .bk-src a{color:var(--alt)} .bk-missing{font-family:var(--mono);font-size:calc(9.5px * var(--fs));color:var(--muted)}