.miami-controls { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1.5rem 0; }
.miami-controls[hidden], .miami-selected [hidden] { display: none; }
.miami-controls label { display: grid; gap: .5rem; font-weight: 700; flex: 1 1 180px; }
.miami-controls select { width: 100%; min-height: 48px; padding: .75rem; color: var(--text); background: var(--surface, #131a22); border: 1px solid var(--border, #35404d); border-radius: 8px; font: inherit; }
.miami-controls select:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.miami-selected { display: grid; gap: 1rem; margin: 1rem 0 2rem; }
.plan-detail .plan-faq > h2 { grid-column: 1 / -1; }
.miami-selected .plan-detail-size-card { padding: 1.5rem; }
.miami-specs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.miami-specs div { padding: .75rem 0; border-bottom: 1px solid var(--border, #35404d); }
.miami-specs dt { color: var(--text-muted); }
.miami-specs dd { margin: .5rem 0 0; font-weight: 700; }
.miami-selected .plan-cta-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.miami-selected .plan-cta-actions > * { min-height: 44px; white-space: normal; }
@media (max-width: 600px) {
  .miami-specs { grid-template-columns: 1fr; gap: .25rem; }
  .miami-selected .plan-cta-actions > * { width: 100%; }
}