*{box-sizing:border-box}body{margin:0;background:#141820;color:#d6dce5;font:16px/1.75 Arial,sans-serif}a{color:#f49150;text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:2px solid #f49150;outline-offset:4px}header,main,footer{max-width:1000px;margin:auto;padding:26px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #343b45}.brand img{display:block;width:220px;max-width:48vw;height:auto}nav{display:flex;gap:8px;flex-wrap:wrap}button{background:transparent;border:1px solid #343b45;border-radius:5px;padding:7px 9px;color:#fff;cursor:pointer}button[aria-pressed=true]{border-color:#ed792f;color:#f49150}h1{font-size:clamp(30px,5vw,48px);line-height:1.2;color:#fff;margin:30px 0 16px;letter-spacing:-1px}h2{font-size:22px;color:#fff;margin:32px 0 12px;line-height:1.3}p{margin:0 0 16px}.date{font-size:13px;color:#aeb8c8}.draft{border:1px solid #cc7b3e;background:#392b20;padding:18px;border-radius:10px;font-size:14px;color:#ffe0c2;margin:26px 0}footer{border-top:1px solid #343b45;display:flex;flex-wrap:wrap;gap:16px;font-size:14px}code{overflow-wrap:anywhere}strong{color:#fff}@media(max-width:600px){header,main,footer{padding:22px}header{align-items:flex-start}.brand img{width:155px}nav{max-width:100px}h2{font-size:20px}}