/* seasons: an almanac printed on warm paper by day and read by lamplight at night.
   The colour of the page is the colour of the year: 48 steps round one wheel (.h0 to .h47, written by the build),
   0 = the local midwinter, so a southern summer in December takes the same gold as a northern one in June. */
@font-face{font-family:"Fraunces";font-weight:300 900;font-style:normal;font-display:swap;src:url("fonts/fraunces-normal-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-weight:300 900;font-style:normal;font-display:swap;src:url("fonts/fraunces-normal-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";font-weight:300 900;font-style:italic;font-display:swap;src:url("fonts/fraunces-italic-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-weight:300 900;font-style:italic;font-display:swap;src:url("fonts/fraunces-italic-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Serif 4";font-weight:200 900;font-style:normal;font-display:swap;src:url("fonts/SourceSerif4-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4";font-weight:200 900;font-style:normal;font-display:swap;src:url("fonts/SourceSerif4-400-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans";font-weight:100 700;font-style:normal;font-display:swap;src:url("fonts/IBMPlexSans-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-weight:100 700;font-style:normal;font-display:swap;src:url("fonts/IBMPlexSans-400-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --bg:#f4eee0;--surface:#fbf7ec;--ink:#1c1a15;--ink-soft:#4b463a;--line:#cfc7b2;--line-soft:#e3dccb;
  --accent:#0d4f49;--on-accent:#fbf7ec;--you:#8a2a12;--night:#d9d2c0;--day:#fffaf0;--sunc:#b36b00;--land:#e2d9c4;--sea:#f4eee0;--mute:#8d8676;
  --wet:#2c7a86;--dry:#c08a3e;--flood:#2f6aa0;--tone-ink:#fffaf0;
  --r0:#8d8676;--r1:#1f5fa8;--r2:#b3541e;--r3:#2e7d4f;--r4:#8a3fa0;--r5:#a8780a;--r6:#b0305c;--r7:#0f7f86;--r8:#5a5fc0;--r9:#6f7d1e;
  --display:"Fraunces","Source Serif 4",Georgia,serif;--serif:"Source Serif 4",Georgia,serif;--sans:"IBM Plex Sans",system-ui,sans-serif;
  --world:"Noto Sans","Noto Sans CJK SC","Noto Sans Devanagari","Noto Sans Arabic","Noto Sans Hebrew","Segoe UI","Nirmala UI","PingFang SC","Hiragino Sans","Microsoft YaHei","Kohinoor Devanagari","Geeza Pro","Arial Unicode MS",system-ui,sans-serif;
  --top:44px;--col:430px;--stage-h:56svh;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0d0f13;--surface:#161a21;--ink:#f3eee2;--ink-soft:#bcb5a5;--line:#333a47;--line-soft:#222834;
  --accent:#9fdccd;--on-accent:#0d0f13;--you:#ffb59c;--night:#07080b;--day:#2a3140;--sunc:#ffcf6b;--land:#20262f;--sea:#0d0f13;--mute:#7d8594;
  --wet:#56b6c4;--dry:#d9a65a;--flood:#6fa8e0;--tone-ink:#14130f;
  --r0:#7d8594;--r1:#7fb2f0;--r2:#f09a66;--r3:#79c796;--r4:#cf95e2;--r5:#e6bd4a;--r6:#f08aa8;--r7:#5fcfd6;--r8:#a3a8f5;--r9:#b9c85a;
}}
:root[data-theme="dark"]{
  --bg:#0d0f13;--surface:#161a21;--ink:#f3eee2;--ink-soft:#bcb5a5;--line:#333a47;--line-soft:#222834;
  --accent:#9fdccd;--on-accent:#0d0f13;--you:#ffb59c;--night:#07080b;--day:#2a3140;--sunc:#ffcf6b;--land:#20262f;--sea:#0d0f13;--mute:#7d8594;
  --wet:#56b6c4;--dry:#d9a65a;--flood:#6fa8e0;--tone-ink:#14130f;
  --r0:#7d8594;--r1:#7fb2f0;--r2:#f09a66;--r3:#79c796;--r4:#cf95e2;--r5:#e6bd4a;--r6:#f08aa8;--r7:#5fcfd6;--r8:#a3a8f5;--r9:#b9c85a;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
svg[hidden]{display:none}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:var(--top)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font:400 18px/1.6 var(--serif);overflow-x:clip}
a{color:var(--accent);text-underline-offset:.16em}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
h1,h2,h3{font-family:var(--display);font-weight:560;line-height:1.1;letter-spacing:-.012em;margin:0;font-variation-settings:"opsz" 96}
h3{font-variation-settings:"opsz" 30;font-weight:600}
b,strong{font-weight:650}
i,em,cite{font-style:italic}
[lang]:not(html):not(a){font-family:var(--world)}
i[lang],em[lang],cite[lang],b[lang]{font-family:inherit}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--surface);color:var(--ink);padding:.5rem .8rem;z-index:60}
.skip:focus{left:8px;top:8px}

/* top bar */
.topbar{position:sticky;top:0;z-index:40;height:var(--top);display:flex;align-items:center;gap:14px;padding:0 16px;background:var(--bg);border-bottom:1px solid var(--line-soft);font:500 14px/1 var(--sans);white-space:nowrap}
.topbar a{color:var(--ink);text-decoration:none}
.topbar .home{display:flex;align-items:center;gap:7px;font-weight:600}
.home-ico{flex:none}
.topnav{display:flex;gap:16px;overflow:hidden}
.topnav a{color:var(--ink-soft)}
.topnav a:hover,.topnav a[aria-current]{color:var(--ink)}
.spacer{flex:1}
.lang-switch{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-weight:600;font-size:12px}
.icon-btn{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:none;color:var(--ink);cursor:pointer;padding:0}
.icon-btn svg{display:block}
.icon-btn svg[hidden]{display:none}
.progress{position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none}
.progress span{opacity:0;position:absolute;left:0;top:-5px;width:11px;height:11px;border-radius:50%;background:var(--pc,var(--sunc));box-shadow:0 0 0 3px color-mix(in srgb,var(--pc,var(--sunc)) 26%,transparent);will-change:transform}
@media (max-width:860px){.topnav{display:none}}

/* reading rail */
.rail{position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:30;display:none;flex-direction:column;gap:9px;padding:8px 5px;border-radius:999px;background:color-mix(in srgb,var(--bg) 84%,transparent)}
.rail a{position:relative;display:block;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--ink-soft)}
.rail a[aria-current]{background:var(--accent);border-color:var(--accent)}
.rail a span{position:absolute;right:18px;top:50%;transform:translateY(-50%);white-space:nowrap;font:500 12px/1 var(--sans);color:var(--ink);background:var(--surface);border:1px solid var(--line-soft);padding:5px 8px;border-radius:6px;opacity:0;pointer-events:none}
.rail a:hover span,.rail a:focus-visible span{opacity:1}
@media (min-width:1280px){.rail{display:flex}}
@media (min-width:1280px){.scrolly.is-live{padding-right:52px}}
@media print{.rail,.topbar,.share-row{display:none}}

/* hero */
.hero{max-width:1240px;margin:0 auto;padding:30px 20px 30px;display:grid;gap:22px;align-items:start}
.kicker{font:600 12.5px/1.25 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 12px}
h1{font-size:clamp(3.2rem,11vw,6.4rem);font-weight:540;line-height:.98}
h1 em{display:block;font-style:italic;font-weight:400;font-size:clamp(1.25rem,2.6vw,1.75rem);line-height:1.25;letter-spacing:0;margin-top:.7em;color:var(--ink-soft);font-variation-settings:"opsz" 30;max-width:24em}
.deck{font-size:1.14rem;line-height:1.5;color:var(--ink-soft);margin:16px 0 0;max-width:36em}
.hero-ring{position:relative;max-width:560px;width:100%;margin:0 auto}
.today{margin:0}
.today-h{font:600 .92rem/1.3 var(--sans);margin:22px 0 8px;color:var(--ink)}
.today-h b{font:560 1.35rem/1.1 var(--display);margin-right:.3em}
.jump{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}
.btn{display:inline-flex;align-items:center;gap:8px;font:600 .95rem/1.2 var(--sans);padding:11px 16px;min-height:44px;border-radius:999px;background:var(--accent);color:var(--on-accent);text-decoration:none;border:1px solid var(--accent);cursor:pointer}
.btn.ghost{background:none;color:var(--ink);border-color:var(--line)}
.opened{margin:14px 0 0;font:500 1rem/1.45 var(--sans);color:var(--you)}
@media (min-width:980px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,540px);gap:10px 48px;padding:44px 28px 40px}.hero-ring{grid-column:2;grid-row:1 / span 2;align-self:center}.hero-today{grid-column:1}}
@media (max-width:700px){.yr .mlab{font-size:27px}.yr .mtick{stroke-width:2.5}#tilt .mk-l{font-size:35px}#tilt .cap{font-size:31px}.yr .hub-date{font-size:64px}}

/* the year ring */
.yr{display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y}
.seg{fill:var(--c,var(--mute));stroke:none}
.t-wet{--c:var(--wet);--lab:var(--tone-ink)}.t-dry{--c:var(--dry);--lab:#14130f}.t-flood{--c:var(--flood);--lab:var(--tone-ink)}.t-grow{--c:var(--r3);--lab:var(--tone-ink)}.t-harvest{--c:var(--r5);--lab:#14130f}
.yr .ring .seg{transition:opacity .5s}
.yr .focus{opacity:0;pointer-events:none;transition:opacity .45s}
.yr .focus .seg{opacity:.92}
.yr .lab{fill:var(--lab,#14130f);paint-order:stroke;stroke:var(--halo,transparent);stroke-width:2.6px;stroke-opacity:.5;stroke-linejoin:round;font-family:var(--world);font-weight:600;letter-spacing:.01em;pointer-events:none}
.yr .mlab{fill:var(--ink-soft);font-family:var(--sans);font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.yr .mtick{stroke:var(--line);stroke-width:1.5}
.yr .spoke{stroke:var(--ink);stroke-width:1.4;stroke-dasharray:2 7;opacity:.5}
.yr .hand{transform-origin:500px 500px;transform:rotate(var(--a,0deg));opacity:0;transition:opacity .4s}
.yr .hand line{stroke:var(--ink);stroke-width:2.2}
.yr .hand .sun{fill:var(--sunc);stroke:var(--bg);stroke-width:3}
.yr.has-hand .hand{opacity:1}
.yr .hub-date{font:560 54px/1 var(--display);fill:var(--ink)}
.yr .hub-sub{font:500 21px/1 var(--sans);fill:var(--ink-soft);letter-spacing:.04em}
.yr .stack{transform-origin:500px 500px;transition:transform .7s cubic-bezier(.3,.7,.2,1)}
/* a step in the count chapter: the rings met so far stay small in the middle, the current one is set large with its names */
.yr[data-mode="focus"] .stack{transform:scale(.62)}
.yr[data-mode="focus"] .hub{opacity:0}
.yr[data-mode="focus"] .months{opacity:.85}
.yr .ring.off{opacity:0}
.yr .ring.dim .seg{opacity:.34}
.yr .focus.on{opacity:1}
.yr .hub{transition:opacity .3s}
@media (prefers-reduced-motion:reduce){.yr .stack,.yr .focus,.yr .ring .seg{transition:none}}

/* scroll chapters: stacked cards and a static figure until the script starts them */
.chapter-head{max-width:760px;margin:0 auto;padding:84px 20px 8px}
.chapter-head .num{font:500 .9rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 14px;display:flex;align-items:center;gap:12px}
.chapter-head .num::after{content:"";flex:1;height:1px;background:var(--line)}
.chapter-head h2{font-size:clamp(1.9rem,5vw,3rem)}
.chapter-head p{font-size:1.1rem;color:var(--ink-soft);margin:14px 0 0}
.scrolly{position:relative;max-width:760px;margin:0 auto;padding:0 20px}
.stage{margin:18px 0}
.stage-in{position:relative}
.steps{display:grid;gap:18px}
.step{background:var(--surface);border:1px solid var(--line-soft);border-radius:14px;padding:18px 20px 14px;scroll-margin-top:calc(var(--top) + 12px)}
.step .when{font:600 12px/1.25 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 7px}
.step h3{font-size:1.36rem;margin:0 0 8px}
.step p{margin:0 0 10px;font-size:1.02rem;line-height:1.52}
.step .names{margin:6px 0 10px;padding:0;list-style:none;font:400 .95rem/1.35 var(--sans);display:grid;gap:4px}
.step .names li{display:grid;grid-template-columns:14px minmax(0,auto) 1fr;gap:8px;align-items:baseline}
.step .names i.sw{width:12px;height:12px;border-radius:3px;background:var(--c,var(--mute));display:block;transform:translateY(1px)}
.step .names b{font-weight:600}
.step .names span{color:var(--ink-soft)}
.step .src,.srcline{font:400 .8rem/1.4 var(--sans);color:var(--ink-soft);margin:8px 0 0}
.step .src a,.srcline a{color:var(--ink-soft)}
.badge{display:inline-block;font:600 10.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:4px 8px;color:var(--ink-soft);margin:0 0 9px;vertical-align:middle}
.badge.b-modern{color:var(--you);border-color:var(--you)}
.strip{font:500 .9rem/1.35 var(--sans);color:var(--ink-soft);display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline;padding:8px 2px 0}
.strip b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.strip .big{font:560 1.35rem/1.1 var(--display);color:var(--ink)}
.pic{margin:12px 0 0}
.pic img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--line-soft);background:var(--line-soft)}
.pic figcaption{font:400 .8rem/1.4 var(--sans);color:var(--ink-soft);margin-top:6px}
.pic .cr{display:block;opacity:.95}
.step .pic img{max-height:260px;object-fit:cover;object-position:50% 30%}

.scrolly.is-live{max-width:none;padding:0}
.scrolly.is-live .stage{position:sticky;top:var(--top);height:var(--stage-h);margin:0;z-index:3;background:var(--bg);border-bottom:1px solid var(--line-soft);display:grid;place-items:center;padding:8px 14px 6px;overflow:hidden}
.scrolly.is-live .stage-in{width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center}
.scrolly.is-live .stage-in>svg{width:100%;height:100%;min-height:0;min-width:0}
.scrolly.is-live .strip{justify-content:center;text-align:center;padding:4px 0 2px;min-height:2.6em}
.scrolly.is-live .steps{display:block;padding:0 14px 30svh;position:relative}
.scrolly.is-live .step{max-width:520px;margin:0 auto 46svh;opacity:.55;transition:opacity .3s}
.scrolly.is-live .step:first-child{margin-top:22svh}
.scrolly.is-live .step.on{opacity:1}
@media (max-width:959px){
  /* phone: the stage is sized from its figure's shape, so the text keeps more than half the screen */
  .scrolly.is-live{scroll-margin-top:0;--stage-h:40svh}
  .scrolly.is-live[data-chapter="why"]{--stage-h:min(42svh,calc((100vw - 28px)*.58 + 84px))}
  .scrolly.is-live .stage{display:flex;flex-direction:column;padding:6px 14px 6px}
  .scrolly.is-live .stage-in{flex:1 1 0;min-height:0;height:auto;display:flex;flex-direction:column;align-items:center}
  .scrolly.is-live .stage-in>svg{flex:1 1 0;height:auto}
  .scrolly.is-live .strip{flex:none;width:100%;font-size:.84rem;line-height:1.3;padding:3px 0 0;min-height:0}
  .scrolly.is-live .strip .big{font-size:1.06rem}
  #count-cap,#st-cap{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:2.8em;line-height:1.4}
  #count-cap .big,#st-cap .big{line-height:1}
  #count-cap>span,#st-cap>span{margin-right:.7em}
  .scrolly.is-live[data-chapter="why"] .strip{gap:0 10px;align-content:flex-start}
  .strip #tilt-nums{display:contents}
  .scrolly.is-live[data-chapter="why"] .strip .big{font-size:1rem}
  .lat{flex-wrap:nowrap;gap:8px;margin-top:2px}
  .lat label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .lat input[type=range]{flex:1 1 0;width:auto;min-width:0;min-height:34px}
  .lat output{min-width:3.6em;text-align:left}
  .lat select{flex:0 1 9.5em;min-width:0;min-height:34px;padding:4px 6px;font-size:.84rem}
  #lat-note{display:none}
  .legend{font-size:.76rem;gap:1px 10px}
  .scrolly.is-live[data-chapter="words"] .stage-in>svg{min-height:45%}
  .scrolly.is-live .steps{padding-bottom:24svh}
  .scrolly.is-live .step{margin-bottom:34svh}
  .scrolly.is-live .step:first-child{margin-top:16svh}
  .scrolly.is-live .step{scroll-margin-top:calc(var(--top) + var(--stage-h) + 10px)}
  .step p{font-size:.98rem;line-height:1.48}.step h3{font-size:1.22rem}.step{padding:14px 16px 10px}
}
@media (min-width:960px){
  :root{--stage-h:calc(100svh - var(--top))}
  .scrolly.is-live{display:grid;grid-template-columns:var(--col) minmax(0,1fr);gap:0 36px;padding:0 28px;max-width:1480px;margin:0 auto}
  .scrolly.is-live .stage{grid-column:2;grid-row:1;border-bottom:0;padding:18px 0 14px;align-self:start}
  .scrolly.is-live .steps{grid-column:1;grid-row:1;padding:0 0 40svh}
  .scrolly.is-live .step{max-width:none;margin:0 0 62svh}
  .scrolly.is-live .step:first-child{margin-top:34svh}
  .scrolly.is-live .strip{font-size:1rem}
}

/* the tilt figure */
#tilt-nums{display:inline-flex;flex-wrap:wrap;gap:2px 16px;justify-content:center}
#tilt .orbit{fill:none;stroke:var(--line);stroke-width:1.5}
#tilt .sunray{stroke:var(--sunc);stroke-width:1.2;opacity:.5}
#tilt .sun{fill:var(--sunc)}
#tilt .glow{fill:var(--sunc);opacity:.16}
#tilt .earth-s{fill:var(--accent);stroke:var(--bg);stroke-width:2}
#tilt .mark{fill:var(--ink-soft)}
#tilt .mk-l{font:500 17px var(--sans);fill:var(--ink-soft)}
#tilt .mk-l.on{fill:var(--ink);font-weight:600}
#tilt .globe-day{fill:var(--day);stroke:var(--line);stroke-width:1.5}
#tilt .globe-night{fill:var(--night);opacity:.92}
#tilt .axis{stroke:var(--ink);stroke-width:2}
#tilt .par{stroke:var(--ink-soft);stroke-width:1.1;opacity:.55;fill:none}
#tilt .par.eq{opacity:.9;stroke-width:1.6}
#tilt .lat-day{stroke:var(--sunc);stroke-width:7;stroke-linecap:round}
#tilt .lat-night{stroke:var(--accent);stroke-width:7;stroke-linecap:round;opacity:.75}
#tilt .lat-dot{fill:var(--you);stroke:var(--bg);stroke-width:2}
#tilt .cap{font:500 18px var(--sans);fill:var(--ink-soft)}
#tilt .cap.b{fill:var(--ink);font-weight:600}
.lat{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;font:500 .86rem/1.2 var(--sans);color:var(--ink-soft);width:100%}
.lat input[type=range]{width:min(220px,44vw);accent-color:var(--accent);min-height:30px}
.lat select{min-height:36px;padding:6px 8px;font-size:.9rem}
.lat output{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums;min-width:4.2em}

/* sections */
.sec{max-width:760px;margin:0 auto;padding:72px 20px 0;scroll-margin-top:var(--top)}
.sec-wide{max-width:1100px}
.sec h2{font-size:clamp(1.7rem,4.2vw,2.5rem);margin-bottom:16px}
.sec h3{font-size:1.26rem;margin:30px 0 8px}
.sec p{margin:0 0 14px}
.sec .lead{font-size:1.1rem;color:var(--ink-soft)}
.hero,.scrolly,.chapter-head{scroll-margin-top:var(--top)}

/* the reader's day */
.pick{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:end;margin:18px 0 6px}
.pick label{display:grid;gap:5px;font:600 12.5px/1.2 var(--sans);letter-spacing:.04em;color:var(--ink-soft)}
select,input[type=search]{font:500 1.05rem/1.2 var(--sans);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-height:44px}
.reset,.more{font:600 .92rem/1.2 var(--sans);color:var(--ink);background:none;border:1px solid var(--line);border-radius:999px;padding:11px 15px;min-height:44px;cursor:pointer}
.result{margin:18px 0 6px;padding:20px 20px 16px;background:var(--surface);border:1px solid var(--line);border-radius:16px}
.result.mine{border-color:var(--you)}
.result .kicker{margin-bottom:8px}
.result.mine .kicker{color:var(--you)}
.result h3{font-size:clamp(1.4rem,3.8vw,1.9rem);margin:0 0 6px}
.day-grid{display:grid;gap:18px;align-items:start}
@media (min-width:860px){.day-grid{grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:30px}}
.read{margin:0;padding:0;list-style:none;font:400 .96rem/1.35 var(--sans);border-top:1px solid var(--line)}
.read li{display:grid;grid-template-columns:14px minmax(0,10.5em) 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-soft);align-items:baseline}
.read i.sw{width:12px;height:12px;border-radius:3px;background:var(--c,var(--mute));display:block;transform:translateY(1px)}
.read .who{color:var(--ink-soft);font-size:.85rem}
.read .what b{font:560 1.1rem/1.2 var(--display)}
.read .what [lang]{font-size:1.02rem;margin-right:.35em}
.read .what span.g{color:var(--ink-soft)}
.ctl{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:14px 0 8px}
.play{display:inline-flex;align-items:center;gap:8px;font:600 .95rem/1.2 var(--sans);padding:11px 16px;min-height:44px;border-radius:999px;background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);cursor:pointer}
.play .ic-pause{display:none}
.play[data-on] .ic-pause{display:inline}
.play[data-on] .ic-play{display:none}
.ctl label{display:flex;align-items:center;gap:10px;flex:1;min-width:230px;font:600 12.5px/1.2 var(--sans);color:var(--ink-soft)}
.ctl input[type=range]{flex:1;accent-color:var(--accent);min-height:32px}
.share-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0 0;font:500 .9rem/1.2 var(--sans);color:var(--ink-soft)}
.share-row a,.share-row button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line-soft);border-radius:50%;background:none;color:var(--ink);cursor:pointer;padding:0}
.share-row a:hover,.share-row button:hover,.share-row a:focus-visible,.share-row button:focus-visible{color:var(--accent);border-color:var(--accent)}
.share-row [role=status]{flex-basis:100%;min-height:1.2em}
@media (pointer:coarse){.share-row a,.share-row button{width:44px;height:44px}}

