:root{--ink:#183b37;--green:#28665b;--paper:#f5f4ed;--line:#d8dfd7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:#243633;font:16px/1.85 -apple-system,BlinkMacSystemFont,"Hiragino Sans",sans-serif}main{max-width:1080px;margin:auto;padding:48px 28px}a{color:#17695b}nav{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:30px;font-size:14px}h1{font-size:clamp(28px,4vw,46px);line-height:1.35;letter-spacing:-.03em;color:var(--ink);max-width:850px}h2{font-size:25px;margin-top:50px;border-bottom:1px solid var(--line);padding-bottom:12px}h3{font-size:19px;margin-top:30px}p{max-width:850px}small,.muted{color:#54685f}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:700;color:var(--green)}.lead{font-size:20px;max-width:800px}.card,.note{padding:24px;border:1px solid var(--line);background:white;border-radius:14px;margin:20px 0}.note{background:#eaf1e7}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:18px}.grid .card{margin:0}table{border-collapse:collapse;width:100%;font-size:14px;background:#fff}th,td{padding:14px;text-align:left;vertical-align:top;border:1px solid var(--line)}th{background:#e6ede7} .table{overflow-x:auto}ol,ul{padding-left:24px}li{margin:8px 0}code,pre{background:#e9eee8;font-size:13px}pre{white-space:pre-wrap;padding:20px}label{display:block;margin:15px 0}input{display:block;width:100%;font:inherit;padding:10px;border:1px solid #829b90;border-radius:7px}button,.button{display:inline-block;padding:12px 20px;background:var(--green);color:#fff;border:0;border-radius:7px;text-decoration:none;font:inherit}button:disabled{background:#a7b6ac}output{display:block;font-size:20px;font-weight:700}footer{margin-top:50px;border-top:1px solid var(--line);padding-top:20px;font-size:13px}.pill{font-size:12px;padding:5px 10px;border-radius:20px;background:#dee9de}article{max-width:800px;margin:auto}@media print{body{background:white}main{padding:0;max-width:none}nav{display:none}h1{font-size:28px}h2{break-after:avoid}table,.card{break-inside:avoid}a{color:inherit}.table{overflow:visible}}

.grid>*{min-width:0}output{overflow-wrap:anywhere}input[aria-invalid="true"]{border:2px solid #a32929}
