.compare-page{min-height:100vh;background:var(--color-cloud)}.compare-hero{text-align:center}.compare-hero .hero-icon{margin-bottom:var(--space-2);width:32px;height:32px}.compare-hero h1{font-size:var(--text-2xl);margin-bottom:var(--space-1);line-height:var(--leading-tight)}.compare-hero p{font-size:var(--text-base);line-height:var(--leading-tight)}.ship-selector{background:var(--color-white);padding:var(--space-3) 0;border-bottom:1px solid var(--color-silver);position:sticky;top:60px;z-index:10}.selector-label{font-size:var(--text-base);color:var(--color-gray);margin-bottom:var(--space-2)}.ship-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.ship-chip{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-white)!important;border:2px solid var(--color-ocean-medium)!important;border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-ocean-deep)!important;cursor:pointer;transition:all var(--transition-fast)}.ship-chip span{color:var(--color-ocean-deep)!important}.ship-chip svg{color:var(--color-ocean-deep)!important}.ship-chip:hover:not(:disabled){border-color:var(--color-ocean-deep)!important;background:var(--color-ocean-pale)!important}.ship-chip.selected{background:var(--color-ocean-medium)!important;border-color:var(--color-ocean-medium)!important;color:var(--color-white)!important}.ship-chip.selected span{color:var(--color-white)!important}.ship-chip.selected svg{color:var(--color-white)!important}.ship-chip:disabled{opacity:.5;cursor:not-allowed}.compare-content{padding:var(--space-4) 0}.compare-table-wrapper{overflow-x:auto;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4);border:1px solid rgba(0,0,0,.05)}.compare-table{width:100%;border-collapse:collapse;min-width:500px;font-size:var(--text-base)}.compare-table th,.compare-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-cloud)}.feature-header{width:180px;min-width:180px;background:var(--color-ocean-deep);color:var(--color-white);font-weight:var(--font-semibold);position:sticky;left:0;z-index:2;font-size:var(--text-base);white-space:nowrap}.ship-header{background:var(--color-ocean-deep);color:var(--color-white);text-align:center;min-width:120px}.ship-header-link{color:var(--color-white);text-decoration:none;display:block}.ship-header-link:hover{opacity:.9}.ship-name{display:block;font-weight:var(--font-bold);font-size:var(--text-base)}.ship-tagline{display:block;font-size:var(--text-base);color:#fffc;margin-top:2px}.category-row td{background:var(--color-ocean-pale);font-weight:var(--font-bold);color:var(--color-ocean-deep);font-size:var(--text-base);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-3)}.feature-label{background:var(--color-white);color:var(--color-slate);font-weight:var(--font-medium);position:sticky;left:0;z-index:1;white-space:nowrap;min-width:180px}.feature-value{text-align:center;color:var(--color-charcoal);font-size:var(--text-base)}.compare-table tr:hover td,.compare-table tr:hover .feature-label,.compare-table tr:hover .feature-value{background:var(--color-cloud)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold)}.status-badge--active{background:#22c55e26;color:var(--success)}.status-badge--new{background:#f9731626;color:var(--warning)}.status-badge--coming{background:#3b82f626;color:var(--ocean)}.feature-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#22c55e26;color:var(--success)}.feature-check svg{width:14px;height:14px}.recommendations{margin-top:var(--space-4)}.recommendations h2{text-align:center;margin-bottom:var(--space-3);color:var(--color-ocean-deep);font-size:var(--text-lg);line-height:var(--leading-tight)}.rec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-2)}.rec-card{padding:var(--space-3);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:1px solid rgba(0,0,0,.05)}.rec-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.rec-card h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-2);line-height:var(--leading-tight)}.rec-card p{color:var(--color-slate);margin-bottom:var(--space-2);font-size:var(--text-base);line-height:var(--leading-snug)}.rec-link{color:var(--color-ocean-medium);font-weight:var(--font-medium);text-decoration:none;font-size:var(--text-base)}.rec-link:hover{text-decoration:underline}@media(max-width:768px){.compare-hero h1{font-size:var(--text-xl)}.ship-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-1)}.ship-chip{white-space:nowrap}.feature-header,.feature-label{width:100px;min-width:100px}.rec-grid{grid-template-columns:1fr}}