/* The animation and its annotations share a background layer below the introduction. */
.home-math-stage{position:relative;display:grid;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 72% 35%,#223e2d88,transparent 66%),#101711}
.daily-math-background{grid-area:1/1;display:grid;min-width:0;pointer-events:none}
.daily-math-background a{pointer-events:auto}
.home-math-stage #surface-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;opacity:.84}
.home-math-stage:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#101711e8 0%,#101711b8 29%,#10171180 63%,#10171180),linear-gradient(0deg,#101711ed,transparent 62%)}
.home-math-stage .home-hero{grid-area:1/1;z-index:1;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"headline ." "profile .";grid-template-rows:auto auto;align-content:center;align-items:start;gap:24px clamp(28px,4vw,70px);min-height:calc(100svh - var(--home-header-height,88px));padding-top:clamp(28px,3.5vh,48px);padding-bottom:clamp(28px,3.5vh,48px);pointer-events:none}
.home-math-stage .home-hero>*{pointer-events:auto}
.home-math-stage .hero-copy{grid-area:headline;position:relative;min-width:0;align-self:end}
.home-math-stage .hero-profile{grid-area:profile;min-width:0}
.home-math-stage .home-overline{flex-wrap:wrap;row-gap:8px}
.home-math-stage .hero-copy h1{font-size:clamp(42px,4.7vw,72px);line-height:1.08;letter-spacing:-.04em;margin:28px 0 0}
.home-math-stage .hero-copy h1 [data-lang="zh"]{font-size:.65em;line-height:1.35;margin-top:12px}
html[data-language="zh"] .home-math-stage .hero-copy h1 [data-lang="zh"]{font-size:1em;margin-top:0}
.home-math-stage .home-intro{margin-top:0;max-width:none}
.home-math-stage .home-intro-name{margin-bottom:12px}
.home-math-stage .hero-description{max-width:560px;color:#d2d9cc;font-size:18px;line-height:1.6;margin:0}
.home-math-stage .hero-description .i18n>[data-lang]{line-height:inherit}
.home-math-stage .hero-actions{flex-wrap:wrap;gap:16px 26px;margin-top:24px}
.home-math-stage .hero-stats{gap:12px 20px;flex-wrap:wrap;margin-top:28px}
.daily-math-note{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:clamp(28px,4vw,70px);row-gap:24px;align-content:center;min-width:0;padding-block:clamp(28px,3.5vh,48px);pointer-events:none}
.daily-math-identity,.daily-math-explanation{grid-column:2;min-width:0;width:100%;max-width:560px;justify-self:end}
.daily-math-identity{align-self:start}
.daily-math-explanation{align-self:start}
.daily-math-note p,.daily-math-formula,.daily-math-note h2{pointer-events:auto}
.daily-math-kicker{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "date";align-items:center;gap:4px 16px;color:#bdcdb1;font:500 16px/1.4 var(--mono,monospace);letter-spacing:.035em}
.daily-math-kicker>span{grid-area:label;min-width:0}
.daily-math-kicker .i18n{display:flex;flex-direction:row;flex-wrap:wrap;gap:2px 10px;align-items:center}
.daily-math-kicker .i18n>[data-lang="zh"]{margin:0;font-size:16px}
.daily-math-kicker time{grid-area:date;color:#b7c5ac;white-space:nowrap}
.daily-math-note h2{font-size:clamp(24px,2vw,28px);font-weight:400;line-height:1.22;letter-spacing:-.025em;margin:18px 0 0;color:#bfccaf}
.daily-math-note h2 .i18n{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px 16px;align-items:baseline}
.daily-math-note h2 [data-lang="zh"]{font-size:22px;color:inherit;margin:0;letter-spacing:0}
html[data-language="zh"] .daily-math-note h2 [data-lang="zh"]{font-size:inherit;color:inherit}
.daily-math-note p{color:#bac5af;font-size:17px;line-height:1.7;margin:0}
.daily-math-note p .i18n>[data-lang]{line-height:inherit}
.daily-math-note p [data-lang="zh"]{margin-top:8px;color:inherit;font-size:inherit}
.daily-math-explanation mjx-container[jax="SVG"]:not([display]){display:inline;white-space:nowrap;letter-spacing:0}
.daily-math-explanation mjx-container[jax="SVG"]>svg{display:inline-block}
.daily-math-formula{margin-top:18px;padding-block:8px;color:#cadbb2;font-size:20px;line-height:1.5;letter-spacing:0;text-align:center}
.daily-math-formula mjx-container[jax="SVG"][display="true"]{margin:0}
.daily-math-formula mjx-container[jax="SVG"]>svg{margin-inline:auto}
.daily-math-compact{display:none}
.daily-math-source{display:inline-block;margin-top:12px;font-size:16px;line-height:1.6;color:#c5d5b7;text-decoration:underline;text-decoration-color:#b6c5a960;text-underline-offset:4px}
.daily-math-source:hover{color:#e5ffbe;text-decoration-color:currentColor}
.daily-math-source .i18n{display:flex;flex-direction:row;flex-wrap:wrap;gap:0 14px}
.daily-math-source .i18n>[data-lang="zh"]{margin:0;font-size:inherit}
@media(min-width:1600px){.home-math-stage .home-hero,.daily-math-note{padding-top:70px;padding-bottom:60px}.home-math-stage .hero-copy h1{font-size:76px}.daily-math-identity,.daily-math-explanation{max-width:600px}}
@media(max-height:820px) and (min-width:1000px){.home-math-stage .home-hero{padding-top:28px;padding-bottom:28px}.home-math-stage .hero-copy h1{font-size:clamp(42px,4vw,60px);margin-top:22px}.home-math-stage .home-intro{margin-top:0}.home-math-stage .hero-description{line-height:1.6}.home-math-stage .hero-stats{margin-top:22px}}
@media(max-width:1100px){.home-math-stage .home-hero{gap:24px 30px}.daily-math-note{column-gap:30px}.home-math-stage .hero-copy h1{font-size:48px}.home-math-stage .hero-stats>i{display:none}.daily-math-kicker{letter-spacing:0}.daily-math-kicker .i18n{gap:6px}}
@media(max-width:960px){
 .home-math-stage{--home-gutter:64px;background:radial-gradient(ellipse at 70% 28%,#24432d99,transparent 65%),#101711}
 .home-math-stage:after{background:linear-gradient(90deg,#101711bb,#10171199),linear-gradient(0deg,#101711f5,transparent 78%)}
 .home-math-stage #surface-canvas{opacity:.75}
 .home-math-stage .home-hero{display:contents}
 .home-math-stage .hero-copy,.home-math-stage .hero-profile{position:relative;z-index:1;width:calc(100% - var(--home-gutter));margin-inline:auto;min-width:0}
 .home-math-stage .hero-copy{grid-area:1/1;padding-top:24px;padding-bottom:24px}
 .home-math-stage .hero-profile{grid-area:3/1;padding-top:28px;padding-bottom:36px;border-top:1px solid #c0d69e30}
 .daily-math-background{display:contents}
 .home-math-stage .hero-copy h1{font-size:clamp(36px,6vw,52px);margin-top:18px}
 .home-math-stage .home-intro{margin-top:0}
 .home-math-stage .hero-description{max-width:none;line-height:1.6}
 .home-math-stage .hero-stats{margin-top:24px}
 .daily-math-note{grid-area:2/1;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;row-gap:18px;padding-top:0;padding-bottom:28px}
 .daily-math-identity,.daily-math-explanation{grid-column:1;max-width:none}
 .daily-math-note h2{font-size:24px}
 .daily-math-formula{font-size:18px}
}
@media(max-width:800px){.home-math-stage{--home-gutter:40px}}
@media(max-width:560px){.home-math-stage{--home-gutter:36px}}
@media(max-width:480px){.daily-math-formula [data-compact-formula]>.daily-math-full{display:none}.daily-math-compact{display:block}}
@media(max-width:600px){.home-math-stage .hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.home-math-stage .hero-stats>span{display:flex;align-items:center;gap:8px;min-width:0}.home-math-stage .hero-stats .i18n{min-width:0}.home-math-stage .hero-stats b{margin:0}.home-math-stage .hero-stats .growing{grid-column:1/-1}}
@media(max-width:380px){.daily-math-kicker{letter-spacing:0}.daily-math-kicker .i18n{flex-direction:column;align-items:flex-start;gap:2px}}
@media(prefers-reduced-transparency:reduce){.home-math-stage:after{background:#101711e6}}

.daily-math-note .daily-math-reading{margin-top:20px}

@media(max-width:760px){html[data-language="zh"] .home-math-stage .hero-copy h1 em{display:block}}

.daily-math-links{display:flex;flex-wrap:wrap;gap:0 20px;align-items:baseline}
.math-page-heading{padding-block:36px 24px}
.math-page-heading h1{font:400 clamp(30px,4vw,48px)/1.2 var(--serif,Georgia);margin:20px 0}
.math-page-heading a,.math-years a{color:var(--lime);text-underline-offset:5px}
.math-entry-stage{min-height:70svh}
.math-entry-stage .daily-math-note{min-height:70svh;padding-block:40px;align-content:center}
.math-archive{padding-bottom:64px}
.math-years{display:flex;gap:24px;flex-wrap:wrap;margin-block:8px 32px}
.math-archive-list{padding:0;list-style:none;max-width:980px}
.math-archive-list li{border-top:1px solid var(--line,#30392f)}
.math-archive-list a{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;padding:22px 10px;text-decoration:none;color:inherit}
.math-archive-list a:hover{background:#c0f47b0b;color:var(--lime)}
.math-archive-list time{font:16px/1.6 var(--mono,monospace);color:var(--muted,#b3bcae)}
.math-archive-list a>span{font-size:22px;line-height:1.4}
@media(max-width:960px){.math-entry-stage .daily-math-note{padding-block:32px;grid-area:1/1}.math-entry-stage{min-height:0}}
@media(max-width:480px){.math-archive-list a{grid-template-columns:1fr;gap:8px;padding:18px 0}.math-archive-list a>span{font-size:20px}}
/* Archive entries give the construction its own readable area. */
.math-entry-stage:after{display:none}
.math-entry-stage #surface-canvas{width:50%;opacity:1;z-index:0}
.math-entry-stage .daily-math-note{position:relative;z-index:1}
.math-entry-stage .daily-math-note h1{font-size:clamp(24px,2vw,32px);font-weight:400;line-height:1.3;margin:18px 0 0;color:#d1e2be}
.math-entry-stage .daily-math-note h1 [data-lang="zh"]{font-size:inherit;color:inherit}
@media(max-width:960px){
 .math-entry-stage #surface-canvas{position:relative;inset:auto;grid-area:1/1;width:100%;height:clamp(240px,55vw,420px)}
 .math-entry-stage .daily-math-note{grid-area:2/1;min-height:0}
}