
:root[data-theme="paper"]{--bg:#f3f1e7;--surface:#fffdf6;--accent:#275d58;--ink:#263c39}
:root[data-theme="oled-black"]{--bg:#000000;--surface:#111113;--accent:#e4e4e7;--ink:#f4f4f5}
:root[data-theme="deep-ocean"]{--bg:#0b132b;--surface:#1c2541;--accent:#8ab4ff;--ink:#f0f4f8}
:root[data-theme="emerald-dark"]{--bg:#061e14;--surface:#0d2b1d;--accent:#6ee7b7;--ink:#ecfdf5}
:root[data-theme="cyberpunk"]{--bg:#13001e;--surface:#25003e;--accent:#fee500;--ink:#f7f0ff}
*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}html:not([data-theme="paper"]){color-scheme:dark}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,sans-serif}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}a,button,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;line-height:1.13;text-wrap:balance}h1{font-size:clamp(38px,6vw,64px);letter-spacing:-1.7px}h2{font-size:clamp(28px,4vw,38px);letter-spacing:-.7px}h3{font-size:18px;line-height:1.35}header,main,footer{max-width:1120px;margin:auto;padding-inline:24px}header{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:96px;border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}nav{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}nav a{display:inline-flex;min-height:44px;align-items:center;font-size:14px}.brand{font:bold 32px/1 Georgia,serif;letter-spacing:-1.2px;text-decoration:none;white-space:nowrap}.skip{position:absolute;top:-100px;left:16px;background:var(--surface);padding:12px;z-index:5}.skip:focus{top:12px}.hero{padding-block:52px 34px;max-width:800px}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:650;margin-bottom:14px}.lead{margin-top:22px;max-width:670px;font-size:17px}.meta{display:flex;flex-wrap:wrap;gap:12px;margin-block:22px;font-size:13px}.pill{border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);border-radius:30px;padding:5px 12px}.categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.category{display:flex;flex-direction:column;gap:8px;min-height:155px;border-radius:22px;padding:22px;text-decoration:none}.category strong{font-size:16px;line-height:1.3}.symbol{font:32px/1.2 Georgia,serif}.category small{margin-top:auto}.section{margin-block:40px}.section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:22px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.deck{border-radius:24px;overflow:hidden;background:var(--surface);border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);text-decoration:none;display:flex;flex-direction:column;transition:transform .16s}.deck:hover{transform:translateY(-3px)}.cover{padding:24px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;overflow-wrap:anywhere}.cover span{font:40px/1.1 Georgia,serif}.cover small{font-size:12px}.deck-copy{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}.deck-copy p{font-size:14px}.deck-copy>small{font-size:11px}.deck-copy .open{margin-top:auto;padding-top:12px;font-size:13px;font-weight:650}.indigo{background:#e7dfed;color:#51405d}.amber{background:#eee1bc;color:#594a2d}.emerald{background:#dce8d8;color:#294638}.rose{background:#f0c3b3;color:#5b352a}html:not([data-theme="paper"]) .indigo{background:#383042;color:#e4d7f0}html:not([data-theme="paper"]) .amber{background:#3c3727;color:#efe0b3}html:not([data-theme="paper"]) .emerald{background:#263e36;color:#d5e7d7}html:not([data-theme="paper"]) .rose{background:#48302c;color:#f2cab9}.search{margin-block:26px;max-width:620px;display:grid;gap:8px}.search label{font-size:13px;font-weight:650}.search input{width:100%;min-height:54px;padding:12px 18px;border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);border-radius:18px;color:var(--ink);background:var(--surface)}[hidden]{display:none!important}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;font-size:13px}.detail{max-width:790px}.note{padding:20px;border-radius:20px;background:var(--surface);border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);font-size:14px;margin-block:24px}.cta{padding:26px;border-radius:24px;background:var(--surface);border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);margin-block:32px}.cta h2{font-size:28px}.cta p{margin-block:14px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:30px;padding:10px 24px;background:var(--accent);color:var(--bg);text-decoration:none;font-size:14px;font-weight:650}.questions{display:grid;gap:12px;margin-block:24px}.question{background:var(--surface);border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);border-radius:20px;overflow:hidden}.question summary{padding:20px;cursor:pointer;min-height:64px;font-size:17px;overflow-wrap:anywhere}.question summary small{font:11px/1.4 system-ui,sans-serif;margin-right:14px}.question p{padding:0 22px 22px;white-space:pre-wrap;overflow-wrap:anywhere}.sources{padding-left:22px}.sources li{margin-block:10px;overflow-wrap:anywhere}.back{display:inline-flex;align-items:center;min-height:44px;font-size:14px}footer{margin-top:60px;padding-block:28px 40px;border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;font-size:13px}#empty{padding:30px;background:var(--surface);border-radius:20px}#result-count{font-size:13px}@media(max-width:800px){.categories,.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){header,main,footer{padding-inline:20px}header{min-height:82px}.brand{font-size:28px}header nav{gap:14px}header nav a{font-size:12px}header nav .home-link{display:none}.hero{padding-block:34px 24px}.categories{gap:12px}.category{padding:18px;min-height:150px}.grid{grid-template-columns:minmax(0,1fr)}.cover{min-height:130px}.lead{font-size:16px}.section{margin-block:32px}.cta{padding:22px}.question summary{font-size:16px}h1{letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.deck{transition:none}}
