*{box-sizing:border-box}body{margin:0;font:18px/1.7 system-ui,sans-serif;color:#173329;background:#f4f8f6}header,main,footer{max-width:1020px;margin:auto;padding:24px}header{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap}a{color:#086546;text-underline-offset:3px}h1,h2,h3{line-height:1.25}h1{font-size:clamp(2rem,5vw,3rem)}.eyebrow{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#416355}.meta{font-size:14px;color:#53685e}.card,article{background:white;border:1px solid #d5e4dc;border-radius:14px;padding:24px;margin:20px 0}.example{border-left:4px solid #087443;background:#edf7f1;padding:16px}.mistake{color:#62450f;background:#fff7df;padding:16px}.toc,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.toc a,.card-link{display:block;background:white;border:1px solid #d5e4dc;border-radius:8px;padding:12px}.button{display:inline-block;background:#087443;color:white;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:700}details{background:white;border:1px solid #d5e4dc;border-radius:8px;padding:14px;margin:10px 0}summary{cursor:pointer;font-weight:700}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:12px}footer{font-size:14px;border-top:1px solid #d5e4dc}article{scroll-margin-top:20px}@media(max-width:600px){header,main,footer{padding:16px}article{padding:18px}}