.compare-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0;padding:20px;border:1px solid var(--line,#ccd5d1);border-radius:12px;background:var(--surface-raised,#fff)}
.compare-controls label{display:flex;flex-direction:column;gap:7px;font-weight:600;min-width:0}
.compare-controls input,.compare-controls select,.compare-controls textarea{box-sizing:border-box;width:100%;min-height:44px;padding:10px;border:1px solid #87978e;border-radius:6px;font:inherit;background:#fff;color:#17251e}
.compare-controls :focus-visible{outline:3px solid #c45c26;outline-offset:3px}
.compare-wide{grid-column:1/-1}.compare-table{overflow-x:auto}.compare-table table{width:100%;border-collapse:collapse;font-size:14px}.compare-table th,.compare-table td{padding:12px;text-align:left;border-bottom:1px solid var(--line,#ccd5d1)}
.compare-results{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare-card{padding:20px;border:1px solid var(--line,#ccd5d1);border-radius:12px}.compare-card h2{font-size:19px;margin-top:0}.compare-number{font-size:30px;font-weight:700;color:#a84a20}.compare-delta{padding:16px;border-left:4px solid #c45c26;background:#f4eee8}
@media(max-width:640px){.compare-controls,.compare-results{grid-template-columns:1fr}.compare-controls{padding:16px}.compare-card{padding:16px}}