html:has(body.manifesto){height:auto;overflow:auto;overscroll-behavior:auto}
body.manifesto{height:auto;overflow:visible;min-height:100vh;display:flex;flex-direction:column}
.manifesto .site-header{color:var(--ink)}
.essay{flex:1;width:min(40rem,100% - 3rem);margin:0 auto;padding:clamp(2rem,8vh,5rem) 0 5rem}
.essay h1{view-transition-name:hero-title;font-size:clamp(3rem,6vw,4.75rem);margin-bottom:clamp(2rem,6vh,3.5rem)}
.essay h2{font-size:1.5rem;font-weight:500;letter-spacing:-.02em;line-height:1.3;margin:3.25rem 0 1rem}
.essay p{margin:0 0 1.35rem;font-size:clamp(1.0625rem,1.3vw,1.1875rem);line-height:1.75;text-wrap:pretty}
.essay em{font-style:italic}
.page-footer{display:flex;justify-content:space-between;align-items:center;padding:1.25rem clamp(1.5rem,4.8vw,5rem) 1.5rem;font-size:.75rem}
@media(max-width:720px){.page-footer{flex-direction:column;gap:.5rem}}
.essay a{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:.2em}.essay a:hover{text-decoration-color:currentColor}