:root{font-family:system-ui,sans-serif;color:#23312f;background:#eef2ef;line-height:1.7}*{box-sizing:border-box}body{margin:0}main{max-width:800px;margin:auto;padding:48px 20px}header{padding-bottom:24px}h1{font-size:clamp(36px,7vw,54px);font-weight:650;letter-spacing:-.04em;margin:4px 0}h2{font-size:21px;margin-top:0}.eyebrow{font-size:12px;letter-spacing:.15em;color:#37685b}section{background:#fff;border:1px solid #d8e3dc;border-radius:16px;padding:24px;margin:20px 0}label{display:block;margin:12px 0;font-weight:600}input,textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #a9bcb2;border-radius:8px;font:inherit;background:#fafcfb}button{background:#225e4c;color:white;border:0;border-radius:8px;padding:11px 18px;font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button.subtle{background:#e1e9e4;color:#23312f}nav{display:flex;gap:10px}code{overflow-wrap:anywhere;background:#edf3ef;padding:8px;display:block}#notice{white-space:pre-wrap;color:#285c49;font-weight:600}.card{padding:16px 0;border-bottom:1px solid #e4eae6}.card h3{margin:0}.card p{white-space:pre-wrap;overflow-wrap:anywhere}.meta,footer{font-size:13px;color:#566c60}footer{padding:16px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}