:root{--bg: oklch(98.8% .004 85);--bg-raised: oklch(97% .006 85);--ink: oklch(22% .015 270);--ink-soft: oklch(38% .018 270);--ink-quiet: oklch(55% .015 270);--rule: oklch(88% .008 85);--rule-soft: oklch(92% .006 85);--accent: oklch(48% .13 255);--accent-soft: oklch(94% .03 255);--accent-ink: oklch(98% .01 255);--serif: "Literata", "Iowan Old Style", "Georgia", serif;--sans: "Inter", ui-sans-serif, system-ui, sans-serif;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: oklch(17% .015 270);--bg-raised: oklch(20% .018 270);--ink: oklch(96% .005 270);--ink-soft: oklch(78% .015 270);--ink-quiet: oklch(60% .018 270);--rule: oklch(30% .018 270);--rule-soft: oklch(24% .015 270);--accent: oklch(74% .12 255);--accent-soft: oklch(28% .06 255);--accent-ink: oklch(18% .04 255);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent);color:var(--accent-ink)}a{color:inherit;text-decoration:none}.skip{position:absolute;left:-999px;top:0}.skip:focus{left:var(--s-4);top:var(--s-4);padding:var(--s-3) var(--s-5);background:var(--accent);color:var(--accent-ink);z-index:100;border-radius:2px}.shell{max-width:65ch;margin:0 auto;padding-inline:var(--s-5)}.shell--wide{max-width:1040px}.site-header{border-bottom:1px solid var(--rule);background:var(--bg);position:sticky;top:0;z-index:10}.site-header .shell--wide{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-5);padding-block:var(--s-4)}.wordmark{font-family:var(--serif);font-weight:600;font-size:18px;letter-spacing:-.01em;color:var(--ink)}.primary-nav{display:flex;gap:var(--s-5)}.nav-item{font-size:14px;color:var(--ink-quiet);padding-block:var(--s-1);transition:color .16s ease}.nav-item:hover{color:var(--ink)}.lede{padding-top:clamp(3rem,8vw,6rem);padding-bottom:clamp(3rem,7vw,5rem)}.eyebrow{display:inline-flex;align-items:center;gap:var(--s-3);margin:0 0 var(--s-6);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-quiet);font-weight:500}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px color-mix(in oklch,var(--accent) 55%,transparent)}.lede-title{font-family:var(--serif);font-weight:500;font-size:clamp(2.25rem,6vw,4.5rem);line-height:1.04;letter-spacing:-.015em;margin:0 0 var(--s-6);max-width:22ch;color:var(--ink)}.lede-title em{color:var(--ink-soft);font-style:italic}.lede-sub{font-family:var(--serif);font-size:clamp(1.0625rem,1.6vw,1.25rem);line-height:1.6;max-width:56ch;color:var(--ink-soft);margin:0 0 var(--s-7)}.lede-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-5) var(--s-6);margin-bottom:var(--s-9)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--s-6);background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:.9375rem;border-radius:2px;border:1px solid var(--accent);transition:background .18s ease,transform .18s ease}.btn-primary:hover,.btn-primary:focus-visible{background:color-mix(in oklch,var(--accent) 85%,white);border-color:color-mix(in oklch,var(--accent) 85%,white);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-quiet{font-size:.9375rem;color:var(--ink-soft);padding:var(--s-3) 0;border-bottom:1px solid var(--rule);transition:color .18s ease,border-color .18s ease}.btn-quiet:hover,.btn-quiet:focus-visible{color:var(--accent);border-color:var(--accent);outline:none}.counts{display:flex;flex-wrap:wrap;gap:var(--s-7);margin:0;padding-top:var(--s-6);border-top:1px solid var(--rule-soft);max-width:48rem}.counts>div{display:flex;flex-direction:column;gap:var(--s-2)}.counts dt{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-quiet)}.counts dd{margin:0;font-family:var(--serif);font-size:1.75rem;font-weight:500;line-height:1}.counts dd a{color:var(--ink);border-bottom:1px solid transparent;transition:color .18s ease,border-color .18s ease}.counts dd a:hover,.counts dd a:focus-visible{color:var(--accent);border-color:var(--accent);outline:none}.divider{height:1px;background:var(--rule-soft);margin:0 auto;max-width:68rem;width:calc(100% - 2rem)}.tonight,.reading-row,.questions-row,.notes-row,.colophon{padding-top:clamp(2.5rem,6vw,4.5rem);padding-bottom:clamp(2.5rem,6vw,4.5rem);display:grid;grid-template-columns:minmax(0,18rem) minmax(0,1fr);gap:clamp(2rem,5vw,4rem)}@media(max-width:56rem){.tonight,.reading-row,.questions-row,.notes-row,.colophon{grid-template-columns:1fr;gap:var(--s-6)}}.rail{position:sticky;top:var(--s-6);align-self:start}@media(max-width:56rem){.rail{position:static}}.section-title{font-family:var(--serif);font-weight:500;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.15;letter-spacing:-.01em;margin:0 0 var(--s-3);color:var(--ink)}.title-mark{display:inline-block;margin-right:var(--s-3);color:var(--accent);font-style:italic;font-variant-numeric:oldstyle-nums}.rail-note{margin:0;font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--ink-quiet);max-width:28ch;line-height:1.5}.feature-piece{max-width:40rem}.feature-link{display:block;padding:var(--s-6) 0}.feature-kicker{font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-quiet);margin:0 0 var(--s-4)}.feature-title{font-family:var(--serif);font-weight:500;font-size:clamp(1.75rem,3.6vw,2.75rem);line-height:1.12;letter-spacing:-.015em;margin:0 0 var(--s-5);color:var(--ink);transition:color .2s ease;text-wrap:balance}.feature-link:hover .feature-title,.feature-link:focus-visible .feature-title{color:var(--accent)}.feature-link:focus-visible{outline:none}.feature-link:focus-visible .feature-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.feature-dek{font-family:var(--serif);font-size:1.125rem;line-height:1.55;max-width:60ch;color:var(--ink-soft);margin:0 0 var(--s-6)}.feature-cta{font-size:.9375rem;font-weight:500;color:var(--accent);margin:0;display:inline-flex;gap:var(--s-3);align-items:center}.feature-cta span{transition:transform .2s ease}.feature-link:hover .feature-cta span{transform:translate(4px)}.piece-list{list-style:none;padding:0;margin:0;counter-reset:piece}.piece-row{border-top:1px solid var(--rule-soft)}.piece-row:last-child{border-bottom:1px solid var(--rule-soft)}.piece-row a{display:grid;grid-template-columns:auto 1fr;gap:var(--s-6);padding:var(--s-6) 0;align-items:baseline;transition:background .18s ease}.piece-row a:hover,.piece-row a:focus-visible{background:linear-gradient(90deg,color-mix(in oklch,var(--accent) 6%,transparent) 0%,transparent 90%);outline:none}.piece-row a:focus-visible .piece-title-inline{color:var(--accent)}.piece-num{font-family:var(--serif);font-style:italic;font-variant-numeric:oldstyle-nums;font-size:1.25rem;color:var(--ink-quiet);min-width:2rem}.piece-meta{display:grid;gap:var(--s-3)}.piece-title-inline{font-family:var(--serif);font-size:1.25rem;font-weight:500;line-height:1.25;color:var(--ink);letter-spacing:-.005em;transition:color .2s ease;text-wrap:balance}.piece-row a:hover .piece-title-inline{color:var(--accent)}.piece-dek{font-size:.9375rem;color:var(--ink-soft);line-height:1.5;max-width:62ch}.piece-date{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-quiet)}.see-all{margin:var(--s-6) 0 0;font-size:.9375rem}.see-all a{color:var(--ink-soft);border-bottom:1px solid var(--rule);padding-bottom:2px;transition:color .18s ease,border-color .18s ease}.see-all a:hover,.see-all a:focus-visible{color:var(--accent);border-color:var(--accent);outline:none}.q-list{list-style:none;padding:0;margin:0}.q-row{border-top:1px solid var(--rule-soft)}.q-row:last-child{border-bottom:1px solid var(--rule-soft)}.q-row a{display:grid;grid-template-columns:auto 1fr;gap:var(--s-5);padding:var(--s-5) 0;align-items:baseline}.q-mark{font-family:var(--serif);font-style:italic;font-size:1.5rem;color:var(--accent);min-width:1.5rem;line-height:1}.q-body{display:grid;gap:var(--s-2)}.q-title{font-size:1rem;font-weight:500;color:var(--ink);line-height:1.4;transition:color .2s ease}.q-row a:hover .q-title,.q-row a:focus-visible .q-title{color:var(--accent)}.q-row a:focus-visible{outline:none}.q-dek{font-size:.875rem;color:var(--ink-quiet);line-height:1.5;max-width:65ch}.notes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1px;background:var(--rule-soft);border-block:1px solid var(--rule-soft)}.note-tile{display:block;padding:var(--s-6) var(--s-5);background:var(--bg);transition:background .2s ease}.note-tile:hover,.note-tile:focus-visible{background:var(--bg-raised);outline:none}.note-date{margin:0 0 var(--s-3);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-quiet)}.note-title{font-family:var(--serif);font-weight:500;font-size:1.25rem;line-height:1.25;margin:0 0 var(--s-3);color:var(--ink);transition:color .2s ease;text-wrap:balance}.note-tile:hover .note-title,.note-tile:focus-visible .note-title{color:var(--accent)}.note-dek{margin:0;font-size:.875rem;line-height:1.5;color:var(--ink-soft)}.colophon{grid-template-columns:1fr;max-width:44rem}.colophon-h{font-family:var(--serif);font-weight:500;font-style:italic;font-size:clamp(1.5rem,3vw,2rem);line-height:1.15;margin:0 0 var(--s-5);color:var(--ink)}.colophon-body{font-family:var(--serif);font-size:1.125rem;line-height:1.6;color:var(--ink-soft);margin:0 0 var(--s-6);max-width:60ch}.colophon-sig{font-size:.875rem;color:var(--ink-quiet);margin:0;letter-spacing:.02em}.sig-mark{color:var(--accent);margin-right:var(--s-3)}.site-footer{border-top:1px solid var(--rule);padding-block:var(--s-6);margin-top:var(--s-9)}.site-footer .shell--wide{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--s-3)}.site-footer .mark{font-family:var(--serif);font-size:15px;font-weight:600;margin:0;color:var(--ink)}.site-footer .tagline,.site-footer .copy{font-size:13px;color:var(--ink-quiet);margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}
