
:root{
--paper:#fbfbfd;--surface:#fff;--surface-2:#f5f5f7;--surface-3:#eeeef2;
--ink:#1d1d1f;--ink-2:#6e6e73;--ink-3:#86868b;--hair:#e5e5ea;--hair-2:#d8d8de;
--blue:#0071e3;--blue-soft:rgba(0,113,227,.08);
--ok:#1d7a46;--ok-soft:rgba(29,122,70,.10);--warn:#a85200;--warn-soft:rgba(168,82,0,.10);
--bad:#bf3a2b;--bad-soft:rgba(191,58,43,.10);
--ui:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',Arial,sans-serif;
--display:-apple-system,BlinkMacSystemFont,'SF Pro Display','Helvetica Neue',Arial,sans-serif;
--serif:'New York',ui-serif,Georgia,serif;
--mono:ui-monospace,'SF Mono',SFMono-Regular,Menlo,monospace;
--t1:11px;--t2:12.5px;--t3:14px;--t4:15.5px;--t5:19px;--t6:24px;--t7:32px;--t8:44px;
--pad:24px;
}
@media (prefers-color-scheme:dark){
:root{--paper:#000;--surface:#1c1c1e;--surface-2:#141416;--surface-3:#2c2c2e;
--ink:#f5f5f7;--ink-2:#a1a1a6;--ink-3:#8e8e93;--hair:#2c2c2e;--hair-2:#3a3a3c;
--blue:#0a84ff;--blue-soft:rgba(10,132,255,.14);
--ok:#4ec77a;--ok-soft:rgba(78,199,122,.14);--warn:#f0a04b;--warn-soft:rgba(240,160,75,.14);
--bad:#ff6b5e;--bad-soft:rgba(255,107,94,.14)}
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font:400 var(--t4)/1.5 var(--ui);
letter-spacing:-.008em;-webkit-font-smoothing:antialiased}
::selection{background:var(--blue-soft)}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2.5px solid var(--blue);outline-offset:3px;border-radius:5px}
.skip{position:absolute;left:-999px}.skip:focus{left:14px;top:14px;z-index:99;background:var(--surface);
padding:9px 14px;border-radius:8px;box-shadow:0 6px 24px rgba(0,0,0,.14)}
.num{font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}

/* chrome */
.bar{position:sticky;top:0;z-index:50;background:rgba(251,251,253,.82);
backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);
border-bottom:.5px solid var(--hair)}
@media (prefers-color-scheme:dark){.bar{background:rgba(0,0,0,.76)}}
.bar .in{max-width:1180px;margin:0 auto;height:50px;padding:0 var(--pad);display:flex;
align-items:center;gap:18px}
.mark{font:600 var(--t4)/1 var(--display);letter-spacing:-.02em;display:flex;align-items:baseline;gap:7px}
.mark i{font-style:normal;color:var(--ink-3);font-weight:400;font-size:var(--t2)}
.seg{margin-left:auto;display:flex;gap:1px;background:var(--surface-2);border-radius:8px;padding:1.5px}
.seg a{font:500 var(--t3)/1 var(--ui);color:var(--ink-2);padding:6px 13px;border-radius:6.5px}
.seg a[aria-current]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.12)}
.seg a:hover{color:var(--ink)}
.stamp{font:400 var(--t2)/1 var(--ui);color:var(--ink-3);white-space:nowrap}

.wrap{max-width:1180px;margin:0 auto;padding:0 var(--pad)}
.measure{max-width:760px;margin:0 auto;padding:0 var(--pad)}

/* masthead block */
.head{padding:34px 0 22px;border-bottom:.5px solid var(--hair)}
.head .eyebrow{font:500 var(--t2)/1.3 var(--ui);color:var(--ink-3);letter-spacing:.01em}
.head h1{font:600 var(--t7)/1.12 var(--display);letter-spacing:-.028em;margin-top:8px;max-width:22ch}
.head .sub{color:var(--ink-2);font-size:var(--t5);line-height:1.44;margin-top:10px;max-width:44ch}

/* stat strip — real numbers, tabular, quiet labels */
.strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:.5px solid var(--hair)}
.strip div{padding:18px 0 18px 18px;border-left:.5px solid var(--hair)}
.strip div:first-child{border-left:0;padding-left:0}
.strip b{display:block;font:600 var(--t6)/1 var(--display);letter-spacing:-.02em}
.strip span{font:400 var(--t2)/1.4 var(--ui);color:var(--ink-3);display:block;margin-top:6px}
@media(max-width:700px){.strip{grid-template-columns:repeat(2,1fr)}
 .strip div:nth-child(3){border-left:0;padding-left:0}
 .strip div:nth-child(n+3){border-top:.5px solid var(--hair)}}

