:root{color-scheme:light;--ink:#24342f;--paper:#f5f7f4;--green:#214f42;--line:#d0d9d1}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 system-ui,-apple-system,sans-serif}main{max-width:1050px;margin:auto;padding:22px}a{color:#1c5141}nav{display:flex;gap:15px;flex-wrap:wrap;font-size:15px}header{max-width:720px;margin:32px 0}h1{font-size:clamp(30px,5vw,45px);line-height:1.3}h2{font-size:23px;line-height:1.5}small{font-weight:700;letter-spacing:.04em;color:#486759}.card,fieldset{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;margin:20px 0}fieldset{min-width:0}legend{font-weight:700;padding:0 8px}label{display:block;font-size:16px;margin:15px 0 5px}input:not([type=checkbox]),select{width:100%;min-height:46px;padding:9px;border:1px solid #83968a;border-radius:7px;font:16px system-ui;background:white;color:var(--ink)}input[type=checkbox]{width:22px;height:22px;vertical-align:middle;margin-right:7px}button,.button{min-height:46px;padding:10px 17px;font:700 16px system-ui;border:1px solid var(--green);background:var(--green);color:white;border-radius:7px;cursor:pointer;text-decoration:none;display:inline-block}button.secondary{background:white;color:var(--green)}button:disabled{opacity:.5;cursor:default}.actions{display:flex;gap:10px;flex-wrap:wrap}.channels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hint{font-size:14px;color:#4a5e52;line-height:1.6}.condition{border-top:1px solid var(--line);padding:5px 0 12px}details summary{cursor:pointer;font-size:14px;color:#385648;margin-top:8px}#message{background:#e6eee6;border-left:4px solid var(--green);padding:15px;overflow-wrap:anywhere}#output dl{margin:0}#output dt{font-weight:700;margin-top:20px}#output dd{margin:6px 0;overflow-wrap:anywhere}#output section{border-top:1px solid var(--line);margin-top:20px}#output p{overflow-wrap:anywhere}footer{margin:35px 0;font-size:14px;border-top:1px solid var(--line);padding-top:20px}*:focus-visible{outline:3px solid #ba7600;outline-offset:3px}@media(max-width:650px){main{padding:16px}.channels{grid-template-columns:1fr;gap:0}.card,fieldset{padding:16px}header{margin:24px 0}button{width:100%}}@media print{nav,header,form,#message,.actions,.intro,footer{display:none}body{background:white;font-size:12pt}main{max-width:none;padding:0}#output{border:0;padding:0}a{color:black}.card{margin:0}}
