@font-face{font-family:'Fraunces';font-style:normal;font-weight:300 900;font-display:swap;src:url(fonts/fraunces-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:300 900;font-display:swap;src:url(fonts/fraunces-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/source-serif-4-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/source-serif-4-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
 color-scheme:light;
 --bg:#f3eee3;--surface:#fbf8f1;--ink:#16203a;--ink2:#2b3550;--muted:#434b60;--line:#cfc5ae;--line-soft:#e0d8c6;
 --accent:#7a2e12;--pro:#1d3c78;--con:#6a2257;--wool:#1c2a4a;--pinline:#2d3e66;--chalk:#f3eee3;
 --p1:#c9892d;--p2:#b04a30;--p3:#3f7a5a;--p4:#dcbfa4;--p5:#5b7db0;--p6:#8a5a8c;
 --v-yes:#135636;--v-partly:#5c4300;--v-no:#8f2a1b;--v-unknown:#434b60;--v-notest:#434b60;
 --focus:#b3541e;--shadow:0 1px 2px #16203a14,0 12px 30px #16203a14;
 --serif:'Source Serif 4',Georgia,serif;--display:'Fraunces','Source Serif 4',Georgia,serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
 color-scheme:dark;--bg:#101626;--surface:#182038;--ink:#efe9dc;--ink2:#dcd6ca;--muted:#c4c6ce;--line:#38445f;--line-soft:#27314a;
 --accent:#f0b86b;--pro:#adc4ff;--con:#f2b3e2;--wool:#24345c;--pinline:#34497a;--chalk:#101626;
 --p1:#d49a3f;--p2:#c65e43;--p3:#4f9470;--p4:#c7a88c;--p5:#6d91c8;--p6:#a375a6;
 --v-yes:#8ddcb5;--v-partly:#ecc96e;--v-no:#ffaa98;--v-unknown:#c4c6ce;--v-notest:#c4c6ce;--focus:#f0b86b;--shadow:0 1px 2px #0006,0 12px 30px #0005}}
:root[data-theme="dark"]{
 color-scheme:dark;--bg:#101626;--surface:#182038;--ink:#efe9dc;--ink2:#dcd6ca;--muted:#c4c6ce;--line:#38445f;--line-soft:#27314a;
 --accent:#f0b86b;--pro:#adc4ff;--con:#f2b3e2;--wool:#24345c;--pinline:#34497a;--chalk:#101626;
 --p1:#d49a3f;--p2:#c65e43;--p3:#4f9470;--p4:#c7a88c;--p5:#6d91c8;--p6:#a375a6;
 --v-yes:#8ddcb5;--v-partly:#ecc96e;--v-no:#ffaa98;--v-unknown:#c4c6ce;--v-notest:#c4c6ce;--focus:#f0b86b;--shadow:0 1px 2px #0006,0 12px 30px #0005}
*{box-sizing:border-box}
html{scroll-padding-top:4rem;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.125rem/1.62 var(--serif);font-optical-sizing:auto}
a{color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:3px}
.skip{position:absolute;left:-999px;top:0;background:var(--surface);padding:.6rem 1rem;z-index:50}
.skip:focus{left:1rem}
img{max-width:100%;height:auto;display:block}
button{font:inherit;color:inherit}
[hidden]{display:none!important}

/* top bar: one line */
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1rem;height:3.25rem;padding:0 max(1rem,env(safe-area-inset-left));background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-soft);font:500 .9rem/1 var(--serif)}
.topbar a{color:var(--ink2);text-decoration:none;white-space:nowrap}
.topbar a:hover{color:var(--accent)}
.topbar .home{font-weight:650;color:var(--ink)}
.topbar nav{display:flex;gap:1.1rem;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;mask-image:linear-gradient(90deg,#000 88%,transparent)}
.topbar nav::-webkit-scrollbar{display:none}
.topbar nav a{padding:.9rem 0}
.topbar .lang{margin-left:auto}
.theme{display:grid;place-items:center;width:44px;height:44px;border:0;background:none;border-radius:50%;cursor:pointer;color:var(--ink)}
.theme svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.theme .sun{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .theme .sun{display:inline}:root:not([data-theme="light"]) .theme .moon{display:none}}
:root[data-theme="dark"] .theme .sun{display:inline}:root[data-theme="dark"] .theme .moon{display:none}
@media (max-width:720px){.topbar nav{display:none}.topbar .lang{margin-left:auto}}

/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(1rem,4vw,4rem);align-items:center;max-width:76rem;margin:0 auto;padding:clamp(2rem,6vw,5rem) 1rem clamp(1.5rem,4vw,3rem)}
.kicker{font:600 .82rem/1.3 var(--serif);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 1rem}
h1{font:600 clamp(2.6rem,6.6vw,5.4rem)/1.02 var(--display);letter-spacing:-.02em;margin:0 0 1.25rem;text-wrap:balance}
.dek{font-size:clamp(1.2rem,1.8vw,1.42rem);line-height:1.5;color:var(--ink2);max-width:34rem;margin:0}
.jacket{width:100%;max-height:72vh}
.jacket .wool{fill:var(--wool)}.jacket .pinline{stroke:var(--pinline);stroke-width:1}
.jacket .p1{fill:var(--p1)}.jacket .p2{fill:var(--p2)}.jacket .p3{fill:var(--p3)}.jacket .p4{fill:var(--p4)}.jacket .p5{fill:var(--p5)}.jacket .p6{fill:var(--p6)}
.jacket .outline{fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linejoin:round}
.jacket .seam{stroke:var(--chalk);stroke-width:2.4;stroke-dasharray:7 6;fill:none}
.jacket .collar{fill:none;stroke:var(--chalk);stroke-width:2;opacity:.9}
.jacket .dart{stroke:var(--ink);stroke-width:1.2;stroke-dasharray:3 4;fill:none}
.jacket .buttons circle{fill:#d9c9a3;stroke:#0000003d}
.jacket .badge{fill:#11193a;stroke:#d9c9a3;stroke-width:1.5}
.jacket .badge-t{fill:#d9c9a3;font:600 17px var(--display);text-anchor:middle}
@media (max-width:720px){.hero{grid-template-columns:1fr;padding-top:1.5rem}.hero-v{order:-1;max-width:14rem;margin:0 auto}.jacket{max-height:38vh}}

/* prose */
main section{padding:clamp(2rem,5vw,4rem) 1rem;border-top:1px solid var(--line-soft)}
.prose{max-width:42rem;margin:0 auto}
section>.prose{padding:0}
h2{font:600 clamp(1.7rem,3.4vw,2.5rem)/1.12 var(--display);letter-spacing:-.01em;margin:0 0 1.2rem;text-wrap:balance}
h2 .anchor{color:inherit;text-decoration:none}
h2 .anchor:hover{text-decoration:underline;text-decoration-color:var(--line)}
h3{font:600 1.3rem/1.25 var(--display);margin:0 0 .6rem}
p{margin:0 0 1rem}
.cite{font-size:.9rem;color:var(--muted);line-height:1.5}
.cite a{color:var(--muted)}
.small{font-size:.95rem}

/* the bill */
.bill{display:grid;gap:0;margin:1.5rem 0;border-top:2px solid var(--ink)}
.bill div{display:grid;grid-template-columns:11rem 1fr;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line)}
.bill dt{font-weight:650}
.bill dd{margin:0}
@media (max-width:560px){.bill div{grid-template-columns:1fr;gap:.2rem}}

/* claims */
#argumente{max-width:none}
.filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0 auto 1.5rem;max-width:42rem}
.filters button,.ask button{min-height:44px;padding:.5rem 1rem;border:1.5px solid var(--line);background:var(--surface);border-radius:999px;cursor:pointer;font-size:.95rem}
.filters button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.claims{display:grid;align-items:start;grid-template-columns:repeat(auto-fill,minmax(min(100%,30rem),1fr));gap:1.25rem;max-width:76rem;margin:0 auto}
.claim{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.4rem 1.4rem 1.1rem;box-shadow:var(--shadow);position:relative;overflow:hidden}
.claim::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--pro)}
.claim[data-side="con"]::before{background:var(--con)}
.side{font:600 .78rem/1 var(--serif);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .7rem}
.side-pro{color:var(--pro)}.side-con{color:var(--con)}
.claim h3{font-size:1.45rem;line-height:1.22;font-style:italic;font-weight:560}
.ask{display:flex;flex-wrap:wrap;gap:.5rem;margin:.9rem 0 .3rem}
.ask button:hover{border-color:var(--ink)}
.quiet{background:none!important;border-color:transparent!important;text-decoration:underline;text-underline-offset:.2em;color:var(--muted)!important}
.claim.sealed .answer{display:none}
.mine{font-size:.95rem;color:var(--muted);margin:.4rem 0 .2rem}
.mine:empty{display:none}
.verdict{display:flex;align-items:center;gap:.55rem;font:650 1.05rem/1.2 var(--display);margin:.6rem 0 .8rem;padding-top:.8rem;border-top:1px dashed var(--line)}
.verdict .dot{width:1.1rem;height:1.1rem;border-radius:50%;border:2.5px solid currentColor;flex:none}
.v-yes{color:var(--v-yes)}.v-yes .dot{background:currentColor}
.v-partly{color:var(--v-partly)}.v-partly .dot{background:linear-gradient(90deg,currentColor 50%,transparent 50%)}
.v-no,.v-false{color:var(--v-no)}.v-no .dot{background:none}.v-false .dot{background:linear-gradient(45deg,transparent 42%,currentColor 42% 58%,transparent 58%)}
.v-unknown,.v-notest{color:var(--v-unknown)}.v-unknown .dot{border-style:dotted}.v-notest .dot{border-radius:3px}
.claim .answer p:not(.verdict):not(.mine):not(.cite){font-size:1.02rem}
.claim.just-opened .answer{animation:open .45s ease-out}
@keyframes open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.claim.hit .mine::after{content:" ✓"}
.score{max-width:42rem;margin:2rem auto 0;padding:1.3rem 1.4rem;border:2px solid var(--ink);border-radius:14px;background:var(--surface)}
.score p{margin:.2rem 0 .6rem}
.tally{margin-top:2.5rem}

/* calculator */
.calc{display:grid;gap:1rem;margin:1.5rem 0;padding:1.4rem;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.calc label{display:grid;gap:.4rem;font-weight:600;font-size:1rem}
.calc select,.calc input[type=number]{font:inherit;font-weight:400;min-height:44px;padding:.4rem .7rem;border:1.5px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);max-width:22rem}
.calc input[type=range]{width:100%;accent-color:var(--pro);min-height:44px}
.calc output{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700}
.res{border-top:2px solid var(--ink);padding-top:1rem}
.res-cat{font:600 1.35rem/1.25 var(--display);margin:0 0 .4rem}
.res p{margin:.2rem 0}

/* studies */
.legend{list-style:none;padding:0;margin:1.2rem 0;display:grid;gap:.4rem;font-size:.95rem;color:var(--ink2)}
.legend li{display:flex;align-items:center;gap:.7rem}
.studies{list-style:none;padding:0;margin:0 0 1.5rem;border-top:2px solid var(--ink)}
.st{display:grid;grid-template-columns:4.2rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.bar{display:inline-grid;grid-template-columns:repeat(3,1fr);gap:3px;width:3.6rem;height:.8rem;flex:none;margin-top:.45rem}
.bar i{border:1.5px solid var(--ink);border-radius:2px}
.lvl1 .bar i:nth-child(1),.lvl2 .bar i:nth-child(-n+2),.lvl3 .bar i{background:var(--ink)}
.legend .bar{margin-top:0}
.st p{margin:0}
.st-n{font:600 1.08rem/1.3 var(--display)}
.st-n a{color:var(--ink)}
.st-m{font-size:.88rem;color:var(--muted);margin:.15rem 0 .3rem!important}
.st-f{font-size:1rem}

/* timeline */
.timeline{list-style:none;padding:0;margin:2rem auto 0;max-width:62rem;position:relative}
.timeline::before{content:"";position:absolute;left:8.4rem;top:.5rem;bottom:.5rem;border-left:2px dashed var(--line)}
.timeline li{display:grid;grid-template-columns:7.2rem minmax(0,1fr) minmax(0,17rem);gap:0 2.4rem;padding:1.2rem 0;position:relative}
.timeline li::before{content:"";position:absolute;left:7.98rem;top:1.65rem;width:.85rem;height:.85rem;border-radius:50%;background:var(--bg);border:2.5px solid var(--ink)}
.timeline li:not(.has-img) .tx{grid-column:2/4}
.yr{font:650 1.15rem/1.3 var(--display);text-align:right;margin:0;padding-top:.15rem;font-variant-numeric:tabular-nums}
.tx p{margin:0 0 .4rem}
.ph{margin:0}
.ph img{border-radius:6px;box-shadow:var(--shadow);width:100%;height:auto;max-height:22rem;object-fit:cover}
.ph figcaption{font-size:.78rem;line-height:1.4;color:var(--muted);margin-top:.4rem}
.ph figcaption a{color:var(--muted)}
@media (max-width:760px){
 .timeline::before{left:.45rem}
 .timeline li{grid-template-columns:1fr;padding-left:1.8rem}
 .timeline li::before{left:0;top:1.45rem}
 .yr{text-align:left}
 .timeline li:not(.has-img) .tx{grid-column:auto}
 .ph{margin-top:.6rem;max-width:22rem}}

/* both sides */
.two{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:1.5rem 0}
.col{padding:1.3rem;border-radius:14px;background:var(--surface);border-top:5px solid var(--pro)}
.col.con{border-top-color:var(--con)}
.col ul{margin:0;padding-left:1.2rem}.col li{margin:.4rem 0}
@media (min-width:900px){#dreptate.prose{max-width:56rem}}
@media (max-width:640px){.two{grid-template-columns:1fr}}

/* share */
.share-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:2rem 0 0}
.share-l{font-size:.9rem;color:var(--muted);margin-right:.3rem}
.share-row a,.share-row button{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-soft);background:transparent;color:var(--ink);cursor:pointer}
.share-row a:hover,.share-row button:hover{color:var(--accent);border-color:var(--accent)}
.share-row svg{width:18px;height:18px;fill:currentColor}
.share-s{flex-basis:100%;font-size:.9rem;color:var(--muted);margin:0;min-height:1.2em}
@media (pointer:coarse){.share-row a,.share-row button{width:44px;height:44px}}

.src{padding-left:1.3rem;color:var(--ink2)}.src li{margin:.35rem 0}
footer{padding:2rem 1rem 5rem;text-align:center;font-size:.95rem;color:var(--muted);border-top:1px solid var(--line-soft)}
.to-top{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;gap:.35rem;min-width:44px;height:44px;padding:0 .9rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);box-shadow:var(--shadow);cursor:pointer;font-size:.9rem}
.to-top svg{width:18px;height:18px;fill:currentColor}
@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
@media (max-width:720px){.to-top span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.to-top{padding:0;width:44px;justify-content:center;opacity:.92}}