/* Base reset, type utilities, idot — tokens in tokens.css */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--c-page);color:var(--c-ink);font-family:var(--f-sans);font-size:16px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
img{max-width:100%}
:focus-visible{outline:2px solid var(--c-green);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* idot */
.idot{position:relative;display:inline-block}
.idot::after{content:"";position:absolute;left:50%;top:var(--idot-t,.37em);width:var(--idot-s,max(.15em,2.6px));height:var(--idot-s,max(.15em,2.6px));transform:translateX(-50%);border-radius:50%;background:var(--idot-c,var(--c-ink))}
.idot--g{--idot-c:var(--c-green)}.idot--r{--idot-c:var(--c-red)}.idot--k{--idot-c:var(--c-ink)}
.big-dot,.t-h1,.t-h1p,.t-h2,.t-h2p,.t-h3{--idot-t:.1em;--idot-s:.13em}
.big-dot .idot,.t-h1 .idot,.t-h1p .idot,.t-h2 .idot,.t-h2p .idot,.t-h3 .idot{line-height:1;height:1em;vertical-align:baseline}