.size-compare{margin:30px 0;padding:24px;background:#fff;border:1px solid #d8d3c5;border-radius:10px;color:#20252a;scroll-margin-top:20px}
.size-compare h2:first-child{margin-top:0}.size-compare h3{font:700 1.1rem/1.4 system-ui,sans-serif;color:#20252a;margin:22px 0 12px}.size-compare h4{font:650 1rem/1.4 system-ui,sans-serif;color:#20252a;margin:0 0 10px}
.size-compare ol{list-style:decimal;padding-left:22px}.size-compare fieldset{border:0;padding:0;margin:18px 0;min-width:0}.size-compare legend{font-weight:700;margin-bottom:12px}
.compare-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.compare-inputs label{display:block;font:600 .93rem/1.4 system-ui,sans-serif;margin:0 0 6px;color:#20252a}.compare-inputs input{display:block;box-sizing:border-box;min-width:0;width:100%;padding:12px;border:1px solid #7a8288;border-radius:6px;background:#fff;color:#20252a;font:18px/1.4 system-ui,sans-serif}.compare-inputs input[aria-invalid=true]{border:2px solid #9c2525}.compare-inputs small{display:block;margin-top:6px;font-size:.8rem;color:#595e62}
.compare-buttons{display:flex;gap:10px;flex-wrap:wrap}.compare-buttons button{font:600 16px/1.4 system-ui,sans-serif;border-radius:6px;padding:12px 16px;border:1px solid #244d65;background:#244d65;color:white;cursor:pointer}.compare-buttons button[data-compare-reset]{background:white;color:#244d65}
.size-compare input:focus-visible,.size-compare button:focus-visible{outline:3px solid #a77925;outline-offset:3px}.compare-message{color:#8c2525;font-size:.92rem}.compare-message:empty{display:none}
.compare-results[hidden]{display:none}.compare-result-card{border:1px solid #d8d3c5;background:#f7f5ef;border-radius:8px;padding:14px;margin:10px 0}.compare-result-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.compare-result-card dt{font-size:.78rem}.compare-result-card dd{font-size:1rem;overflow-wrap:anywhere}.compare-note,.compare-privacy{font-size:.87rem;color:#595e62}
@media(max-width:600px){.size-compare{padding:16px}.compare-inputs{grid-template-columns:1fr}.compare-result-card dl{grid-template-columns:1fr;gap:8px}.compare-result-card dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.compare-result-card dd{margin:0}}