.compare-scope{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px;font-size:13px;color:var(--muted)}
.compare-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:24px}
.compare-view{display:flex;gap:4px;padding:4px;background:#eae8e1;border-radius:6px}.compare-view button{padding:10px 16px;min-height:44px;background:transparent;color:var(--navy);border-radius:4px;font-size:14px}.compare-view button[aria-pressed=true]{background:white;box-shadow:0 1px 3px #0c1c3215}
.scenario-toggle{display:flex;gap:12px;align-items:center;font-size:14px;cursor:pointer;min-height:44px}.scenario-toggle small{display:block;color:var(--muted);font-size:12px}.scenario-toggle input{flex-shrink:0}
.compare-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.compare-card{padding:24px;background:white;border:1px solid var(--line);border-top:3px solid var(--navy);border-radius:6px;min-width:0}.compare-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.compare-letter{display:grid;place-items:center;width:32px;height:32px;background:var(--navy);color:var(--paper);font:18px var(--font-display);border-radius:4px}.compare-card h2{font-size:25px;line-height:1.25;letter-spacing:-.02em;margin:20px 0 24px;overflow-wrap:anywhere;min-height:62px}.compare-main-label{font-size:13px}.compare-big{font:46px/1.2 var(--font-display);letter-spacing:-.03em;margin:8px 0 20px;font-variant-numeric:tabular-nums;color:var(--navy)}.negative{color:var(--danger)}.compare-mini{display:grid;gap:14px}.compare-mini>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid #eaeae4;padding-bottom:10px}.compare-mini span{font-size:12px;color:var(--muted)}.compare-mini strong{font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.compare-caution{font-size:12px;margin:18px 0;color:var(--muted)}.compare-actions{display:flex;justify-content:space-between;gap:16px}.compare-actions .btn{padding:8px 14px;font-size:13px}.compare-actions .remove{min-height:44px;padding:8px}.compare-chart{margin-bottom:24px}.compare-chart h2{font-size:26px;margin-top:10px}.compare-chart .row{flex-wrap:wrap}.compare-chart select{max-width:280px}.metric-bars{display:grid;gap:22px;margin-top:26px}.metric-row>.row{font-size:14px;gap:8px}.metric-row b{color:var(--gold);margin-right:10px}.metric-row strong{font-weight:600;font-variant-numeric:tabular-nums}.metric-track{height:10px;border-radius:3px;background:#ecebe5;margin-top:10px;overflow:hidden}.metric-fill{height:100%;background:var(--navy);min-width:0;border-radius:3px;transition:width var(--motion-base)}.metric-fill.negative{background:var(--danger)}.scenario-note{background:#eee7db;color:#6a4d2c;border-left:3px solid #927040;padding:16px 20px;margin-bottom:24px;font-size:14px}.comparison-scroll{overflow-x:auto;margin-top:20px}.comparison-scroll th:first-child{position:sticky;left:0;background:#faf7f0;min-width:180px}.comparison-scroll thead th{max-width:240px;white-space:normal;min-width:200px}.compare-details table{font-variant-numeric:tabular-nums}.compare-details{padding:24px}
@media(max-width:1200px){.compare-cards{gap:12px}.compare-card{padding:18px}.compare-card h2{font-size:22px}.compare-big{font-size:39px}.compare-mini>div{display:block}.compare-mini strong{display:block;margin-top:3px}}
@media(max-width:780px){.compare-cards{grid-template-columns:1fr}.compare-card{padding:22px}.compare-card h2{min-height:0;font-size:26px;margin:16px 0}.compare-big{font-size:46px}.compare-mini{grid-template-columns:1fr 1fr;gap:14px}.compare-mini strong{font-size:16px}.compare-view{width:100%}.compare-view button{flex:1;padding:10px;font-size:13px}.compare-controls{gap:16px}.compare-chart .row{align-items:flex-start}.compare-chart .field{width:100%}.compare-chart select{max-width:none}.metric-row>.row{display:grid;grid-template-columns:1fr auto}.metric-row span{overflow-wrap:anywhere}.comparison-scroll th:first-child{min-width:140px;max-width:150px;white-space:normal}.compare-details{padding:18px}.compare-scope{font-size:12px}.scenario-toggle{font-size:14px}}
@media print{.compare-controls,.compare-actions,.compare-scope{display:none}.compare-cards{grid-template-columns:repeat(3,1fr)}.compare-card{break-inside:avoid}.comparison-scroll{overflow:visible}}
@media(min-width:781px) and (max-width:1000px){.compare-cards{grid-template-columns:1fr}.compare-mini{grid-template-columns:1fr 1fr}.compare-card h2{min-height:0}.app-intro{align-items:flex-start;flex-direction:column}}