@font-face{font-family:Manrope;src:url('/assets/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Newsreader;src:url('/assets/Newsreader.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--paper:#eae7dd;--ink:#302c36;--muted:#62596a;--line:#cec7c8;--violet:#593c67;--lavender:#e7dfe8;--white:#fbf8f1;--olive:#4d5944;--rust:#71513c;--focus:#8a3d30;--radius:12px;--display:Newsreader,Georgia,serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;color:var(--ink);background:var(--paper) url('/assets/paper-grain.png');font:14px/1.75 Manrope,sans-serif}
h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{line-height:1.2;text-wrap:balance}a{color:inherit;text-underline-offset:5px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,a,input,select,textarea,summary{outline-offset:4px}:is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus)}::selection{background:var(--violet);color:#fff7ef}input,textarea{caret-color:var(--violet)}[hidden]{display:none!important}
button{border:0}input:not([type=range]),textarea,select{width:100%;min-height:44px;border:1px solid #95819c;border-radius:6px;background:#fffdf7;padding:10px 12px;font-size:14px;line-height:1.65}textarea{resize:vertical}input[readonly],textarea[readonly]{background:#f0ece7;color:#5f5665}input:disabled,textarea:disabled,select:disabled{opacity:.7;cursor:wait}input[type=range]{width:100%;accent-color:var(--violet);margin:17px 0 4px;min-height:22px}label{display:block;font-size:12px;font-weight:650;margin:17px 0 7px}label .optional{float:right;font-weight:400;color:var(--muted)}output{float:right;font-variant-numeric:tabular-nums}
.primary,.secondary{min-height:46px;border-radius:6px;font-weight:700;font-size:13px;line-height:1.6;transition:background .18s,border-color .18s}.primary{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;background:var(--violet);color:#fff9f0}.primary:hover{background:#44264f}.secondary{padding:10px 15px;background:transparent;border:1px solid #95819c;color:var(--violet)}.secondary:hover{background:#eee6ee;border-color:var(--violet)}.text-button{min-height:44px;padding:7px 0;background:none;color:var(--violet);font-size:12px;font-weight:650;text-align:left;text-decoration:underline;text-underline-offset:4px}.text-button:hover{text-decoration-thickness:2px;color:#3d214b}
.skip{position:fixed;z-index:100;left:20px;top:10px;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{width:auto;height:auto;overflow:visible;clip-path:none;padding:10px;background:var(--white)}.explanation,.comparison-note,.artifact-note{font-size:12px;line-height:1.8;color:var(--muted)}.explanation{margin-top:12px}section:focus{outline:none}section:focus-visible{outline:3px solid var(--focus);outline-offset:5px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
::placeholder{color:#756576;opacity:1}