:root{font-family:system-ui,sans-serif;color:#17332f;background:#eef2eb;line-height:1.7}*{box-sizing:border-box}body{margin:0}main{max-width:960px;margin:auto;padding:40px 24px}header{border-top:7px solid #235c50;padding:24px 0}small{letter-spacing:.15em}h1{font-size:clamp(30px,5vw,50px);line-height:1.35;margin:20px 0}h2{font-size:22px}aside{padding:18px;border-left:4px solid #b4792b;background:#fff5de}section{padding:24px 0;border-bottom:1px solid #bac8bb}label{display:block;font-weight:600}textarea{width:100%;padding:14px;border:1px solid #748c7d;border-radius:3px;font:15px/1.7 monospace;background:#fff;resize:vertical}button{background:#205748;color:white;border:0;border-radius:4px;padding:14px 20px;font-size:16px;cursor:pointer;margin-top:16px}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #ab6e00;outline-offset:3px}p{font-size:15px}.result{background:white;padding:16px;margin:12px 0;border-left:4px solid #235c50;overflow-wrap:anywhere}.warn{border-color:#b4792b}.review{margin-top:24px;font-size:15px}input{width:20px;height:20px;vertical-align:middle}@media(max-width:500px){main{padding:20px 16px}h2{font-size:20px}}