*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f3ee;color:#173448;font:17px/1.65 system-ui,sans-serif}header,footer{background:#102e46;color:#fff;padding:22px max(20px,5vw)}header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}header a,footer a{color:#fff}.brand{display:flex;align-items:center;gap:14px;font-weight:800;text-decoration:none}.brand img{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:50%}.brand small{display:block;font-size:13px;font-weight:500;color:#f1cd76}main{max-width:1040px;margin:auto;padding:30px 18px}h1{font-size:clamp(32px,5.5vw,50px);line-height:1.15;max-width:850px}h2{font-size:29px;line-height:1.3}h3{font-size:21px;margin-top:0}.intro{font-size:22px}.tag{color:#785512;font-size:13px;font-weight:800;letter-spacing:1px}nav,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}nav a,.card,.feature,.example{padding:20px;background:#fff;border:1px solid #d5dfe4;border-radius:14px}nav a{font-weight:700;text-decoration:none;border-top:4px solid #c69c3d}a{color:#164765;text-underline-offset:4px;overflow-wrap:anywhere}.card a,.join{display:inline-block;padding:10px 0;min-height:44px}.feature{border-left:5px solid #bc9132}.example{margin:22px 0}section{margin:42px 0;scroll-margin-top:20px}details{background:#e7eef1;padding:18px;border-radius:12px;margin:16px 0}summary{font-weight:750;cursor:pointer;min-height:32px}.small{font-size:14px;color:#456070}.join{padding:13px 20px;background:#19533f;color:#fff;border-radius:10px;text-decoration:none}li{padding:5px 0}a:focus-visible,summary:focus-visible{outline:3px solid #bc9132;outline-offset:4px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}