/* Confirmed editorial copy: improve legibility without changing the section navigation.
   Layout-specific implementation identifiers and OMNI component selectors remain intact. */
.hero-copy .hero-quote{font-size:clamp(13px,1.05vw,16px);line-height:1.5;font-style:italic;font-weight:500;max-width:58ch;margin:16px 0 10px;color:var(--brand-paper)}
.hero-copy .hero-body-paragraph{font-size:var(--ds-body-size-base-3);line-height:var(--ds-body-line-base-2);color:var(--brand-paper);margin-top:12px;max-width:58ch}
.hero-copy .hero-intro{margin-top:12px}
/* Preserve panel heights and allow all approved paragraphs to be read. */
.hero-glass{max-height:calc(100svh - 150px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin}
.world-copy{max-height:calc(100svh - 165px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin}
.world-copy p + p{margin-top:12px}
.project-intro{overflow-y:auto;overscroll-behavior-y:contain;justify-content:safe center;scrollbar-width:thin}
.project-intro>p:not(.project-place)+p:not(.project-place){margin-top:0}
.byat-panel .byat-copy{overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin}
@media(max-width:900px){
  /* Copy gets a full-width reading column beneath the existing title/photo. */
  #inizio .hero-glass{grid-template-columns:minmax(0,1fr) minmax(90px,30%)!important;align-content:start!important;max-height:calc(100svh - 156px)!important;overflow-y:auto!important}
  #inizio .hero-copy{display:contents!important}
  #inizio .hero-copy h1{grid-column:1;grid-row:1;align-self:center!important}
  #inizio .hero-profile{grid-column:2!important;grid-row:1!important;width:100%!important;align-self:center!important}
  #inizio .hero-copy .hero-quote{grid-column:1/-1;grid-row:2;margin:12px 0 0!important;font-size:13px!important;line-height:1.45!important}
  #inizio .hero-copy .hero-intro,#inizio .hero-copy .hero-body-paragraph{grid-column:1/-1;font-size:var(--ds-body-size-mobile-13)!important;line-height:var(--ds-body-line-mobile-10)!important;margin:0!important;max-width:none!important}
  #inizio .hero-copy .hero-intro{grid-row:3}
  #inizio .hero-copy .hero-body-paragraph{margin-top:8px!important}
  #mondo .world-copy{max-height:calc(100svh - 154px)!important;overflow-y:auto!important}
  #mondo .world-copy p + p{margin-top:10px!important}
  #citta .project-intro{justify-content:safe flex-start!important;overflow-y:auto!important}
}
@media(max-height:600px){#inizio .hero-glass{max-height:calc(100svh - 140px)!important}}