.compare-wrap{max-width:1160px;margin:auto;padding:24px 20px 60px}.compare-intro{max-width:820px}.compare-tanks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px}.compare-tank{min-width:0;border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--surface)}.compare-tank legend{font-weight:800;padding:0 8px;color:var(--primary)}.compare-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.compare-tank input{width:100%;min-width:0}.compare-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:24px 0}.compare-actions .field{max-width:240px;margin-right:auto}.compare-results{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.compare-results table{width:100%;border-collapse:collapse}.compare-results th,.compare-results td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left}.compare-results td{font-variant-numeric:tabular-nums;white-space:nowrap}.compare-results tbody tr:nth-child(2){background:var(--surface-2);font-weight:800}.compare-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:24px;margin:24px 0}.compare-footprint{min-width:0}.compare-footprint svg{display:block;width:100%;height:150px;color:var(--primary);background:var(--surface-2);margin:12px 0}.compare-footprint:nth-child(2) svg{color:#dd8e49}.compare-footprint:nth-child(3) svg{color:#6988cd}.compare-footprint p{margin:0 0 10px}.compare-error{padding:16px;border:1px solid #bf5858;border-radius:10px;color:var(--text);background:var(--surface)}.compare-fallback{width:100%;min-height:180px;padding:12px}.compare-note{color:var(--muted);font-size:.92rem}.compare-tank button:disabled,.compare-actions button:disabled{opacity:.45;cursor:not-allowed}.compare-wrap [hidden]{display:none!important}@media(max-width:520px){.compare-wrap{padding:16px 14px 40px}.compare-results{padding:14px}.compare-actions .field{max-width:none;width:100%}.compare-actions button{flex:1 1 150px}}
.compare-wrap input,.compare-wrap textarea{font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px;min-height:46px}.compare-wrap input:focus-visible,.compare-wrap textarea:focus-visible,.compare-wrap button:focus-visible,.compare-wrap a:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.compare-wrap caption{text-align:left;padding:0 0 12px;font-weight:700}.compare-wrap .button-secondary{background:var(--surface);color:var(--primary);border:1px solid var(--line)}