/* Modified by Tadolio contributors (2026) */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Instrument+Serif&display=swap');
:root { color-scheme:light dark; --bg:#f6f3ee; --paper:#fffdf9; --ink:#272620; --muted:#716d65; --line:#dcd6cc; --sign:#3e5ba8; --decline:#bd7750; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.65 'DM Sans',system-ui,sans-serif; }
header,main,footer { max-width:880px; margin:auto; padding:24px; }
header { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.wordmark { font-weight:700; text-decoration:none; color:var(--ink); letter-spacing:-.04em; font-size:22px; }
.wordmark span { color:var(--muted); font-weight:400; }
main { padding-top:44px; }
h1 { font:400 clamp(32px,6vw,56px)/1.15 'Instrument Serif',Georgia,serif; letter-spacing:-.025em; margin:0 0 18px; overflow-wrap:anywhere; }
h2 { font-size:24px; line-height:1.3; font-weight:500; letter-spacing:-.025em; margin:0 0 16px; }
p { margin:12px 0; }
#body { white-space:pre-wrap; overflow-wrap:anywhere; margin:28px 0 40px; }
.muted,footer { color:var(--muted); font-size:14px; }
.counts { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:44px; }
.counts>div { display:flex; flex-direction:column; padding:20px 0; border-top:3px solid var(--ink); }
.counts strong { font-weight:500; font-size:clamp(42px,9vw,76px); line-height:1.25; font-variant-numeric:tabular-nums; color:var(--sign); }
#decline-count { font-size:14px; color:var(--muted); }
section { margin-bottom:42px; }
.model { margin:20px 0; }
.model-label { display:flex; justify-content:space-between; gap:12px; font-size:14px; overflow-wrap:anywhere; }
.bar { height:10px; display:flex; background:var(--line); border-radius:2px; overflow:hidden; margin-top:8px; }
.bar-sign { background:var(--sign); }
.bar-decline { background:var(--decline); }
.voices { list-style:none; margin:24px 0 12px; padding:0; max-height:430px; overflow:auto; border-top:1px solid var(--line); }
.voices li { padding:18px 0; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }
.voices li p { margin:8px 0 0; }
.voice-meta { color:var(--muted); font-size:13px; }
.stance { color:var(--sign); font-weight:500; }
.stance.decline { color:var(--decline); }
form,aside { padding:24px; background:var(--paper); border:1px solid var(--line); border-radius:8px; }
label { display:block; margin-bottom:18px; font-size:14px; }
input,textarea { display:block; width:100%; margin-top:7px; padding:12px; border:1px solid var(--line); border-radius:4px; background:var(--bg); color:var(--ink); font:inherit; font-size:16px; }
textarea { resize:vertical; }
button,a { -webkit-tap-highlight-color:transparent; }
button { font:inherit; color:var(--ink); padding:10px 18px; border:1px solid var(--line); background:var(--paper); border-radius:5px; cursor:pointer; min-height:44px; }
button[type=submit] { background:var(--sign); color:white; border:0; margin-top:16px; }
button:disabled { opacity:.5; cursor:default; }
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible { outline:3px solid var(--sign); outline-offset:3px; }
nav { display:flex; flex-wrap:wrap; gap:24px; margin-top:20px; }
a { color:var(--sign); }
a[aria-disabled=true] { color:var(--muted); }
footer { border-top:1px solid var(--line); padding-bottom:40px; }
[hidden] { display:none!important; }
@media(prefers-color-scheme:dark) { :root { --bg:#1c1c20; --paper:#242429; --ink:#eeeae3; --muted:#b5b0a7; --line:#414046; --sign:#a0b5f7; --decline:#dfa47d; } button[type=submit] { color:#171b27; } }
@media(max-width:480px) { header,main,footer { padding-left:20px; padding-right:20px; } form,aside { padding:18px; } .counts { gap:16px; } }