/* V8-PUB9E — Mobile hero and announcement refinement */

.announcement-mobile-copy{display:none}

@media (max-width:700px){
  /* Announcement: one deliberate mobile row, never a clipped desktop grid. */
  .announcement{
    min-height:44px!important;
    overflow:visible!important;
  }
  .announcement>.container{
    width:100%!important;
    max-width:none!important;
    padding-left:max(.85rem,env(safe-area-inset-left))!important;
    padding-right:max(.85rem,env(safe-area-inset-right))!important;
  }
  .announcement-link{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:.75rem!important;
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    padding:.55rem 0!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
  .announcement-mobile-copy{
    display:flex;
    align-items:baseline;
    gap:.4rem;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    color:rgba(241,230,212,.9);
    font-size:.78rem;
  }
  .announcement-mobile-copy strong{
    flex:0 0 auto;
    color:#f1e6d4;
    font-size:.79rem;
    letter-spacing:.01em;
  }
  .announcement-mobile-copy span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    color:rgba(112,209,200,.92);
  }
  .announcement-status,
  .announcement-sep,
  .announcement-title,
  .announcement-deadline{
    display:none!important;
  }
  .announcement-arrow{
    display:block!important;
    flex:0 0 auto;
    width:18px!important;
    height:18px!important;
    margin:0!important;
  }

  /* Header-to-hero rhythm: the hero should start as soon as the brand shell ends. */
  .pub9-hero{
    padding-top:clamp(.85rem,3.4vw,1.2rem)!important;
    padding-bottom:1.4rem!important;
  }
  .pub9-hero-grid{
    gap:.85rem!important;
  }
  .pub9-hero-copy{
    width:100%;
    min-width:0;
    padding-top:0!important;
  }
  .pub9-hero-copy .eyebrow{
    margin-bottom:.8rem!important;
  }
  .pub9-hero-copy h1{
    margin-bottom:1rem!important;
  }
  .pub9-hero-copy .lede{
    width:100%;
    max-width:100%!important;
    margin-bottom:1.15rem!important;
    font-size:clamp(.98rem,4.45vw,1.08rem)!important;
    line-height:1.6!important;
    overflow-wrap:anywhere;
  }

  /* CTA hierarchy: primary > secondary > tertiary, without viewport-wide bars. */
  .pub9-hero-copy>.actions{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:.7rem!important;
    width:100%!important;
    margin-bottom:1rem!important;
  }
  .pub9-hero-copy>.actions .button{
    display:inline-flex!important;
    width:min(100%,17.5rem)!important;
    max-width:100%!important;
    min-height:48px!important;
    padding:.72rem 1.1rem!important;
    box-sizing:border-box!important;
    justify-content:center!important;
    border-radius:999px!important;
    font-size:.95rem!important;
    line-height:1.15!important;
  }
  .pub9-hero-copy>.actions .button-ghost{
    width:min(100%,14.75rem)!important;
    min-height:46px!important;
    background:rgba(6,25,28,.28)!important;
  }
  .pub9-hero-copy>.pub1-mandate-link{
    display:inline-flex!important;
    align-items:center;
    gap:.45rem;
    width:auto!important;
    max-width:100%!important;
    margin-top:.05rem!important;
    padding:.2rem 0 .35rem!important;
    font-size:.92rem!important;
    line-height:1.3!important;
    white-space:normal!important;
    border-bottom-width:1px!important;
  }

  /* Bring the continental visual back into the same hero composition. */
  .pub9c-network-visual{
    width:106vw!important;
    min-height:430px!important;
    margin-top:-1.15rem!important;
    margin-bottom:-2rem!important;
  }
}

@media (max-width:430px){
  .announcement-link{min-height:42px!important}
  .announcement{min-height:42px!important}
  .announcement-mobile-copy{font-size:.74rem}
  .announcement-mobile-copy strong{font-size:.75rem}

  .pub9-hero{padding-top:.72rem!important}
  .pub9-hero-copy .eyebrow{margin-bottom:.7rem!important}
  .pub9-hero-copy>.actions .button{width:min(100%,16.5rem)!important}
  .pub9-hero-copy>.actions .button-ghost{width:min(100%,14rem)!important}
  .pub9c-network-visual{
    width:108vw!important;
    min-height:390px!important;
    margin-top:-1.35rem!important;
  }
}

@media (max-width:350px){
  .announcement-mobile-copy span{max-width:10rem}
  .pub9-hero-copy>.actions .button,
  .pub9-hero-copy>.actions .button-ghost{width:100%!important}
}