:root{font-family:system-ui,-apple-system,'Hiragino Sans',sans-serif;color:#173b36;background:#f4f5ee;line-height:1.7}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;padding:20px 5%;border-bottom:1px solid #d7dfd5;background:#fff}a{color:#236f57}a.brand{text-decoration:none;font-weight:800;letter-spacing:.08em}.brand span{font-weight:400;font-size:12px;display:block;letter-spacing:.04em}nav{display:flex;align-items:center;gap:20px}main{max-width:1100px;margin:48px auto;padding:0 24px;min-height:65vh}h1{font-size:clamp(30px,5vw,48px);letter-spacing:-.04em;line-height:1.35;margin:12px 0 24px}h2{font-size:22px;margin-top:32px}.card h2{margin-top:0}h3{margin:0 0 12px}.hero{max-width:760px;padding:35px 0}.hero h1{font-size:clamp(40px,6vw,68px)}.eyebrow{color:#3b7d63;font-size:12px;font-weight:800;letter-spacing:.18em}.card{padding:26px;border:1px solid #dbe2d6;background:#fff;border-radius:16px;margin:20px 0;box-shadow:0 4px 20px #173b3605}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.narrow{max-width:580px;margin:60px auto}label{display:block;font-size:14px;font-weight:600}input,textarea{display:block;width:100%;padding:12px;border:1px solid #abbeb2;border-radius:8px;font:inherit;margin:8px 0 20px;background:#fcfdf9}input:focus,textarea:focus{outline:3px solid #a3ccb3}button,.button{display:inline-block;background:#1f684f;color:white;border:0;border-radius:8px;padding:11px 20px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}.quiet{background:#eaf0e8;color:#244c3c}.danger{background:#f7e6df;color:#923d26}.tag{font-size:12px;background:#e5eed9;padding:5px 10px;border-radius:20px;font-weight:600}.row{display:flex;align-items:center;justify-content:space-between;gap:20px}.notice{padding:15px 20px;background:#fff0cc;border-radius:8px}.code{font-size:36px;letter-spacing:.12em}.message{white-space:pre-wrap;overflow-wrap:anywhere}.muted,small,footer{color:#61756a}.subtle{display:inline-block;margin:20px 0}footer{padding:28px;text-align:center;font-size:12px}details{margin-top:35px;font-size:13px}.errorlist{color:#a32f24}@media(max-width:600px){header{padding:15px}.row{align-items:flex-start;flex-direction:column}main{margin:28px auto}.card{padding:20px}nav{gap:8px;font-size:12px}}
