@font-face{font-family:Hanken;font-weight:400;font-display:swap;src:url(fonts/hanken-grotesk-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Hanken;font-weight:500;font-display:swap;src:url(fonts/hanken-grotesk-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Kalam;font-weight:400;font-display:swap;src:url(fonts/kalam-latin-400-normal.woff2) format("woff2")}
:root{color-scheme:light}
*{box-sizing:border-box;margin:0;padding:0}
html{background:#fff;-webkit-text-size-adjust:100%}
body{max-width:40rem;margin:0 auto;padding:20px 20px 64px;background:#fff;color:#111;font:17px/1.55 Hanken,system-ui,sans-serif}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:2px}
header{padding-bottom:40px;font-size:15px;color:#555}
header a{text-decoration:none}
h1{font-size:clamp(34px,9vw,48px);font-weight:500;line-height:1.08;letter-spacing:-0.01em;text-wrap:balance}
h2{margin-top:48px;font-size:24px;font-weight:500;line-height:1.2;text-wrap:balance}
p,ul,figure{margin-top:16px;text-wrap:pretty}
h2+*{margin-top:12px}
.lede{font-size:19px;color:#333}
ul{padding-left:1.2em}
li+li{margin-top:8px}
mark{background:#FFE45C;color:inherit;padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.pen{margin-top:8px;font:22px/1.25 Kalam;color:#1F4FD1}
figure{margin-top:24px}
figure svg{display:block;width:100%;height:auto}
figcaption{margin-top:8px;font-size:14px;color:#555}
.tick{font:40px Hanken;fill:#555}
.note{font:46px Kalam;fill:#1F4FD1}
.sources{font-size:15px;color:#333}
footer{margin-top:56px;padding-top:20px;border-top:1px solid #ddd;font-size:15px;color:#555}
footer p+p{margin-top:8px}