.stateroom-page{min-height:100vh;background:var(--cream)}.stateroom-hero-bar{background:var(--navy);padding:var(--space-4) 0;border-bottom:1px solid rgba(212,168,83,.2)}.stateroom-hero-bar-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap}.stateroom-hero-bar-left{flex:1;min-width:200px}.stateroom-hero-bar-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-medium);color:var(--white);margin:0;line-height:1.2}.stateroom-hero-bar-title .text-coral{color:var(--coral)}.stateroom-hero-bar-subtitle{font-size:var(--text-sm);color:#fff9;margin:var(--space-1) 0 0 0}.stateroom-hero-bar-stats{display:flex;align-items:center;gap:var(--space-5)}.mini-stat{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#fffc}.mini-stat svg{color:var(--coral)}.mini-stat strong{color:var(--white);font-weight:var(--font-semibold)}.category-select-section{background:var(--white);padding:var(--space-6) 0;border-bottom:1px solid var(--stone)}.category-select-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.category-select-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5);background:var(--cream);border:2px solid var(--stone);border-radius:var(--radius-2xl);cursor:pointer;transition:all var(--transition-base);text-align:center}.category-select-card:hover{border-color:var(--category-color);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.category-select-card.active{background:var(--white);border-color:var(--category-color);box-shadow:0 4px 20px #0000001a}.category-select-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--category-color);color:var(--white);border-radius:var(--radius-xl);transition:transform var(--transition-base)}.category-select-card:hover .category-select-icon,.category-select-card.active .category-select-icon{transform:scale(1.1)}.category-select-info h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--foreground);margin:0}.category-tagline{font-size:var(--text-xs);color:var(--slate);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.category-select-meta{display:flex;flex-direction:column;gap:2px;font-size:var(--text-sm);color:var(--muted-foreground)}.category-price{font-weight:var(--font-bold);color:var(--gold-ink);font-size:var(--text-base)}.category-size{font-size:var(--text-xs)}.category-detail-section{padding:var(--space-8) 0;background:var(--cream)}.category-detail-header{margin-bottom:var(--space-6)}.category-detail-title{display:flex;align-items:center;gap:var(--space-4)}.category-detail-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:var(--white);border-radius:var(--radius-xl);flex-shrink:0}.category-detail-title h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-medium);color:var(--foreground);margin:0}.category-detail-specs{display:flex;gap:var(--space-4);margin-top:var(--space-2);font-size:var(--text-sm);color:var(--muted-foreground)}.category-detail-specs span{display:flex;align-items:center;gap:4px}.category-detail-specs svg{color:var(--coral)}.category-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.detail-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm)}.detail-card h3{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--navy);margin:0 0 var(--space-4) 0;padding-bottom:var(--space-2);border-bottom:1px solid var(--stone)}.detail-card h3 svg{color:var(--coral)}.best-for-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.best-tag{padding:var(--space-2) var(--space-3);background:var(--sand);color:var(--charcoal);font-size:var(--text-sm);border-radius:var(--radius-full)}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.features-list li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--foreground);line-height:1.4}.features-list li svg{color:var(--success);flex-shrink:0;margin-top:2px}.considerations-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.considerations-list li{font-size:var(--text-sm);color:var(--muted-foreground);padding-left:var(--space-4);position:relative;line-height:1.4}.considerations-list li:before{content:"•";position:absolute;left:0;color:var(--slate)}.tips-list{display:flex;flex-direction:column;gap:var(--space-2)}.tip-item{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--cream);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.4}.tip-item.insider{background:linear-gradient(135deg,#fdf3d8,#f7e6b4);border-left:3px solid var(--gold)}.insider-badge{display:inline-flex;padding:2px 6px;background:var(--gold);color:var(--navy);font-size:.65rem;font-weight:var(--font-bold);border-radius:var(--radius-sm);text-transform:uppercase;flex-shrink:0}.ships-card{grid-column:span 2}.ship-differences{display:flex;flex-direction:column;gap:var(--space-2)}.ship-diff-row{display:flex;gap:var(--space-3);padding:var(--space-3);background:var(--cream);border-radius:var(--radius-lg);font-size:var(--text-sm)}.ship-name{font-weight:var(--font-semibold);color:var(--navy);min-width:100px;flex-shrink:0}.ship-detail{color:var(--muted-foreground)}.comparison-section{padding:var(--space-10) 0;background:var(--white)}.section-header-inline{margin-bottom:var(--space-6)}.section-title-inline{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-medium);color:var(--foreground);margin:0}.section-subtitle-inline{font-size:var(--text-sm);color:var(--muted-foreground);margin:var(--space-1) 0 0 0}.comparison-table-wrapper{overflow-x:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.comparison-table{width:100%;border-collapse:collapse;background:var(--white);font-size:var(--text-sm)}.comparison-table th{padding:var(--space-4);background:var(--navy);color:var(--white);font-weight:var(--font-semibold);text-align:center;white-space:nowrap}.comparison-table th:first-child{text-align:left}.comparison-table th svg{display:block;margin:0 auto var(--space-1)}.comparison-table th span{display:block;font-size:var(--text-xs)}.comparison-table td{padding:var(--space-3) var(--space-4);text-align:center;border-bottom:1px solid var(--stone)}.comparison-table td:first-child{text-align:left;font-weight:var(--font-medium);color:var(--foreground);background:var(--cream)}.comparison-table .yes{color:var(--success)}.comparison-table .no{color:#64748b80}.price-tag{font-weight:var(--font-bold);color:var(--gold-ink)}.deck-location-section{padding:var(--space-10) 0;background:var(--cream)}.deck-location-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6)}.location-section h3,.level-section h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--foreground);margin:0 0 var(--space-4) 0}.location-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.location-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-sm);position:relative}.location-card.recommended{border:2px solid var(--coral)}.recommended-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-3);background:var(--coral);color:var(--white);font-size:.65rem;font-weight:var(--font-bold);border-radius:var(--radius-full);text-transform:uppercase;white-space:nowrap}.location-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.location-icon{font-size:1.5rem}.location-header h4{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--navy);margin:0}.location-label{font-size:var(--text-xs);color:var(--muted-foreground)}.location-details p{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);margin:var(--space-2) 0 0 0;line-height:1.4}.location-details .pros svg{color:var(--success);flex-shrink:0;margin-top:2px}.location-details .cons svg{color:var(--coral);flex-shrink:0;margin-top:2px}.level-cards{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.level-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-sm)}.level-card h4{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--navy);margin:0 0 var(--space-2) 0}.level-card p{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);margin:var(--space-1) 0 0 0;line-height:1.3}.level-card .pros svg{color:var(--success);flex-shrink:0}.level-card .cons svg{color:var(--coral);flex-shrink:0}.pro-tip-box{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(135deg,#fdf3d8,#f7e6b4);border-radius:var(--radius-xl);font-size:var(--text-sm);line-height:1.5}.pro-tip-box svg{color:var(--gold-ink);flex-shrink:0}.stateroom-cta-section{padding:var(--space-8) 0 var(--space-12);background:var(--cream)}.cta-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-8);background:var(--navy);border-radius:var(--radius-2xl);flex-wrap:wrap}.cta-content h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-medium);color:var(--white);margin:0 0 var(--space-2) 0}.cta-content p{font-size:var(--text-sm);color:#ffffffb3;margin:0}.cta-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--coral);color:var(--white);border:none;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.cta-btn:hover{background:var(--coral-light);transform:translateY(-2px)}@media(max-width:1200px){.category-detail-grid{grid-template-columns:repeat(2,1fr)}.ships-card{grid-column:span 2}}@media(max-width:1024px){.stateroom-hero-bar-content{flex-wrap:wrap;gap:var(--space-4)}.stateroom-hero-bar-stats{order:3;width:100%;justify-content:center;padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.1)}.stateroom-hero-bar-left{text-align:center;flex:1 1 100%}.category-select-grid{grid-template-columns:repeat(2,1fr)}.deck-location-grid{grid-template-columns:1fr}.location-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.stateroom-hero-bar{padding:var(--space-4) 0}.stateroom-hero-bar-title{font-size:var(--text-lg)}.category-select-section{padding:var(--space-4) 0}.category-select-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.category-select-card{padding:var(--space-4)}.category-select-icon{width:48px;height:48px}.category-detail-section{padding:var(--space-6) 0}.category-detail-grid{grid-template-columns:1fr}.ships-card{grid-column:span 1}.comparison-section,.deck-location-section{padding:var(--space-8) 0}.location-cards{grid-template-columns:1fr}.cta-card{flex-direction:column;text-align:center;padding:var(--space-6)}}@media(max-width:480px){.stateroom-hero-bar{padding:var(--space-3) 0}.stateroom-hero-bar-title{font-size:var(--text-base)}.stateroom-hero-bar-subtitle{font-size:var(--text-xs)}.stateroom-hero-bar-stats{display:none}.category-select-grid{grid-template-columns:1fr 1fr;gap:var(--space-2)}.category-select-card{padding:var(--space-3);gap:var(--space-2)}.category-select-icon{width:40px;height:40px}.category-select-icon svg{width:20px;height:20px}.category-select-info h3{font-size:var(--text-base)}.category-detail-title{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.category-detail-specs{flex-wrap:wrap;gap:var(--space-2)}.section-title-inline{font-size:var(--text-xl)}.comparison-table th,.comparison-table td{padding:var(--space-2);font-size:var(--text-xs)}.ship-diff-row{flex-direction:column;gap:var(--space-1)}.ship-name{min-width:auto}}
