*{box-sizing:border-box}body{margin:0;background:#f6f7f4;color:#192722;font:17px/1.6 system-ui,sans-serif}header,footer,main{max-width:940px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;font-size:13px;border-bottom:1px solid #d4ddd6}a{color:#176249}h1{font-size:clamp(36px,6vw,62px);line-height:1.08;letter-spacing:-.045em;max-width:800px}h2{font-size:28px;line-height:1.2}h3{font-size:17px}.intro{font-size:21px;max-width:750px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.13em;color:#51715e}section{padding:30px 0;border-bottom:1px solid #d4ddd6}.muted{font-size:14px;color:#56645b}.button,button{display:inline-block;background:#19583f;color:white;padding:14px 20px;border:0;border-radius:7px;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}button:disabled{opacity:.5}button.secondary{background:#e5e9e4;color:#17261d}form{max-width:650px}label{display:block;margin:18px 0}input,select{display:block;width:100%;font:inherit;padding:11px;border:1px solid #a6b6ac;border-radius:5px;background:white}.check{font-size:15px;display:block}.check input{display:inline;width:auto;margin-right:8px}.trap{position:absolute;left:-9999px}.example{display:grid;grid-template-columns:1fr 1fr;gap:12px}pre{white-space:pre-wrap;padding:15px;background:#e8eee7;border-radius:6px;font-size:14px}details{padding:18px;background:#edf1e9;border-radius:8px}summary{cursor:pointer;font-weight:650}#result{padding:12px;background:#e9f1e6}#result:empty{display:none}footer{font-size:13px}@media(max-width:550px){header{gap:18px}.example{grid-template-columns:1fr}main{padding:22px}}textarea{display:block;width:100%;min-height:120px;font:inherit;padding:12px}