/* the word map */
.wm .land{fill:var(--land)}
.wm .dot{fill:var(--r0);stroke:var(--bg);stroke-width:.6;cursor:pointer;transition:fill .4s,r .3s}
.wm .dot.cur{stroke:var(--ink);stroke-width:1.6}
.wm[data-season="winter"] .dot[data-winter],.wm[data-season="summer"] .dot[data-summer],.wm[data-season="spring"] .dot[data-spring],.wm[data-season="autumn"] .dot[data-autumn]{fill:var(--rc,var(--r0))}
.wm .dot.none{opacity:.28}
.legend{display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:center;font:500 .82rem/1.3 var(--sans);color:var(--ink-soft);margin:0;padding:0;list-style:none}
.legend li{display:flex;align-items:center;gap:6px}
.legend i{width:10px;height:10px;border-radius:50%;background:var(--rc,var(--r0));display:block;flex:none}
.rc1{--rc:var(--r1)}.rc2{--rc:var(--r2)}.rc3{--rc:var(--r3)}.rc4{--rc:var(--r4)}.rc5{--rc:var(--r5)}.rc6{--rc:var(--r6)}.rc7{--rc:var(--r7)}.rc8{--rc:var(--r8)}.rc9{--rc:var(--r9)}.rc0{--rc:var(--r0)}
.lang-card{margin:14px 0 0;padding:16px 18px 12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;font:400 .96rem/1.4 var(--sans)}
.lang-card h3{margin:0 0 10px;font-size:1.3rem}
.lang-card dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px}
.lang-card dt{color:var(--ink-soft);font-size:.86rem;padding-top:.2em}
.lang-card dd{margin:0}
.lang-card dd b{font:560 1.16rem/1.2 var(--display)}
.lang-card dd [lang]{font-size:1.1rem;font-weight:600}
.lang-card dd small{display:block;color:var(--ink-soft);font-size:.86rem}
.finder{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:16px 0 0}
.finder label{display:grid;gap:5px;font:600 12.5px/1.2 var(--sans);letter-spacing:.04em;color:var(--ink-soft);flex:1;min-width:220px}
.finder input{width:100%}
.sugg{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.sugg button{font:500 .9rem/1.2 var(--sans);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:9px 13px;min-height:40px;cursor:pointer}

/* the wall of names */
.wall{margin:18px 0 0;border-top:1px solid var(--line);padding-top:14px}
.wall h3{display:flex;align-items:baseline;gap:10px;margin:22px 0 8px}
.wall h3 i.sw{width:14px;height:14px;border-radius:50%;background:var(--c);display:block;flex:none;transform:translateY(1px)}
.wall h3 small{font:500 .82rem/1 var(--sans);color:var(--ink-soft);letter-spacing:.02em}
.words{margin:0;font:500 1.06rem/1.9 var(--world);max-height:11.4em;overflow:hidden;position:relative}
.words.open{max-height:none}
.words span{white-space:nowrap;margin-right:.9em}
.words span i{font:400 .78em var(--sans);color:var(--ink-soft);font-style:normal}
.words span::after{content:"·";color:var(--mute);margin-left:.9em}
.words:not(.open)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3.2em;background:linear-gradient(transparent,var(--bg))}

