*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#131415;color:#edecea;font:17px/1.6 system-ui,sans-serif}main{max-width:1180px;margin:auto;padding:30px 28px 70px}a{color:#f5b952}header,footer{display:flex;gap:24px;align-items:center;flex-wrap:wrap}header img{width:60px;height:60px;border-radius:15px}h1{font-size:clamp(32px,5vw,64px);line-height:1.12;letter-spacing:-.035em;max-width:850px;margin:38px 0 20px}h2{font-size:26px;line-height:1.25;margin-top:38px}p{max-width:820px}p.lead{font-size:22px;color:#cdccc7}figure{margin:32px 0}figure img{width:100%;display:block;border:1px solid #3d3e40}figcaption{font-size:14px;color:#aaa;margin-top:12px}section{border-top:1px solid #3d3e40;margin-top:35px;padding-top:8px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.pair img{max-width:440px;margin:auto}li{margin-bottom:12px}code,pre{font:14px/1.65 ui-monospace,monospace}pre{overflow:auto;background:#212326;padding:16px;border-radius:6px}footer{border-top:1px solid #3d3e40;padding-top:24px;margin-top:48px;font-size:15px}.muted{color:#b5b4af}.action{display:inline-block;background:#f5b952;color:#111;padding:10px 18px;text-decoration:none;border-radius:5px;font-weight:600}@media(max-width:700px){main{padding:18px}h1{margin-top:30px}.pair{grid-template-columns:1fr}header{gap:16px}figure{margin:24px 0}}