:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#faf9f5;color:#222d31;font:19px/1.7 Georgia,serif}header,main{max-width:52rem;margin:auto;padding:1.5rem}header{border-bottom:1px solid #b7c5c8}.brand{font:700 1.1rem system-ui;color:#17444b;text-decoration:none}main{padding-bottom:4rem}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.15}h2{font-size:1.5rem;line-height:1.3;margin-top:2rem}.description{font-size:1.2rem;color:#40555a}time{font:0.85rem system-ui;color:#56696c}a{color:#145f6a}nav{margin-top:3rem;border-top:1px solid #b7c5c8;display:grid;gap:1rem;padding-top:1.5rem}a:focus-visible{outline:3px solid #a75e2a;outline-offset:4px}@media(max-width:600px){body{font-size:18px}header,main{padding:1.2rem}}

img{max-width:100%;height:auto;display:block}figure{margin:1.5rem 0}header nav{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;margin-top:1rem;padding-top:1rem}header nav a{font:1rem/1.5 system-ui}li{margin:.8rem 0}li p{font-size:1rem;color:#40555a;margin:.25rem 0 1.2rem}footer{max-width:52rem;margin:auto;padding:0 1.5rem 2rem}main nav{font:1rem/1.5 system-ui}nav a,li a{overflow-wrap:anywhere}h1{overflow-wrap:anywhere}aside{border-top:1px solid #b7c5c8;margin-top:2rem}nav[aria-label]{gap:1rem}