*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#fafafa;color:#1a1a1a;font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}nav,main,footer{max-width:960px;margin:auto;padding:24px 28px}nav{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #ddd}nav a{text-decoration:none}nav strong{letter-spacing:-.04em;font-size:22px}nav .links{display:flex;gap:22px;align-items:center;color:#666;font-size:14px}header{padding:62px 0 36px}h1{font-size:clamp(34px,5vw,58px);line-height:1.1;letter-spacing:-.05em;font-weight:650;max-width:720px;margin:0 0 24px}h2{font-size:25px;letter-spacing:-.025em;margin-top:38px}h3{font-size:20px;line-height:1.35;margin:8px 0}p{max-width:680px;color:#555}.intro{font-size:19px;max-width:620px}.articles article{padding:26px 0;border-top:1px solid #ddd;display:grid;grid-template-columns:150px 1fr;gap:24px}.articles article p{margin:8px 0}.category,small{font-size:13px;color:#777}article.content{max-width:720px}article.content p,li{color:#444}.panel{margin:40px 0;padding:26px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}footer{border-top:1px solid #ddd;margin-top:48px;color:#777;font-size:13px;display:flex;justify-content:space-between;gap:24px}code{font:14px/1.5 monospace;background:#eee;padding:2px 5px}a:focus-visible{outline:2px solid #24615b;outline-offset:5px}@media(max-width:580px){nav,main,footer{padding:20px}nav{align-items:flex-start}.links{flex-wrap:wrap;justify-content:flex-end}header{padding-top:44px}.articles article{grid-template-columns:1fr;gap:2px}footer{display:block}}