:root{--night:#16213f;--night-2:#213058;--night-3:#2c3e6e;--gold:#e2b33c;--gold-deep:#b98a17;--sky:#f4f7fc;--paper:#ffffff;--ink:#18203a;--muted:#545e7c;--line:#d6ddea;--right:#23804f;--right-bg:#e3f4ea;--wrong:#b93b28;--wrong-bg:#fbe9e5;--glow:#dcebff;--display:"Bricolage Grotesque","Avenir Next",system-ui,sans-serif;--body:"Atkinson Hyperlegible","Segoe UI",system-ui,sans-serif;--r-sm:8px;--r-md:14px;--measure:68ch}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--sky);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.55}a{color:inherit;text-decoration-thickness:1.5px;text-underline-offset:3px}:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}h1,h2,h3{font-family:var(--display);line-height:1.1;letter-spacing:-.015em;margin:0 0 .5em}h1{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800}h2{font-size:clamp(1.5rem,3vw,2rem)}h2,h3{font-weight:700}h3{font-size:1.25rem}p{margin:0 0 1em;max-width:var(--measure)}.wrap{width:min(1080px,100% - 32px);margin-inline:auto}.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:var(--night);padding:8px 12px;z-index:10}.skip:focus{left:8px}.site-header{background:var(--night);color:#fff}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:1.125rem;text-decoration:none}.brand__mark{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--gold);color:var(--night);font-weight:800}.site-header nav{display:flex;gap:20px}.site-header nav a{text-decoration:none;opacity:.85}.site-header nav a:hover{opacity:1;text-decoration:underline}.site-footer{margin-top:72px;padding-block:32px;border-top:1px solid var(--line);color:var(--muted)}.site-footer__small{font-size:.875rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:0;border-radius:999px;font:700 1rem/1 var(--body);text-decoration:none;cursor:pointer;white-space:nowrap}.btn--gold{background:var(--gold);color:var(--night)}.btn--gold:hover{background:#edc252}.btn:disabled{opacity:.7;cursor:progress}.hero{background:var(--night);color:#fff;padding-block:48px 64px;overflow:hidden}.hero__inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-gap:48px;gap:48px;align-items:start}.hero__copy p{color:#c9d3ea;font-size:1.125rem}.hero__from{margin-top:14px;color:#c9d3ea;font-size:.95rem}.hero__from a{color:var(--gold)}.qcard{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:22px}.qcard--dark{background:var(--night-2);border-color:var(--night-3);color:#fff;padding:26px}.qcard__num{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;margin-bottom:6px;color:var(--muted);font-size:.9rem}.qcard__section{padding:1px 10px;border-radius:999px;background:var(--sky);border:1px solid var(--line);font-size:.8rem}.qcard__q{font-family:var(--display);font-size:clamp(1.2rem,2.2vw,1.45rem);font-weight:700;line-height:1.25;margin-bottom:16px}.qcard--dark .qcard__q{font-size:clamp(1.4rem,3vw,1.9rem)}.qcard__options{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.opt{position:relative;width:100%;min-height:56px;display:flex;align-items:center;gap:12px;padding:10px 14px;text-align:left;font:400 1rem/1.3 var(--body);color:var(--ink);background:var(--sky);border:2px solid var(--line);border-radius:var(--r-sm);cursor:pointer;transition:border-color .15s,background-color .2s,transform .1s}.opt:not(:disabled):hover{border-color:var(--gold)}.opt:not(:disabled):active{transform:scale(.985)}.opt:disabled{cursor:default}.opt__letter{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--paper);border:1.5px solid var(--line);font-weight:700;font-size:.9rem}.opt--right{background:var(--right-bg);border-color:var(--right)}.opt--right .opt__letter{background:var(--right);border-color:var(--right);color:#fff}.opt--chosen-wrong{background:var(--wrong-bg);border-color:var(--wrong)}.opt--chosen-wrong .opt__letter{background:var(--wrong);border-color:var(--wrong);color:#fff}.opt--dim{opacity:.55}.qcard--dark .opt{background:var(--night);border-color:var(--night-3);color:#fff}.qcard--dark .opt__letter{background:var(--gold);border-color:var(--gold);color:var(--night)}.qcard--dark .opt--right{background:#1f5a42;border-color:#59c08a}.qcard--dark .opt--right .opt__letter{background:#59c08a;border-color:#59c08a}.qcard--dark .opt--chosen-wrong{background:#5a2a2a;border-color:#e0806e}.qcard--dark .opt--chosen-wrong .opt__letter{background:#e0806e;border-color:#e0806e}.qcard__reveal{min-height:0}.qcard__reveal p{margin:14px 0 0;padding:12px 14px;border-radius:var(--r-sm);background:var(--sky);font-size:.98rem}.qcard.is-correct .qcard__reveal p{background:var(--right-bg)}.qcard.is-wrong .qcard__reveal p{background:var(--wrong-bg)}.qcard--dark .qcard__reveal p{background:rgba(255,255,255,.08)!important;color:#e6ecf8}.glow{position:absolute;left:27px;top:50%;width:0;height:0;pointer-events:none;z-index:2}.glow__bloom{left:-60px;top:-60px;width:120px;height:120px;background:radial-gradient(circle,rgba(255,255,255,.95) 0,rgba(220,235,255,.7) 30%,rgba(160,200,255,0) 70%);animation:bloom .9s ease-out forwards}.glow__bloom,.glow__spark{position:absolute;border-radius:50%}.glow__spark{left:-4px;top:-4px;width:8px;height:8px;background:#fff;box-shadow:0 0 10px 3px rgba(200,225,255,.9);animation:spark .85s cubic-bezier(.2,.7,.3,1) forwards}@keyframes bloom{0%{transform:scale(.1);opacity:1}to{transform:scale(2.6);opacity:0}}@keyframes spark{0%{transform:rotate(var(--a)) translateX(0) scale(1);opacity:1}to{transform:rotate(var(--a)) translateX(var(--d)) scale(.2);opacity:0}}.shelf{padding-top:56px}.shelf__lede{color:var(--muted)}.shelf__group{margin-top:28px}.shelf__group h3{color:var(--muted);font-family:var(--body);font-size:1rem;letter-spacing:0}.shelf__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:10px;gap:10px}.shelf__item{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:16px 18px;background:var(--paper);border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:6px;text-decoration:none}.shelf__item:hover{border-color:var(--night-3);border-left-color:var(--gold-deep)}.shelf__topic{font-family:var(--display);font-weight:700;font-size:1.15rem}.shelf__meta{color:var(--muted);font-size:.875rem;white-space:nowrap}.band{margin-top:64px;background:var(--night);color:#fff;padding-block:40px}.band__inner{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;align-items:center}.band p{color:#c9d3ea}.signup__label{display:block;font-weight:700;margin-bottom:6px}.signup__fields{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-gap:10px;gap:10px;margin-bottom:12px}.signup__btn{width:100%}.signup__done p{max-width:none}.signup__done h2{font-size:1.5rem}.signup__input{width:100%;min-height:48px;padding:0 16px;font:inherit;border:2px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink)}.signup__hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.signup__fine{margin-top:8px;font-size:.85rem;color:var(--muted)}.signup--dark .signup__fine{color:#b5c0da}.signup__error{color:var(--wrong);font-weight:700}.signup--dark .signup__error{color:#f2a594}.signup__done{font-size:1.05rem}.freebie{background:var(--night);color:#fff;padding-block:48px 56px}.freebie__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:48px;gap:48px;align-items:center}.freebie__lede{color:#c9d3ea;font-size:1.2rem}.freebie__points{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-gap:10px;gap:10px}.freebie__points li{position:relative;padding-left:30px}.freebie__points li:before{content:"";position:absolute;left:0;top:.3em;width:18px;height:18px;border-radius:50%;background:var(--gold);box-shadow:inset 0 0 0 5px var(--gold),inset 0 0 0 9px var(--night)}.freebie__form{background:var(--night-2);border:1px solid var(--night-3);border-radius:var(--r-md);padding:28px}.freebie__all{margin-top:16px}.quiz{padding-top:28px}.crumbs{font-size:.9rem;color:var(--muted);margin-bottom:18px}.quiz__head{margin-bottom:20px}.quiz__intro{font-size:1.15rem}.quiz__source{color:var(--muted)}.scorebar{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;padding:12px 16px;margin-bottom:18px;background:var(--night);color:#fff;border-radius:var(--r-sm);font-size:.95rem}.scorebar strong{color:var(--gold);font-size:1.1rem}.scorebar__track{flex:1 1;height:6px;border-radius:99px;background:var(--night-3);overflow:hidden}.scorebar__fill{display:block;height:100%;background:var(--gold);transition:width .3s ease}.qlist{list-style:none;margin:0;padding:0;display:grid;grid-gap:16px;gap:16px}.qlist,.result{max-width:820px}.result{margin-top:28px;padding:28px;border-radius:var(--r-md);background:var(--paper);border:2px dashed var(--line)}.result--done{border:2px solid var(--gold);background:#fffaf0}.result__verdict{font-size:1.2rem;font-weight:700}.result__actions{margin:18px 0 28px}.result__more,.result__signup{padding-top:22px;border-top:1px solid var(--line)}.result__more{margin-top:24px}.result__more ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 18px}.answers{max-width:820px;margin-top:24px;padding:16px 20px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm)}.answers summary{cursor:pointer;font-weight:700}.answers ol{margin:14px 0 0;padding-left:1.4em;display:grid;grid-gap:8px;gap:8px}.answers__q{color:var(--muted)}.books{padding-top:36px}.books__lede{font-size:1.15rem}.books__list{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px}.book{padding:22px;background:var(--paper);border:1px solid var(--line);border-top:6px solid var(--night);border-radius:6px}.book h3{font-size:1.25rem;margin-bottom:4px}.book__count{color:var(--muted)}.book__try{margin:14px 0 0}.books__group{margin-top:40px}.books__group>h2{margin-bottom:0}.books__group--soon p{color:var(--muted)}.soon__list{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:8px 24px;gap:8px 24px}.btn--ghost{background:transparent;color:var(--night);border:2px solid var(--night)}.btn--ghost:hover{background:var(--night);color:#fff}.result__signup--first{border-top:0;padding-top:0;margin-top:18px}.result__browse{margin-top:18px}.book__links{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0}.prose{padding-top:36px}.prose h2{font-size:1.3rem;margin-top:1.4em}@media (max-width:820px){.hero{padding-block:32px 40px}.band__inner,.freebie__inner,.hero__inner{grid-template-columns:1fr;gap:20px}.qcard--dark{padding:20px}}@media (max-width:520px){.qcard__options,.signup__fields{grid-template-columns:1fr}.freebie__form{padding:20px}.qcard{padding:18px}.scorebar{font-size:.85rem;gap:10px}.site-header nav{gap:14px}.brand span:last-child{font-size:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.glow__spark{display:none}.glow__bloom{animation-duration:.01s}.opt,.scorebar__fill{transition:none}}