body{font:17px/1.7 system-ui,sans-serif;color:#234e52;background:#f6f8f4;margin:0}header,main,footer{max-width:1120px;margin:auto;padding:22px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-bottom:1px solid #c9dcd5}header .brand{font-size:25px;font-weight:750;text-decoration:none}nav{display:flex;gap:18px;flex-wrap:wrap}a{color:#176d5e}h1{font-size:2rem;line-height:1.25}h2{font-size:1.4rem}h3{font-size:1.1rem}.intro{max-width:850px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;padding:0;list-style:none}.cards li,.guide{padding:22px;background:white;border:1px solid #d4e0d9;border-radius:12px}.cards a{font-weight:650}.cards p{font-size:.92rem}.model{padding:20px;background:#eff6f2;border-radius:10px;overflow:auto}.model svg{max-width:100%;height:auto}.guide{margin:24px 0}.guide blockquote{border-left:4px solid #26897b;padding-left:18px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px}.small{font-size:.9rem}footer{border-top:1px solid #c9dcd5}section{scroll-margin-top:20px}@media(max-width:600px){header,main,footer{padding:16px}h1{font-size:1.7rem}}