/* lead */
.lead{padding:26px 0 8px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:36px}
.lead .quote{font:400 var(--t5)/1.5 var(--serif);letter-spacing:-.01em;max-width:38ch}
.lead .side{font:400 var(--t3)/1.6 var(--ui);color:var(--ink-2);border-left:.5px solid var(--hair);
padding-left:18px}
.lead .side b{color:var(--ink);font-weight:500}
@media(max-width:860px){.lead{grid-template-columns:1fr;gap:20px}
 .lead .side{border-left:0;padding-left:0;border-top:.5px solid var(--hair);padding-top:14px}}

/* section titles */
.st{display:flex;align-items:baseline;gap:10px;margin:38px 0 2px}
.st h2{font:600 var(--t5)/1.3 var(--display);letter-spacing:-.02em}
.st span{font:400 var(--t2)/1 var(--ui);color:var(--ink-3)}

/* two column river */
.river{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:44px;align-items:start}
@media(max-width:900px){.river{grid-template-columns:1fr;gap:0}}

/* feed list */
.posts{border-top:.5px solid var(--hair);margin-top:10px}
.post{display:grid;grid-template-columns:26px 1fr;gap:12px;padding:16px 0;
border-bottom:.5px solid var(--hair)}
.post .n{font:400 var(--t2)/1.6 var(--ui);color:var(--ink-3)}
.post .txt{font:400 var(--t4)/1.45 var(--serif);letter-spacing:-.006em;display:-webkit-box;
-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.post .meta{font:400 var(--t2)/1.4 var(--ui);color:var(--ink-3);margin-top:7px;
line-height:1.6}
.post .meta > *{margin-right:10px}
.post .meta b{font-weight:500;color:var(--ink-2)}
.post:hover .txt{color:var(--blue)}

/* themes with momentum bars */
.themes{margin-top:10px;border-top:.5px solid var(--hair)}
.theme{padding:13px 0;border-bottom:.5px solid var(--hair)}
.theme .row1{display:flex;align-items:baseline;gap:10px}
.theme .nm{font:500 var(--t4)/1.35 var(--ui);letter-spacing:-.012em}
.theme .ct{font:400 var(--t2)/1 var(--ui);color:var(--ink-3);margin-left:auto;white-space:nowrap}
.theme .why{font:400 var(--t2)/1.5 var(--ui);color:var(--ink-2);margin-top:4px;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.meter{height:3px;border-radius:2px;background:var(--surface-3);margin-top:8px;overflow:hidden}
.meter i{display:block;height:100%;border-radius:2px;background:var(--blue);opacity:.75}
.meter.rise i{background:var(--ok)}

/* brief rows */
.briefs{margin-top:10px;border-top:.5px solid var(--hair)}
.brief-row{padding:14px 0;border-bottom:.5px solid var(--hair)}
.brief-row .t{font:500 var(--t4)/1.4 var(--ui);letter-spacing:-.012em}
.brief-row:hover .t{color:var(--blue)}
.brief-row .th{font:400 var(--t2)/1.5 var(--ui);color:var(--ink-2);margin-top:3px;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.brief-row .m{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;align-items:center}

/* pills */
.pill{font:500 var(--t1)/1 var(--ui);letter-spacing:.005em;padding:4px 8px;border-radius:6px;
background:var(--surface-2);color:var(--ink-2);white-space:nowrap}
.pill.ok{background:var(--ok-soft);color:var(--ok)}
.pill.warn{background:var(--warn-soft);color:var(--warn)}
.pill.bad{background:var(--bad-soft);color:var(--bad)}
.pill.blue{background:var(--blue-soft);color:var(--blue)}
.pill.ghost{background:transparent;box-shadow:inset 0 0 0 .5px var(--hair-2)}

/* saved page */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 4px;align-items:center}
.filters input{flex:1;min-width:180px;background:var(--surface);border:.5px solid var(--hair-2);
border-radius:8px;padding:8px 12px;font:400 var(--t3)/1 var(--ui);color:var(--ink);outline:none}
.filters input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}
.chipbtn{font:500 var(--t2)/1 var(--ui);color:var(--ink-2);background:var(--surface-2);
border:0;border-radius:999px;padding:7px 12px;cursor:pointer}
.chipbtn[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.daymark{margin:26px 0 0;font:500 var(--t2)/1.3 var(--ui);color:var(--ink-3)}
.month{display:flex;align-items:baseline;gap:10px;margin:34px 0 0;padding-bottom:8px;
border-bottom:.5px solid var(--hair-2)}
.month h2{font:600 var(--t5)/1.2 var(--display);letter-spacing:-.02em}
.month span{font:400 var(--t2)/1 var(--ui);color:var(--ink-3)}
.synth{font:400 var(--t4)/1.55 var(--serif);color:var(--ink);margin:16px 0 2px;max-width:50ch}
.rows{margin-top:6px}
.row-item{display:grid;grid-template-columns:58px 1fr auto;gap:16px;padding:15px 0;
border-bottom:.5px solid var(--hair);align-items:start}
.row-item .d{font:400 var(--t2)/1.6 var(--ui);color:var(--ink-3)}
.row-item .t{font:500 var(--t4)/1.4 var(--ui);letter-spacing:-.012em}
.row-item:hover .t{color:var(--blue)}
.row-item .th{font:400 var(--t2)/1.5 var(--ui);color:var(--ink-2);margin-top:2px;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.row-item .v{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:720px){.row-item{grid-template-columns:1fr;gap:6px}
 .row-item .v{justify-content:flex-start}}

/* brief page */
.article{padding-top:34px}
.article .kicker{font:500 var(--t2)/1.4 var(--ui);color:var(--ink-3)}
.article h1{font:600 clamp(28px,4vw,40px)/1.12 var(--display);letter-spacing:-.03em;margin-top:8px;
max-width:24ch}
.article .byline{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px;
font:400 var(--t2)/1.5 var(--ui);color:var(--ink-3)}
.article .byline a{color:var(--blue)}
.verdictbar{display:flex;gap:8px;flex-wrap:wrap;padding:16px 0;margin-top:18px;
border-top:.5px solid var(--hair);border-bottom:.5px solid var(--hair)}
.lede{font:400 var(--t6)/1.34 var(--serif);letter-spacing:-.02em;margin:26px 0 0;max-width:30ch}
.article p{font-size:var(--t5);line-height:1.58;margin-top:16px;max-width:36em;color:var(--ink)}
.article h2{font:600 var(--t2)/1.4 var(--ui);color:var(--ink-3);margin:38px 0 0}
ol.claims{margin:12px 0 0;padding-left:1.35em;max-width:34em}
ol.claims li{font-size:var(--t5);line-height:1.5;margin:7px 0;color:var(--ink)}
.ev{background:var(--surface);border-radius:12px;padding:16px 18px;margin-top:10px;
box-shadow:0 0 0 .5px var(--hair),0 1px 3px rgba(0,0,0,.04)}
.ev .top{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.ev .claim{font:500 var(--t4)/1.45 var(--ui);letter-spacing:-.012em}
.ev p{font-size:var(--t3);line-height:1.55;color:var(--ink-2);margin-top:6px;max-width:none}
.ev blockquote{margin:10px 0 0;padding:9px 12px;background:var(--surface-2);border-radius:8px;
font:400 var(--t2)/1.6 var(--mono);color:var(--ink-2)}
.ev .cites{margin-top:9px;display:flex;gap:8px;flex-wrap:wrap}
.ev .cites a{font:400 var(--t2)/1 var(--ui);color:var(--blue)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:10px}
@media(max-width:760px){.two{grid-template-columns:1fr;gap:6px}}
ul.plain{margin:10px 0 0;padding-left:1.15em}
ul.plain li{font-size:var(--t4);line-height:1.55;margin:7px 0;max-width:32em}
ol.sources{margin:10px 0 0;padding-left:1.3em}
ol.sources li{font-size:var(--t3);line-height:1.5;margin:8px 0;color:var(--ink-2)}
ol.sources .dom{font:400 var(--t1)/1 var(--mono);color:var(--ink-3);margin-left:6px}
details.trail{margin-top:34px;border-top:.5px solid var(--hair);padding-top:14px}
details.trail summary{font:500 var(--t3)/1.4 var(--ui);color:var(--ink-2);cursor:pointer}
details.trail .q{font:400 var(--t2)/1.7 var(--mono);color:var(--ink-3);margin-top:10px}
.pager{display:flex;justify-content:space-between;gap:20px;margin-top:44px;padding-top:18px;
border-top:.5px solid var(--hair);font:400 var(--t3)/1.45 var(--ui)}
.pager a{max-width:47%}.pager a b{display:block;font:500 var(--t2)/1.4 var(--ui);color:var(--ink-3)}

footer{margin-top:80px;border-top:.5px solid var(--hair)}
footer .in{max-width:1180px;margin:0 auto;padding:20px var(--pad);display:flex;gap:18px;
flex-wrap:wrap;justify-content:space-between;font:400 var(--t2)/1.6 var(--ui);color:var(--ink-3)}
.empty{background:var(--surface);border-radius:12px;padding:32px;text-align:center;
color:var(--ink-2);margin-top:20px;box-shadow:0 0 0 .5px var(--hair)}
