:root{color-scheme:dark;font:16px/1.65 Manrope,system-ui,sans-serif;background:#0c0c14;color:#eeedf6}*{box-sizing:border-box}
body{max-width:64rem;margin:auto;padding:0 clamp(1.2rem,5vw,4rem)}header,footer{padding:1.4rem 0;border-bottom:1px solid #32333f}header{display:flex;justify-content:space-between;align-items:center}
a{color:#8ff0db;text-underline-offset:.2em}a:hover{color:#c5b7ff}.brand{font:600 1.4rem Unbounded,system-ui,sans-serif;color:#f7f7fb;text-decoration:none}.brand span{color:#8ff0db}
main{max-width:48rem;padding:2.5rem 0 3rem}.back,.date{font-size:.9rem}.date,dt{color:#b3b3c5}h1,h2{line-height:1.22;overflow-wrap:break-word}
h1{font:500 clamp(1.8rem,4.4vw,3.1rem)/1.18 Unbounded,system-ui,sans-serif;margin:.9em 0 .55em}h2{font-size:1.35rem;margin:1.5em 0 .45em}p{margin:.7em 0}p a,dd{overflow-wrap:anywhere}.lead{font-size:1.15rem}
section+section{border-top:1px solid #2d2e3c;margin-top:1.6rem}dl{margin:1.5rem 0;display:grid;grid-template-columns:minmax(7rem,12rem) 1fr;gap:.5rem 1rem}dd{margin:0}
footer{border-bottom:0;border-top:1px solid #32333f}nav{display:flex;gap:.65rem 1.3rem;flex-wrap:wrap}nav a,nav span{font-size:.875rem}
@media (max-width:32rem){dl{grid-template-columns:1fr;gap:0}dd{margin-bottom:.75rem}}