near-toll-audit / docs/styles.css · raw
:root{color-scheme:light;  --page:#f9f9f7;--surface:#fcfcfb;--ink:#0b0b0b;--ink-2:#52514e;--muted:#6f6e69;--grid:#e1e0d9;--axis:#c3c2b7;--ring:rgba(11,11,11,.10);  --s1:#2a78d6;--s2:#eb6834;--s3:#1baf7a;--s4:#eda100;--mute:#a3a29a;--good:#0ca30c;--warn:#fab219;--bad:#d03b3b;--link:#1c5cab;  --seq-1:#cde2fb;--seq-2:#9ec5f4;--seq-3:#5598e7;--seq-4:#256abf;--seq-5:#104281;--neg:#e34948;--neg-soft:#f6c9c6;--wash:#f0efec;  --font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}@media (prefers-color-scheme:dark){:root:where(:not([data-theme="light"])){color-scheme:dark;  --page:#0d0d0d;--surface:#1a1a19;--ink:#f0efec;--ink-2:#c3c2b7;--muted:#9c9b94;--grid:#2c2c2a;--axis:#383835;--ring:rgba(255,255,255,.10);  --s1:#3987e5;--s2:#d95926;--s3:#199e70;--s4:#c98500;--mute:#6f6e69;--link:#86b6ef;  --seq-1:#184f95;--seq-2:#1c5cab;--seq-3:#2a78d6;--seq-4:#5598e7;--seq-5:#9ec5f4;--neg:#e66767;--neg-soft:#5a2a29;--wash:#383835}}:root[data-theme="dark"]{color-scheme:dark;  --page:#0d0d0d;--surface:#1a1a19;--ink:#f0efec;--ink-2:#c3c2b7;--muted:#9c9b94;--grid:#2c2c2a;--axis:#383835;--ring:rgba(255,255,255,.10);  --s1:#3987e5;--s2:#d95926;--s3:#199e70;--s4:#c98500;--mute:#6f6e69;--link:#86b6ef;  --seq-1:#184f95;--seq-2:#1c5cab;--seq-3:#2a78d6;--seq-4:#5598e7;--seq-5:#9ec5f4;--neg:#e66767;--neg-soft:#5a2a29;--wash:#383835}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:64px}body{margin:0;background:var(--page);color:var(--ink);font:16px/1.55 var(--font);overflow-x:hidden}a{color:var(--link);text-underline-offset:2px}.wrap{max-width:1120px;margin:0 auto;padding:0 16px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0 6px;font-size:14px;color:var(--ink-2)}.top b{color:var(--ink);font-weight:650}.top .right{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.btn{font:inherit;font-size:13px;color:var(--ink-2);background:transparent;border:1px solid var(--ring);border-radius:8px;padding:4px 10px;cursor:pointer;min-height:32px}.btn:hover{background:var(--wash)}.btn[aria-pressed="true"]{background:var(--ink);color:var(--page);border-color:var(--ink)}.hero{padding:26px 0 8px}.kicker{font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--ink-2);margin:0 0 8px}h1{font-size:clamp(30px,6.4vw,50px);line-height:1.08;letter-spacing:-.02em;margin:0 0 14px;max-width:18ch;font-weight:700}.lede{font-size:clamp(17px,2.4vw,20px);line-height:1.5;color:var(--ink-2);max-width:62ch;margin:0 0 18px}.lede strong{color:var(--ink);font-weight:600}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 12px}.tile{background:var(--surface);border:1px solid var(--ring);border-radius:12px;padding:12px 14px}.tile .label{font-size:13px;color:var(--ink-2);line-height:1.3}.tile .value{font-size:clamp(26px,5.6vw,34px);font-weight:650;letter-spacing:-.015em;line-height:1.15;margin:4px 0 2px}.tile .sub{font-size:13px;color:var(--muted);line-height:1.3}.hero-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin:14px 0 2px;font-size:15px}.state{display:flex;gap:10px;align-items:flex-start;background:var(--surface);border:1px solid var(--ring);border-left:4px solid var(--good);border-radius:10px;padding:10px 14px;margin:14px 0;font-size:14px;color:var(--ink-2)}.state.is-tripped{border-left-color:var(--bad)}.state b{color:var(--ink)}.nav{position:sticky;top:0;z-index:5;background:var(--page);border-bottom:1px solid var(--ring);margin:18px 0 0}.nav .wrap{display:flex;gap:6px;overflow-x:auto;padding-top:8px;padding-bottom:8px;scrollbar-width:none}.nav .wrap::-webkit-scrollbar{display:none}.nav a{flex:none;font-size:13.5px;color:var(--ink-2);text-decoration:none;padding:6px 10px;border-radius:8px;white-space:nowrap}.nav a:hover,.nav a:focus{background:var(--wash);color:var(--ink)}section{padding:34px 0 8px}h2{font-size:clamp(23px,4.2vw,31px);line-height:1.18;letter-spacing:-.012em;margin:0 0 10px;max-width:26ch;font-weight:680}.sec-lede{color:var(--ink-2);max-width:68ch;margin:0 0 16px}.sec-lede strong{color:var(--ink);font-weight:600}.grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}figure{margin:0;background:var(--surface);border:1px solid var(--ring);border-radius:12px;padding:14px;min-width:0}figcaption h3{font-size:16px;line-height:1.3;margin:0 0 3px;font-weight:620}figcaption p{font-size:14px;line-height:1.45;color:var(--ink-2);margin:0 0 10px}.chart{min-height:40px}.chart svg{display:block;max-width:100%}.viz-tick{font:11.5px var(--font);font-variant-numeric:tabular-nums}.viz-note{font:11.5px var(--font)}.viz-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:13px;color:var(--ink-2)}.viz-legend-item{display:inline-flex;align-items:center;gap:6px}.viz-legend-mark{display:inline-block}.viz-legend-mark.is-line{width:16px;height:2px;border-radius:2px}.viz-legend-mark.is-bar{width:10px;height:10px;border-radius:3px}.viz-tip{position:fixed;z-index:30;pointer-events:none;background:var(--surface);color:var(--ink);border:1px solid var(--ring);border-radius:8px;padding:7px 10px;font-size:12.5px;box-shadow:0 4px 18px rgba(0,0,0,.14);max-width:290px}.viz-tip-title{color:var(--ink-2);margin-bottom:3px}.viz-tip-row{display:flex;align-items:center;gap:7px;line-height:1.5}.viz-tip-key{width:12px;height:2px;border-radius:2px;flex:none}.viz-tip-row strong{font-weight:650;font-variant-numeric:tabular-nums}.viz-tip-name{color:var(--ink-2)}.viz-bars{display:grid;gap:7px}.viz-bar-row{display:grid;grid-template-columns:minmax(0,1fr);gap:2px 10px;align-items:center}.viz-bar-lines{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;align-items:center;min-width:0}.viz-bar-label{font-size:13px;color:var(--ink-2);overflow-wrap:anywhere;line-height:1.25}.viz-bar-row.is-strong .viz-bar-label{color:var(--ink);font-weight:600}.viz-bar-track{height:12px;background:transparent;min-width:0}.viz-bar-fill{height:100%;border-radius:0 4px 4px 0}.viz-bar-value{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.viz-heat{overflow-x:auto}.viz-heat table{border-collapse:separate;border-spacing:2px;width:100%;font-size:12.5px;font-variant-numeric:tabular-nums}.viz-heat th{font-weight:500;color:var(--ink-2);text-align:right;padding:3px 6px;white-space:nowrap}.viz-heat td{text-align:center;padding:6px 4px;border-radius:4px;min-width:42px}.viz-tornado{display:grid;gap:9px}.viz-t-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center}.viz-t-label{grid-column:1/-1;font-size:13px;color:var(--ink-2)}.viz-t-track{position:relative;height:14px}.viz-t-fill{position:absolute;top:0;bottom:0;border-radius:3px}.viz-t-fill.is-neg{background:var(--neg)}.viz-t-fill.is-pos{background:var(--s1)}.viz-t-mid{position:absolute;top:-2px;bottom:-2px;width:1px;background:var(--ink)}.viz-t-market{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--s4)}.viz-t-range{font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.fig-foot{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;margin-top:10px;font-size:12.5px;color:var(--muted)}.fig-foot a{color:var(--ink-2)}details.tbl{margin-top:6px;font-size:13px}details.tbl summary{cursor:pointer;color:var(--ink-2);padding:6px 0;min-height:32px}.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table.data{border-collapse:collapse;width:100%;font-size:13px;font-variant-numeric:tabular-nums}table.data th{font-weight:600;text-align:right;color:var(--ink-2);border-bottom:1px solid var(--axis);padding:6px 8px;white-space:nowrap}table.data td{text-align:right;border-bottom:1px solid var(--grid);padding:6px 8px;white-space:nowrap}table.data th:first-child,table.data td:first-child{text-align:left}table.data td.wrap-cell{white-space:normal;text-align:left;min-width:96px}table.data tr.is-us td{font-weight:650}.pill{display:inline-block;font-size:12px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--wash);color:var(--ink);white-space:nowrap}.pill.live::before,.pill.tripped::before,.pill.survived::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;vertical-align:1px;background:var(--good)}.pill.tripped::before{background:var(--bad)}.callout{background:var(--surface);border:1px solid var(--ring);border-radius:12px;padding:14px;margin:12px 0}.callout h3{font-size:16px;margin:0 0 6px;font-weight:620}.callout p{margin:0 0 8px;font-size:15px;color:var(--ink-2)}.callout p:last-child{margin-bottom:0}.ladder{display:grid;gap:8px}.ladder .step{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:baseline;border-bottom:1px solid var(--grid);padding-bottom:7px}.ladder .step:last-child{border-bottom:0;padding-bottom:0}.ladder .amt{font-size:21px;font-weight:650;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.ladder .what{font-size:14px;color:var(--ink-2)}.model{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.ctl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 10px;align-items:center;margin-bottom:9px}.ctl label{font-size:13.5px;color:var(--ink-2);line-height:1.25}.ctl output{font-size:13.5px;font-weight:600;font-variant-numeric:tabular-nums}.ctl input[type=range]{grid-column:1/-1;width:100%;height:28px;margin:0;accent-color:var(--s1)}.result .price{font-size:clamp(40px,9vw,56px);font-weight:680;letter-spacing:-.02em;line-height:1.05;margin:2px 0}.result .vs{font-size:14px;color:var(--ink-2);margin:0 0 10px}.split{display:flex;height:14px;gap:2px;margin:10px 0 6px}.split i{display:block;height:100%;border-radius:3px;min-width:2px}.small{font-size:13.5px;color:var(--ink-2)}ul.clean{margin:0;padding-left:18px}ul.clean li{margin:0 0 6px}footer.site{margin:34px 0 26px;padding-top:14px;border-top:1px solid var(--ring);font-size:13.5px;color:var(--ink-2)}@media (min-width:640px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.viz-bar-row{grid-template-columns:minmax(120px,31%) minmax(0,1fr)}.viz-bar-label{grid-column:auto}.viz-t-row{grid-template-columns:minmax(150px,34%) minmax(0,1fr) auto}.viz-t-label{grid-column:auto}}@media (min-width:900px){.wrap{padding:0 24px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.model{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}figure{padding:16px}}@media (forced-colors:active){.viz-bar-fill,.viz-t-fill,.split i{background:CanvasText !important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.kill-head{font-size:14px;margin:14px 0 6px;font-weight:620}.kill-list{display:grid;gap:0}.kill-row{border-top:1px solid var(--grid);padding:9px 0}.kill-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:baseline}.kill-id{font-size:12.5px;font-weight:650;color:var(--ink-2);font-variant-numeric:tabular-nums}.kill-claim{font-size:14.5px;font-weight:600;line-height:1.3}.kill-facts{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:13px;color:var(--ink-2);font-variant-numeric:tabular-nums;margin-top:3px}.kill-effect{font-size:13px;color:var(--muted);margin-top:2px}@media (max-width:639px){table.data{font-size:12.5px}table.data th,table.data td{padding:6px 5px}.viz-heat td{min-width:36px;padding:6px 2px}.viz-heat table{font-size:11.5px}}.tile-inline .value{font-size:30px;font-weight:650;letter-spacing:-.015em;line-height:1.15}.tile-inline .sub{font-size:13px;color:var(--muted)}main.memo{max-width:720px;margin:0 auto;padding:18px 16px 40px}main.memo h1{font-size:clamp(28px,6vw,40px);max-width:none}main.memo h2{font-size:22px;max-width:none;margin:30px 0 8px}main.memo h3{font-size:17px;margin:22px 0 6px}main.memo p{margin:0 0 12px}