:root{color:#172535;background:#f5f8fb;font-family:system-ui,-apple-system,Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-size:16px;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:#155896}a:hover{text-decoration-thickness:2px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline-offset:3px;outline:3px solid #f49a36}.skip{z-index:10;background:#fff;padding:10px;position:absolute;top:-100px;left:12px}.skip:focus{top:8px}.wrap{width:min(1080px,100% - 32px);margin:auto}header{background:#fff;border-bottom:1px solid #dce5ec}header .wrap{justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.brand{letter-spacing:-.04em;color:#123e68;font-size:1.5rem;font-weight:800;text-decoration:none}nav{flex-wrap:wrap;gap:16px;display:flex}nav a{font-weight:600;text-decoration:none}main{padding:32px 0 64px}.eyebrow{letter-spacing:.08em;color:#236b93;font-size:.82rem;font-weight:800}h1,h2,h3{letter-spacing:-.035em;line-height:1.3}h1{margin:.15em 0 .45em;font-size:clamp(1.9rem,4vw,2.7rem)}h2{margin:0 0 .8em;font-size:1.45rem}h3{margin:1.2em 0 .3em;font-size:1.12rem}p{margin:.4em 0 1em}.lead{color:#415568;max-width:720px;font-size:1.07rem}.panel{background:#fff;border:1px solid #dce5ec;border-radius:16px;margin:22px 0;padding:clamp(16px,3vw,28px);box-shadow:0 8px 24px #1a37500a}.tool-panel{border-color:#afc9dc}.tool-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.hint{color:#526577;font-size:.9rem}label{margin-bottom:7px;font-weight:700;display:block}textarea{color:#172535;resize:vertical;background:#fff;border:1px solid #9bb0bf;border-radius:10px;width:100%;min-height:210px;padding:14px;line-height:1.6;display:block}textarea[readonly]{background:#f7fafc}input[type=number]{border:1px solid #9bb0bf;border-radius:8px;width:110px;padding:9px}input[type=checkbox]{accent-color:#17659b;vertical-align:middle;width:18px;height:18px}.checks{flex-wrap:wrap;gap:12px 24px;margin:18px 0;display:flex}.checks label{align-items:center;gap:7px;margin:0;font-weight:500;display:flex}.limits{flex-wrap:wrap;gap:16px;margin:16px 0;display:flex}.limits label{font-size:.93rem}.limits input{display:block}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.stat{background:#eaf4fa;border-radius:10px;padding:12px}.stat span{color:#4b6174;font-size:.85rem;display:block}.stat strong{font-variant-numeric:tabular-nums;font-size:1.5rem}.actions{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex}.btn{color:#fff;background:#17659b;border:1px solid #236a9f;border-radius:9px;min-height:44px;padding:10px 17px;font-weight:700}.btn.secondary{color:#155896;background:#fff}.btn:hover{filter:brightness(.94)}.status{color:#194b70;min-height:1.5em;margin:12px 0 0;font-weight:600}.status.error{color:#a42b25}.compare{grid-template-columns:1fr 1fr;gap:16px;display:grid}.compare>div{min-width:0}.content{max-width:760px}.content pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#ecf2f5;border-radius:8px;padding:14px}.content li{margin:.3em 0}.tool-links{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tool-link{color:inherit;background:#fff;border:1px solid #dce5ec;border-radius:12px;padding:18px;text-decoration:none;display:block}.tool-link strong{color:#125d92;font-size:1.12rem;display:block}.tool-link span{color:#496076;font-size:.9rem}.note{background:#edf6fa;border-left:4px solid #2376a6;margin:16px 0;padding:12px 16px}.ad-region{background:#eef2f4;justify-content:center;align-items:center;max-width:760px;min-height:250px;margin:64px auto 28px;display:flex}.ad-region span{color:#596b77;font-size:.8rem}footer{color:#506172;background:#fff;border-top:1px solid #dce5ec;padding:28px 0;font-size:.9rem}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:12px 24px;display:flex}footer nav{font-weight:400}@media (width<=700px){header .wrap{flex-direction:column;align-items:flex-start;gap:8px}nav{gap:8px 14px;font-size:.92rem}.stats{grid-template-columns:repeat(2,1fr)}.compare,.tool-links{grid-template-columns:1fr}main{padding-top:24px}.wrap{width:min(100% - 24px,1080px)}textarea{min-height:180px}}
