/* MODULE: cda-responsive-interior-v260.css */
/* V260 responsive stabilization — V259 remains the approved reference.
   Intentionally EXCLUDES index.html (homepage). Does not alter page order,
   copy, images, frame geometry, CTA logic or hover interactions. */

/* PASS 154 provides the current viewport factor. Some interiors use .home-page
   and inherit its fold navbar zoom, while the others previously did not.
   Make all interior headers use exactly the same factor and rules. */
@media (min-width:981px) {
  body:not(.home-page) > .topbar.cda-nav-v127 {
    zoom:var(--home-fold-scale,1);
  }
  /* News articles had a one-off full-bleed topbar. Keep its visual geometry
     coherent with every other interior page, without widening reading text. */
  body.news-article-page > .topbar.cda-nav-v127 {
    /* The article header's own override previously anchored it at x=8px.
       Restore the same centered grid as every other subpage. */
    position:fixed!important;
    top:24px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(1296px,calc(100% - 32px))!important;
    box-sizing:border-box!important;
    height:88px!important;
    min-height:88px!important;
    padding:7px 0!important;
  }
}

/* Subpage first folds that have their own static 1200px composition need to
   grow in proportion to the fixed navbar on large TV-sized CSS viewports.
   Scope the zoom to their illustrative cover (never the article column or
   the long editorial pages). At ordinary <=1920px -- no visual change. */
@media (min-width:1921px) {
  body.about-page main > .cda332-intro,
  body.about-page main > .cda360-portal,
  body:not(.home-page) #cda-incident > .cda-desk-layout,
  body.bundle-page:not(.home-page) #main-content > .sens-hero,
  body.news-page:not(.news-article-page) main > .e-front {
    zoom:var(--home-fold-scale,1);
  }
}

/* V259's article columns and long descriptions retain their restrained
   maximum reading widths on all displays. Intentionally no document-wide zoom. */

/* Continue the same proportion through the following PRESENTATION sections.
   A cover alone enlarged to 4K left the second half of the page tiny.
   Do not zoom forms, floating dialogs, or article-reading columns. */
@media (min-width:1921px) {
  body.about-page main > .why-final-cta,
  body:not(.home-page) #cda-incident > .cda-privacy,
  body:not(.home-page) #cda-incident > .claims-final-cta,
  body.bundle-page:not(.home-page) #main-content > .sens-catalogue,
  body.bundle-page:not(.home-page) #main-content > .bundle-legal,
  body.bundle-page:not(.home-page) #main-content > .packages-final-cta,
  body.news-page:not(.news-article-page) main > .e-archive,
  body.news-page:not(.news-article-page) main > .news-editors-note,
  body.persons-page > .pf-final-cta,
  body.persons-page > .business-final-cta {
    zoom:var(--home-fold-scale,1);
  }
  /* Footer is a presentation strip, not a reading column. Keep it
     proportional to the navbar and the adjacent CTA on every subpage. */
  body > footer.footer {zoom:var(--home-fold-scale,1);}
}

/* An article's reading measure stays intentionally compact on a 4K display.
   Its sticky header DOES grow, so reserve sufficient space above the heading. */
@media (min-width:1921px) {
  body.news-article-page .article-main {
    padding-top:calc(166px * var(--home-fold-scale,1))!important;
  }
}

