:root{color-scheme:light dark;font-family:Arial,Helvetica,sans-serif;color:#25282a;background:#f4f1e9}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}header,footer{max-width:1040px;margin:auto;padding:28px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}header{border-bottom:1px solid #cfcac0}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;text-decoration:none}.brand img{border-radius:8px;image-rendering:pixelated}main{max-width:780px;margin:64px auto 88px;padding:0 28px}h1{font-size:clamp(34px,6vw,54px);line-height:1.08;letter-spacing:-1.5px;margin:12px 0 22px}h2{font-size:23px;line-height:1.3;letter-spacing:-.4px;margin:42px 0 12px}p{font-size:16px;line-height:1.75;margin:0 0 16px;overflow-wrap:anywhere}.intro{font-size:20px;color:#555c60}.date{font-size:13px;color:#62686a}footer{border-top:1px solid #cfcac0;font-size:14px;align-items:flex-start}footer nav{display:flex;flex-wrap:wrap;gap:20px}a:focus-visible{outline:3px solid #597f9c;outline-offset:5px}@media(max-width:520px){header,footer{padding:22px}main{margin:42px auto 60px;padding:0 22px}footer{flex-direction:column;gap:18px}footer nav{gap:18px}}@media(prefers-color-scheme:dark){:root{background:#151719;color:#eeeae2}header,footer{border-color:#3b3e40}.intro{color:#c4c7c8}.date{color:#aaaeb0}}