/* Hélios Magazine — narrow home proposal, 5 October 2026.
 * Add after the approved stylesheets. No HTML, scripts, content or typography
 * changes. Below 380px the previous fallback made six covers 100cqw tall.
 * Replace those compulsory squares with content-sized covers. Only the short
 * Guide/Avis pair shares a row; longer/dynamic content keeps the full width.
 * Native detail panels and animation clones are deliberately excluded.
 */
@media (max-width:379px) {
  html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe='home'] #contenu .home-side-columns {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:auto!important;
    align-items:stretch!important;
  }

  /* Keep native DOM order; no dense packing or explicit row placement. */
  html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe='home'] #contenu .home-spine :is(.home-destination,.home-option,.home-stay,.daily-weather,.home-overview-card:not([open]):not(.terminal-panel):not(.terminal-clone)) {
    grid-column:1 / -1!important;
    height:auto!important;
    min-height:var(--hls-narrow-cover-min,11rem)!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    align-self:stretch!important;
  }

  /* 320px viewport: 292px content, 12px gap, two 140px-wide covers.
     176px is a minimum, never a cap; all text remains its approved size. */
  html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe='home'] #contenu .home-spine :is(.home-guide,#avis:not([open]):not(.terminal-panel):not(.terminal-clone)) {
    grid-column:auto!important;
    --hls-narrow-cover-min:11rem;
  }

  /* Full-width photographs retain room for their visible copy and image. */
  html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe='home'] #contenu .home-spine .home-services {
    --hls-narrow-cover-min:11.5rem;
  }
  html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe='home'] #contenu .home-spine .home-option {
    --hls-narrow-cover-min:8rem;
  }
  html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe='home'] #contenu .home-spine #presse:not([open]):not(.terminal-panel):not(.terminal-clone) {
    --hls-narrow-cover-min:11.5rem;
  }
  html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe='home'] #contenu .home-spine #fidelite:not([open]):not(.terminal-panel):not(.terminal-clone) {
    --hls-narrow-cover-min:10rem;
  }
  html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe='home'] #contenu .home-spine #contact:not([open]):not(.terminal-panel):not(.terminal-clone) {
    --hls-narrow-cover-min:13rem;
  }

  /* A closed summary determines its own height, including enlarged text.
     Keep clear space for the existing bottom-right chevron. */
  html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe='home'] #contenu .home-spine .home-overview-card:not([open]):not(.terminal-panel):not(.terminal-clone)>summary {
    height:auto!important;
    min-height:var(--hls-narrow-cover-min,11rem)!important;
    max-height:none!important;
    padding-bottom:2.25rem!important;
  }
  html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe='home'] #contenu .home-spine :is(.home-destination,.home-option) {
    padding-bottom:2.25rem!important;
  }

  /* Live/fallback availability and weather keep their full text width.
     Dynamic content can increase either card's height naturally. */
  html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe='home'] #contenu .home-spine .home-stay {
    --hls-narrow-cover-min:10rem;
  }
  html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe='home'] #contenu .home-spine .home-stay .daily-availability {
    height:auto!important;
    min-height:10rem!important;
    max-height:none!important;
  }
  html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe='home'] #contenu .home-spine .daily-weather {
    --hls-narrow-cover-min:9.5rem;
  }
}

/* Below a 300px CSS viewport (for example high page zoom), the Guide/Avis
 * pair also stacks. It retains its intrinsic height rather than square tiles.
 */
@media (max-width:299px) {
  html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe='home'] #contenu .home-side-columns {
    grid-template-columns:minmax(0,1fr)!important;
  }
  html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe='home'] #contenu .home-spine :is(.home-guide,#avis:not([open]):not(.terminal-panel):not(.terminal-clone)) {
    grid-column:1 / -1!important;
  }
}

/* Room photographs have short labels and can keep the approved two-column
   arrangement at 320px. Avoid the previous five full-width square fallback. */
@media(min-width:300px) and (max-width:379px) {
 html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean] #contenu .suite-room-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean] #contenu .suite-room-grid > .terminal-widget:not([open]):not(.terminal-panel):not(.terminal-clone) {
  height:160px!important;min-height:160px!important;
 }
}

/* Enlarged labels can take another line instead of being cut by a 44px strip. */
@media(max-width:959px) {
 html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe='suite'] #contenu .terminal-widget.mag-card-room:not([open]):not(.terminal-panel):not(.terminal-clone) .sense-summary-copy {
  height:auto!important;min-height:44px!important;
 }
}

/* Hélios — approved composition across the available desktop width.
   Preserve grid areas, native interactions and typography. Reading columns
   deliberately keep their existing comfortable measure. */
@media(min-width:960px) {
 html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy):not(.mag-desktop-before)[data-helios-design][data-helios-clean][data-clean-home='active'] {
  --mag-desk-unit:calc((var(--mag-screen,100vw) - 124px) / 8);
  --mag-desk-width:calc(8 * var(--mag-desk-unit) + 7 * var(--mag-desk-gap));
 }
 html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean] main.spatial-stage:has(> :is(.card-collection,.suite-room-grid)) {
  width:calc(100% - 48px)!important;max-width:none!important;
 }
}
@media(min-width:960px) and (max-width:1211px) {
 html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy):not(.mag-desktop-before)[data-helios-design][data-helios-clean][data-clean-home='active'] {
  --mag-desk-unit:calc((var(--mag-screen,100vw) - 100px) / 6);
  --mag-desk-width:calc(6 * var(--mag-desk-unit) + 5 * var(--mag-desk-gap));
 }
}
/* Enlarge photo rectangles in the same ratio as the former 1200px composition,
   instead of stretching their width alone. Insets and gutters remain modest. */
@media(min-width:1248px) {
 html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean] {
  --hls-wide-senses:calc((var(--mag-screen,100vw) - 76px) * .19112628);
  --hls-wide-guide:calc((var(--mag-screen,100vw) - 62px) * .18887015);
  --hls-wide-options:calc((var(--mag-screen,100vw) - 90px) * .17271157);
  --hls-wide-room:calc((var(--mag-screen,100vw) - 112px) * .19718310);
 }
 html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean] .senses-cluster > .terminal-widget:not([open]):not(.terminal-panel):not(.terminal-clone) {height:var(--hls-wide-senses)!important;}
 html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean] .guide-cluster > .terminal-widget:not([open]):not(.terminal-panel):not(.terminal-clone) {height:var(--hls-wide-guide)!important;}
 html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean] .options-cluster > .terminal-widget:not([open]):not(.terminal-panel):not(.terminal-clone) {height:var(--hls-wide-options)!important;}
 html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe='suite'] #contenu>.suite-room-grid {grid-template-rows:repeat(2,var(--hls-wide-room))!important;}
 html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe='suite'] .suite-room-grid > .terminal-widget:not([open]):not(.terminal-panel):not(.terminal-clone) {height:var(--hls-wide-room)!important;}
 html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe='suite'] #contenu>.suite-floor-plan .suite-plan-image {width:100%!important;max-width:none!important;}
}