/* Modular room planning within the existing editorial design system. */
html.editorial-site body .ed-home .ed-hero--rooms {
  height: auto;
  min-height: 740px;
  max-height: none;
}
html.editorial-site body .ed-home .ed-hero--rooms .ed-hero__copy { max-width: 1040px; }
html.editorial-site body .ed-home .ed-hero--rooms .ed-hero__grid { padding-top: 140px; padding-bottom: 48px; }
html.editorial-site body .ed-home .ed-hero--rooms h1.ed-hero__regional-title {
  font-size: clamp(36px, 4vw, 60px);
  max-width: 26ch;
}
html.editorial-site body .ed-home .ed-hero--rooms .ed-intro { max-width: 65ch; margin-bottom: 0; }
html.editorial-site body .ed-home .ed-hero--rooms .ed-actions { margin-top: 24px; }
.room-hero-highlights { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 24px; }
.room-hero-highlight { display: flex; gap: 10px; padding: 14px 12px; border: 1px solid #ffffff80; background: rgba(11, 19, 13, 0.55); color: #fff; text-decoration: none; min-width: 0; }
.room-hero-highlight svg { width: 25px; height: 25px; flex: 0 0 25px; }
.room-hero-highlight strong { display: block; font-size: 15px; line-height: 1.35; font-weight: 600; }
.room-hero-highlight span span { display: block; font-size: 12px; line-height: 1.45; margin-top: 5px; }
.room-hero-highlight:hover { background: rgba(11, 19, 13, 0.75); }
html.editorial-site body .ed-home .ed-hero--rooms .room-hero-byline { font-size: 14px; margin-top: 18px; }
.room-expansion-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; margin-top: 40px; }
.room-expansion-card { display: flex; flex-direction: column; border-top: 1px solid var(--ed-line); padding-top: 24px; min-width: 0; }
.room-expansion-card svg { width: 36px; height: 36px; color: var(--ed-link); margin-bottom: 20px; }
.editorial-site .ed-home .room-expansion-card h3 { font-size: 24px; line-height: 1.25; margin-bottom: 16px; }
.room-expansion-card p { color: var(--ed-muted); }
.room-expansion-card a { margin-top: auto; align-self: flex-start; padding-block: 12px; }
.room-system-benefits { max-width: 880px; margin-top: 48px; padding-top: 32px; border-top: 1px solid var(--ed-line); }
.room-system-benefits h3 { margin-bottom: 20px; }
.room-hero-highlight:focus-visible, .room-expansion-card a:focus-visible, .room-landing a:focus-visible { outline: 3px solid var(--ed-link); outline-offset: 5px; }
.room-hero-highlight:focus-visible { outline-color: #fff; }
.room-landing-intro { max-width: 960px; }
.room-landing-section { max-width: 880px; }
.room-landing-section h2 { margin-bottom: 24px; }
.room-landing-section h3 { margin-block: 28px 16px; }
.room-landing-related { display: flex; flex-wrap: wrap; gap: 16px 28px; margin-top: 28px; }
.room-landing-related a { padding-block: 12px; }
.room-landing-list { padding-left: 1.25em; }
.room-landing-list li { margin-block: 12px; }
@media (max-width: 1100px) {
  .room-hero-highlights, .room-expansion-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  html.editorial-site body .ed-home .ed-hero--rooms { min-height: 0; }
  html.editorial-site body .ed-home .ed-hero--rooms .ed-hero__grid { padding-top: 110px; padding-bottom: 32px; }
  html.editorial-site body .ed-home .ed-hero--rooms h1.ed-hero__regional-title { font-size: clamp(28px, 7vw, 38px); max-width: 100%; margin-bottom: 16px; }
  html.editorial-site body .ed-home .ed-hero--rooms .ed-eyebrow { margin-bottom: 12px; }
  html.editorial-site body .ed-home .ed-hero--rooms .ed-intro { font-size: 16px; line-height: 1.5; max-width: 100%; }
  html.editorial-site body .ed-home .ed-hero--rooms .ed-actions { margin-top: 18px; }
  .room-hero-highlights { gap: 8px; margin-top: 18px; }
  .room-hero-highlight { gap: 7px; padding: 10px 8px; }
  .room-hero-highlight svg { width: 20px; height: 20px; flex-basis: 20px; }
  .room-hero-highlight strong { font-size: 14px; overflow-wrap: anywhere; }
  .room-hero-highlight span span { font-size: 12px; }
  html.editorial-site body .ed-home .ed-hero--rooms .room-hero-byline { font-size: 12px; margin-top: 14px; }
  .room-expansion-grid { grid-template-columns: 1fr; gap: 32px; margin-top: 28px; }
  .room-system-benefits { margin-top: 32px; }
}