@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/web/eb-garamond-normal-latin.woff2) format('woff2')}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400 800;font-display:swap;src:url(/fonts/web/eb-garamond-italic-latin.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/web/figtree-normal-latin.woff2) format('woff2')}
:root{--paper:#ffffeb;--ink:#1a1a1a;--muted:#5b5b52;--fathom:#034f46;--dawn:#f0d7ff;--glow:#ffa946;--line:#e7e4c8}
*{box-sizing:border-box}
html{background:var(--paper);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 'EB Garamond',Georgia,serif}
a{color:var(--fathom);text-underline-offset:3px}
.top{display:flex;justify-content:space-between;align-items:center;max-width:720px;margin:0 auto;padding:16px}
.brand{font:500 26px/1 'EB Garamond',Georgia,serif;text-decoration:none;color:var(--ink)}
.cta-sm,.btn{font:600 15px/1 Figtree,system-ui,sans-serif;background:var(--fathom);color:var(--paper);text-decoration:none;border-radius:999px;padding:11px 18px;display:inline-block}
.btn{font-size:17px;padding:15px 26px;margin-top:6px}
.cta-sm:hover,.btn:hover{background:#02362f}
main{max-width:720px;margin:0 auto;padding:8px 16px 32px}
.crumbs{font:14px/1.4 Figtree,system-ui,sans-serif;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 20px}
.crumbs a{color:var(--muted)}
h1{font-weight:400;font-size:clamp(36px,7vw,54px);line-height:1.05;letter-spacing:-.01em;margin:0 0 14px}
h2{font-weight:500;font-size:clamp(25px,4.5vw,31px);line-height:1.2;margin:40px 0 10px;scroll-margin-top:16px}
.lede{font-size:21px;color:var(--muted);margin:0 0 24px}
li{margin:6px 0}
strong{font-weight:600}
.toc{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 20px;margin:0 0 8px;font:15px/1.5 Figtree,system-ui,sans-serif}
.toc p{margin:0 0 4px;font-weight:600}
.toc ol{margin:0;padding-left:20px}
.moods{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 4px}
.moods a{font:600 14px/1 Figtree,system-ui,sans-serif;background:var(--dawn);color:var(--ink);text-decoration:none;border-radius:999px;padding:9px 14px}
.blurb{color:var(--muted);margin:0 0 8px}
.starters{padding-left:34px}
.starters li{padding:4px 0;font-size:19px}
.starters li::marker{color:var(--muted);font:14px Figtree,system-ui,sans-serif}
.cta{background:var(--fathom);color:var(--paper);border-radius:28px;padding:26px 24px;margin:44px 0 8px}
.cta p{margin:0 0 10px}
.cta-title{font-size:28px;line-height:1.15}
.cta .btn{background:var(--glow);color:var(--ink)}
.cta .btn:hover{background:#ff9a24}
.more ul,.index{list-style:none;padding:0}
.more li a{font-size:20px}
.index li{margin:0 0 12px}
.index a{display:block;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px 20px;text-decoration:none;color:var(--ink);transition:transform .15s}
.index a:hover{transform:translateY(-2px)}
.index .t{display:block;font-size:24px;line-height:1.2;color:var(--fathom)}
.index .d{display:block;color:var(--muted);margin-top:4px}
footer{max-width:720px;margin:0 auto;padding:24px 16px 48px;font:14px/1.6 Figtree,system-ui,sans-serif;color:var(--muted);border-top:1px solid var(--line)}
footer a{color:var(--muted)}
@media (prefers-reduced-motion:reduce){.index a{transition:none}}