:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#223f42;background:#f3f5f1;line-height:1.7;font-size:15px}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:48px 28px}header{padding:12px 0 28px}h1{font-size:clamp(32px,5vw,52px);line-height:1.35;letter-spacing:.03em;margin:16px 0}header p{color:#526969}.tag{font-size:11px;letter-spacing:.1em;font-weight:700;color:#446964}h2{font-size:18px;margin:0 0 18px}section{background:#fff;padding:26px;border:1px solid #d9e2dc;border-radius:14px;margin-bottom:20px}.example{background:#e8eee5}.layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:24px}label{display:block;font-size:13px;font-weight:600;margin-bottom:16px}input,select,textarea{display:block;width:100%;font:inherit;font-size:16px;color:#223f42;background:#fff;border:1px solid #9eafa8;border-radius:7px;padding:11px 12px;margin-top:6px;min-height:46px}textarea{resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid #8cbbb1;outline-offset:2px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hint{font-size:12px;color:#566d6a}.example p{font-size:13px;margin-bottom:0}button{border:0;background:#214f49;color:white;font:inherit;font-weight:700;padding:18px 24px;border-radius:9px;width:100%;cursor:pointer}button span{float:right}aside{align-self:start;position:sticky;top:20px}#result{border-top:5px solid #487a6a}#result h2{margin-top:12px}.amount{font-size:28px;font-weight:700;margin:5px 0 20px}.result-label{font-size:13px;margin-bottom:0}.warning{background:#fff4dd;padding:14px;border-radius:8px;font-size:13px}.error{color:#9c3028}.principles{background:transparent}.principles p,footer{font-size:12px;color:#536a65}footer{margin-top:32px;padding-top:22px;border-top:1px solid #d4ded6}a{color:#286657}li{margin-bottom:6px}hr{border:0;border-top:1px solid #d9e2dc;margin:20px 0}[hidden]{display:none!important}@media(max-width:720px){main{padding:24px 16px}.layout{grid-template-columns:1fr;gap:22px}aside{position:static}section{padding:20px}.pair{gap:12px}h1{font-size:34px}}@media(max-width:360px){.pair{grid-template-columns:1fr}}

.pr-notice{border-left:4px solid #647970;background:#edf1eb;padding:18px 22px}.pr-notice p{margin:6px 0;font-size:13px}.pr-notice .pr-title{font-weight:700;font-size:15px}.candidate-mark{font-size:11px!important;color:#566d6a}.rental-ads{margin-top:20px}.rental-ads h2{font-size:17px}.service-ad{border-top:1px solid #d9e2dc;padding-top:18px;margin-top:18px}.service-ad h3{font-size:16px;margin:0 0 8px}.service-ad p{font-size:13px}.service-ad button{font-size:13px;background:#edf1eb;color:#3f5f57;border:1px solid #9eafa8;padding:12px;line-height:1.5;cursor:default}.service-ad button:disabled{opacity:1}.connection-note{font-size:11px!important;color:#566d6a;margin-bottom:0}

.provided-ad{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.provided-ad a{display:inline;text-decoration:underline;text-underline-offset:3px}.privacy-note{margin-top:28px;background:#edf1eb}.privacy-note p{font-size:12px}.ad-preview-stub{border:1px dashed #9eafa8;padding:12px;font-size:14px;line-height:1.8}.ad-preview-stub .hint{display:block;margin-top:8px}

.example p,#result .hint,.privacy-note p{overflow-wrap:anywhere}