/* stories */
.story-meta{font:400 .84rem/1.4 var(--sans);color:var(--ink-soft);margin:0 0 8px}
.quote{margin:8px 0 10px;padding:0 0 0 14px;border-left:2px solid var(--line);font:italic 420 1.08rem/1.45 var(--display)}
.quote cite{display:block;font:400 .8rem/1.4 var(--sans);color:var(--ink-soft);margin-top:4px;font-style:normal}
.wrong{font:400 .9rem/1.45 var(--sans);color:var(--ink-soft);border-top:1px dashed var(--line);padding-top:8px;margin-top:8px!important}
.wrong b{color:var(--ink)}

/* timeline of the idea */
.tl{list-style:none;margin:22px 0 0;padding:0;border-left:1px solid var(--line)}
.tl li{position:relative;padding:0 0 26px 22px}
.tl li::before{content:"";position:absolute;left:-5.5px;top:.5em;width:10px;height:10px;border-radius:50%;background:var(--c,var(--accent));border:2px solid var(--bg)}
.tl .yr-l{font:600 .82rem/1.2 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin:0 0 4px}
.tl h3{margin:0 0 6px;font-size:1.2rem}
.tl p{margin:0 0 8px;font-size:1rem;line-height:1.5}
.tl .pic{max-width:520px}
.holds h4{margin:0 0 6px;font-family:var(--display);font-weight:600;font-size:1.2rem;line-height:1.2;letter-spacing:-.012em;font-variation-settings:"opsz" 30}
.holds .srcline{margin:0;overflow-wrap:anywhere}

