*{box-sizing:border-box}body{margin:0;background:#eff4f6;color:#153345;font:16px/1.55 system-ui}header{background:#103e49;color:white;padding:18px max(5vw,20px);font-size:21px}header b{border:1px solid #7daab1;border-radius:5px;padding:3px 7px;margin-right:8px}small{font-size:11px;letter-spacing:2px;margin-left:16px}main{max-width:850px;margin:30px auto;padding:0 16px 80px}section{background:white;padding:clamp(18px,4vw,40px);border:1px solid #cddce0;border-radius:10px}h1{line-height:1.15;margin:0 0 18px}h2{margin-top:32px}label{display:block;font-weight:600;margin:14px 0}input,select,textarea{width:100%;font:inherit;border:1px solid #a6b9c1;padding:9px;border-radius:5px;display:block;background:white;color:inherit}textarea{resize:vertical}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.inline{display:flex;gap:12px;align-items:center}.inline input{width:auto}button{border:none;border-radius:5px;font:600 15px system-ui;background:#08676c;color:white;padding:13px 20px;cursor:pointer}button:disabled{opacity:.55}.quiet{display:block;background:white;color:#305e67;margin-top:20px;border:1px solid #acc3c7}output{display:block;position:sticky;bottom:0;background:#e5f0ee;padding:9px;color:#14493e}output:empty{display:none}.row{border-top:1px solid #d2e0e4;margin:12px 0;padding-top:8px}.row small{margin:0;letter-spacing:0}.row textarea{margin-top:6px}@media(max-width:500px){.grid{grid-template-columns:1fr}small{display:block;margin:5px 0 0}}