h1.kw{font-family:'Geist Mono',monospace;color:var(--accent);font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin:0 0 28px;line-height:1.5;max-width:none;font-weight:400}
.slogan{color:var(--text);font-weight:400;line-height:1.06;text-wrap:balance;font-size:clamp(44px,6.6vw,96px);letter-spacing:-.035em;margin:0 0 34px;max-width:20ch}
.refraction-hero .slogan{font-size:clamp(40px,4.7vw,70px)}
.graph-hero .slogan{font-size:clamp(44px,6.1vw,84px)}
@media(max-width:700px){.hero .slogan,.graph-hero .slogan{font-size:clamp(40px,11vw,64px)}h1.kw{font-size:10px;letter-spacing:.08em}}
h1.post-h1{font-family:inherit;color:inherit;text-transform:none;letter-spacing:-.02em;font-size:clamp(32px,4.4vw,56px);line-height:1.1;max-width:22ch}
.post{max-width:760px;margin:0 auto;padding-top:140px}.post h2{font-size:clamp(24px,2.6vw,34px);margin:48px 0 14px}.post p,.post li{line-height:1.65}
.post a,.glossary a{color:var(--accent)}.post sup a{text-decoration:none;padding:0 1px}.sources{font-size:14px}.byline{margin-top:40px;color:var(--text2)}
.table-wrap{overflow-x:auto}.post table{border-collapse:collapse;width:100%;font-size:14px}.post th,.post td{border:1px solid var(--border);padding:10px;text-align:left;vertical-align:top}
ul.plain{padding-left:18px;line-height:1.8}.glossary .src{font-size:13px;color:var(--text2)}.blog-list h2 a{color:inherit}