/* charts and tables */
.chart{margin:22px 0}
.chart svg{display:block;width:100%;height:auto}
.chart figcaption{font:400 .82rem/1.45 var(--sans);color:var(--ink-soft);margin-top:8px}
.chart .grid{stroke:var(--line-soft);stroke-width:1}
.chart .ax,.bars .ax{fill:var(--ink-soft);font:500 17px var(--sans)}
.chart .lab{fill:var(--ink);font:600 17px var(--sans)}
.chart .kd{fill:var(--mute);opacity:.6}
.chart .kd.late{fill:var(--you);opacity:1}
.chart .kline{fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linejoin:round}
@media (max-width:620px){.chart .ax,.chart .lab,.bars .ax{font-size:26px}.bars .barlab{font-size:24px}}
.bars{display:block;width:100%;height:auto;margin:18px 0 6px}
.bars .barlab{fill:var(--ink);font:500 16px var(--sans)}
.planets{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px;margin:22px 0}
.planets figure{margin:0;text-align:center}
.planets svg{display:block;width:100%;max-width:260px;margin:0 auto;height:auto}
.planets .lab{fill:var(--lab,#14130f);font-family:var(--sans);font-weight:600}
.planets .hub-t{font:560 60px var(--display);fill:var(--ink)}
.planets .hub-s{font:500 30px var(--sans);fill:var(--ink-soft)}
.planets figcaption{font:400 .86rem/1.4 var(--sans);color:var(--ink-soft);margin-top:8px}
.tbl{width:100%;border-collapse:collapse;font:400 .95rem/1.35 var(--sans);margin:14px 0 4px}
.tbl th,.tbl td{text-align:left;padding:8px 10px 8px 0;border-bottom:1px solid var(--line-soft);vertical-align:top}
.tbl thead th{font-weight:600;font-size:.82rem;letter-spacing:.03em;color:var(--ink-soft)}
.tbl tbody th{font-weight:600}
.tbl td{font-variant-numeric:tabular-nums}
.tbl [lang]{font-size:1.04rem}
.tbl-wrap{overflow-x:auto}
@media (max-width:520px){.tbl{font-size:.88rem}.tbl th,.tbl td{padding-right:8px}}
.more{margin-top:12px}
.src{padding-left:1.1em;font:400 .93rem/1.5 var(--sans)}
.src li{margin-bottom:6px}
.see{font:400 .95rem/1.5 var(--sans);color:var(--ink-soft)}

.foot{max-width:760px;margin:80px auto 0;padding:22px 20px 44px;border-top:1px solid var(--line-soft);display:flex;flex-wrap:wrap;gap:8px 20px;font:400 .88rem/1.4 var(--sans);color:var(--ink-soft)}
.foot a{color:var(--ink)}
.d-page{max-width:760px;margin:0 auto;padding:40px 20px}
.d-page h1{font-size:clamp(1.6rem,4vw,2.3rem);margin-bottom:18px}
.d-page img{display:block;width:100%;height:auto;border-radius:10px;margin:0 0 18px}

/* the wheel of the year */
.h0{--c:#215899;--lab:#fffaf0;--halo:#14130f}.h1{--c:#1e609b;--lab:#fffaf0;--halo:#14130f}.h2{--c:#1c689d;--lab:#fffaf0;--halo:#14130f}.h3{--c:#1c709e;--lab:#fffaf0;--halo:#14130f}.h4{--c:#21789f;--lab:#fffaf0;--halo:#14130f}.h5{--c:#287fa0;--lab:#fffaf0;--halo:#14130f}.h6{--c:#3086a0;--lab:#14130f;--halo:#fffaf0}.h7{--c:#148e9e;--lab:#14130f;--halo:#fffaf0}.h8{--c:#009599;--lab:#14130f;--halo:#fffaf0}.h9{--c:#009c8f;--lab:#14130f;--halo:#fffaf0}.h10{--c:#00a282;--lab:#14130f;--halo:#fffaf0}.h11{--c:#20a771;--lab:#14130f;--halo:#fffaf0}.h12{--c:#47aa5c;--lab:#14130f;--halo:#fffaf0}.h13{--c:#5aae55;--lab:#14130f;--halo:#fffaf0}.h14{--c:#6bb24e;--lab:#14130f;--halo:#fffaf0}.h15{--c:#7cb545;--lab:#14130f;--halo:#fffaf0}.h16{--c:#8db83c;--lab:#14130f;--halo:#fffaf0}.h17{--c:#9dba33;--lab:#14130f;--halo:#fffaf0}.h18{--c:#adbd27;--lab:#14130f;--halo:#fffaf0}.h19{--c:#b7bc1a;--lab:#14130f;--halo:#fffaf0}.h20{--c:#c0ba06;--lab:#14130f;--halo:#fffaf0}.h21{--c:#cab900;--lab:#14130f;--halo:#fffaf0}.h22{--c:#d3b700;--lab:#14130f;--halo:#fffaf0}.h23{--c:#dcb600;--lab:#14130f;--halo:#fffaf0}.h24{--c:#e4b400;--lab:#14130f;--halo:#fffaf0}.h25{--c:#e6ac00;--lab:#14130f;--halo:#fffaf0}.h26{--c:#e7a400;--lab:#14130f;--halo:#fffaf0}.h27{--c:#e89d00;--lab:#14130f;--halo:#fffaf0}.h28{--c:#e99500;--lab:#14130f;--halo:#fffaf0}.h29{--c:#e88e00;--lab:#14130f;--halo:#fffaf0}.h30{--c:#e88600;--lab:#14130f;--halo:#fffaf0}.h31{--c:#e37c00;--lab:#14130f;--halo:#fffaf0}.h32{--c:#de7200;--lab:#14130f;--halo:#fffaf0}.h33{--c:#d86800;--lab:#14130f;--halo:#fffaf0}.h34{--c:#d25e00;--lab:#14130f;--halo:#fffaf0}.h35{--c:#cc540c;--lab:#fffaf0;--halo:#14130f}.h36{--c:#c54a16;--lab:#fffaf0;--halo:#14130f}.h37{--c:#ba432e;--lab:#fffaf0;--halo:#14130f}.h38{--c:#ae3d3c;--lab:#fffaf0;--halo:#14130f}.h39{--c:#a13846;--lab:#fffaf0;--halo:#14130f}.h40{--c:#94344d;--lab:#fffaf0;--halo:#14130f}.h41{--c:#863251;--lab:#fffaf0;--halo:#14130f}.h42{--c:#782f53;--lab:#fffaf0;--halo:#14130f}.h43{--c:#733366;--lab:#fffaf0;--halo:#14130f}.h44{--c:#6b3977;--lab:#fffaf0;--halo:#14130f}.h45{--c:#604086;--lab:#fffaf0;--halo:#14130f}.h46{--c:#524791;--lab:#fffaf0;--halo:#14130f}.h47{--c:#3f4f98;--lab:#fffaf0;--halo:#14130f}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .h0{--c:#4073b3;--lab:#fffaf0;--halo:#14130f}:root:not([data-theme="light"]) .h1{--c:#3f7bb5;--lab:#fffaf0;--halo:#14130f}:root:not([data-theme="light"]) .h2{--c:#4083b7;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h3{--c:#428bb8;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h4{--c:#4693b9;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h5{--c:#4c9aba;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h6{--c:#54a1bb;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h7{--c:#46a9b9;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h8{--c:#39b1b4;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h9{--c:#34b8ab;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h10{--c:#3cbe9e;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h11{--c:#50c38e;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h12{--c:#6ac67a;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h13{--c:#7aca74;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h14{--c:#8ace6f;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h15{--c:#9ad169;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h16{--c:#aad463;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h17{--c:#b9d75d;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h18{--c:#c9da57;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h19{--c:#d3d951;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h20{--c:#dcd84c;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h21{--c:#e6d648;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h22{--c:#efd545;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h23{--c:#f8d343;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h24{--c:#ffd242;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h25{--c:#ffca3d;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h26{--c:#ffc339;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h27{--c:#ffbb37;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h28{--c:#ffb337;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h29{--c:#ffac38;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h30{--c:#ffa53a;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h31{--c:#ff9a39;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h32{--c:#fa9039;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h33{--c:#f4873a;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h34{--c:#ee7d3b;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h35{--c:#e8733c;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h36{--c:#e16a3e;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h37{--c:#d6624d;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h38{--c:#ca5c58;--lab:#14130f;--halo:#fffaf0}:root:not([data-theme="light"]) .h39{--c:#bd5661;--lab:#fffaf0;--halo:#14130f}:root:not([data-theme="light"]) .h40{--c:#af5267;--lab:#fffaf0;--halo:#14130f}:root:not([data-theme="light"]) .h41{--c:#a14e6a;--lab:#fffaf0;--halo:#14130f}:root:not([data-theme="light"]) .h42{--c:#934b6c;--lab:#fffaf0;--halo:#14130f}:root:not([data-theme="light"]) .h43{--c:#8d4e7f;--lab:#fffaf0;--halo:#14130f}:root:not([data-theme="light"]) .h44{--c:#855491;--lab:#fffaf0;--halo:#14130f}:root:not([data-theme="light"]) .h45{--c:#795a9f;--lab:#fffaf0;--halo:#14130f}:root:not([data-theme="light"]) .h46{--c:#6a62ab;--lab:#fffaf0;--halo:#14130f}:root:not([data-theme="light"]) .h47{--c:#586ab1;--lab:#fffaf0;--halo:#14130f}}
:root[data-theme="dark"] .h0{--c:#4073b3;--lab:#fffaf0;--halo:#14130f}:root[data-theme="dark"] .h1{--c:#3f7bb5;--lab:#fffaf0;--halo:#14130f}:root[data-theme="dark"] .h2{--c:#4083b7;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h3{--c:#428bb8;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h4{--c:#4693b9;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h5{--c:#4c9aba;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h6{--c:#54a1bb;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h7{--c:#46a9b9;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h8{--c:#39b1b4;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h9{--c:#34b8ab;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h10{--c:#3cbe9e;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h11{--c:#50c38e;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h12{--c:#6ac67a;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h13{--c:#7aca74;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h14{--c:#8ace6f;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h15{--c:#9ad169;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h16{--c:#aad463;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h17{--c:#b9d75d;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h18{--c:#c9da57;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h19{--c:#d3d951;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h20{--c:#dcd84c;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h21{--c:#e6d648;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h22{--c:#efd545;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h23{--c:#f8d343;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h24{--c:#ffd242;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h25{--c:#ffca3d;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h26{--c:#ffc339;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h27{--c:#ffbb37;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h28{--c:#ffb337;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h29{--c:#ffac38;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h30{--c:#ffa53a;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h31{--c:#ff9a39;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h32{--c:#fa9039;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h33{--c:#f4873a;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h34{--c:#ee7d3b;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h35{--c:#e8733c;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h36{--c:#e16a3e;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h37{--c:#d6624d;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h38{--c:#ca5c58;--lab:#14130f;--halo:#fffaf0}:root[data-theme="dark"] .h39{--c:#bd5661;--lab:#fffaf0;--halo:#14130f}:root[data-theme="dark"] .h40{--c:#af5267;--lab:#fffaf0;--halo:#14130f}:root[data-theme="dark"] .h41{--c:#a14e6a;--lab:#fffaf0;--halo:#14130f}:root[data-theme="dark"] .h42{--c:#934b6c;--lab:#fffaf0;--halo:#14130f}:root[data-theme="dark"] .h43{--c:#8d4e7f;--lab:#fffaf0;--halo:#14130f}:root[data-theme="dark"] .h44{--c:#855491;--lab:#fffaf0;--halo:#14130f}:root[data-theme="dark"] .h45{--c:#795a9f;--lab:#fffaf0;--halo:#14130f}:root[data-theme="dark"] .h46{--c:#6a62ab;--lab:#fffaf0;--halo:#14130f}:root[data-theme="dark"] .h47{--c:#586ab1;--lab:#fffaf0;--halo:#14130f}