:root{--leading:28px;--half:14px;--edge:clamp(20px,5vw,72px);--measure:64ch}
body{margin:0;background:radial-gradient(1200px 720px at 82% -160px,color-mix(in srgb, var(--color-accent-900) 75%, transparent), transparent 60%),radial-gradient(1100px 800px at -10% 100%,color-mix(in srgb, black 30%, transparent), transparent 55%),var(--color-bg);text-wrap:pretty}
.wrap{max-width:900px;margin:0 auto;padding:0 var(--edge)}
.page-hero{padding:calc(2.8*var(--leading)) 0 calc(1.5*var(--leading))}
.page-hero h1{font-size:clamp(30px,4vw,44px);letter-spacing:-0.015em;margin:0}
.page-hero .sub{font-size:15px;color:color-mix(in srgb, var(--color-text) 65%, transparent);margin:var(--space-2) 0 0}
.section{padding:var(--half) 0 calc(1.5*var(--leading))}
.section h2{font-size:20px;margin:0 0 var(--space-3)}
.section p, .section li{font-size:15px;line-height:var(--leading);color:color-mix(in srgb, var(--color-text) 84%, transparent);max-width:64ch}
.section ul{margin:0 0 var(--space-3);padding-left:1.2em}
.section li{margin-bottom:var(--space-2)}
.section a{color:var(--color-accent-300)}
.table-wrap{overflow-x:auto;margin:var(--space-3) 0}
.table td,.table th{font-size:14px;line-height:1.5;vertical-align:top;text-align:left}