/* NOVA B84 — scoped public accessibility and responsive repairs.
 * Additive, after existing styles; no admin/auth/catalog/stream code changes.
 */
:is(.panel[data-page="channels"],.panel[data-page="how"],.panel[data-page="packages"],
    .panel[data-page="devices"],.panel[data-page="faq"],.panel[data-page="support"],
    .panel[data-page="privacy"],.panel[data-page="terms"],.panel[data-page="refund"])
    .eyebrow{color:#3346aa!important}
.panel[data-page="how"] .icon{
  color:#27419e!important;
  font-weight:800!important;
}
.panel[data-page="home"] .home-package-card small{color:#354db3!important}
.panel[data-page="home"] .home-copy p,
.panel[data-page="home"] .home-benefit-grid p,
.panel[data-page="home"] .home-how-grid p{color:#475779!important}
.panel[data-page="home"] .home-multiview-section .eyebrow{color:#dbe3ff!important}
.panel[data-page="home"] .home-multiview-section .multiview-copy>p{
  color:#edf1ff!important;
  -webkit-line-clamp:unset!important;
  display:block!important;
  overflow:visible!important;
}
.panel[data-page="home"] .home-multiview-section .secondary{
  color:#fff!important;
  border-color:rgba(255,255,255,.5)!important;
}
.panel[data-page="home"] .home-multiview-section .multiview-copy h2{color:#fff!important}
.panel[data-page="home"] .home-package-card,
.panel[data-page="home"] .home-device-card{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}
.panel[data-page="home"] .home-device-grid,
.panel[data-page="home"] .home-package-grid{
  min-width:0!important;max-width:100%!important;
}
@media(max-width:900px){
 body .panel[data-page="home"] .home-section,
 body .panel[data-page="home"] .home-final-cta{
   box-sizing:border-box!important;
   width:calc(100% - 24px)!important;
   max-width:calc(100% - 24px)!important;
   margin-inline:auto!important;
   min-width:0!important;
 }
 body .panel[data-page="home"] .home-hero{
   box-sizing:border-box!important;
   width:calc(100% - 24px)!important;
   max-width:calc(100% - 24px)!important;
   min-width:0!important;
   overflow:hidden!important;
 }
 body .panel[data-page="home"] .home-hero .home-copy,
 body .panel[data-page="home"] .home-hero .home-media,
 body .panel[data-page="home"] .home-hero .home-brand-visual{
   box-sizing:border-box!important;min-width:0!important;max-width:100%!important;
 }
 body .panel[data-page="home"] .brand-constellation{
   box-sizing:border-box!important;
   width:100%!important;max-width:100%!important;min-width:0!important;
 }
 body .panel[data-page="home"] .home-package-card,
 body .panel[data-page="home"] .home-device-card{
   width:100%!important;
   min-width:0!important;max-width:100%!important;
   overflow-wrap:anywhere!important;
   padding-inline:clamp(14px,3.5vw,24px)!important;
 }
 body .panel[data-page="home"] .home-device-grid,
 body .panel[data-page="home"] .home-package-grid{
   grid-template-columns:minmax(0,1fr)!important;
 }
 body .panel[data-page="home"] .home-package-card :is(button,.primary),
 body .panel[data-page="home"] .home-device-card :is(button,.secondary){
   box-sizing:border-box!important;min-width:0!important;max-width:100%!important;
 }
 body .panel[data-page="home"] .home-section :is(h2,h3,p){overflow-wrap:anywhere}
 body .panel[data-page="channels"] #category-row{
   display:flex!important;
   flex-wrap:wrap!important;
   overflow:visible!important;
   max-width:100%!important;
   gap:8px!important;
 }
 body .panel[data-page="channels"] #category-row button{
   flex:0 1 auto!important;white-space:normal!important;
   max-width:100%!important;
   min-height:42px!important;
 }
 .panel[data-page="packages"] .pricing-grid,
 .panel[data-page="devices"] .device-grid,
 .panel[data-page="how"] .how-steps{
   box-sizing:border-box!important;max-width:100%!important;min-width:0!important;
 }
 .panel[data-page="packages"] .pricing-grid>*,
 .panel[data-page="devices"] .device-grid>*,
 .panel[data-page="how"] .how-steps>*{
   min-width:0!important;max-width:100%!important;
 }
}
@media(max-width:480px){
 body .panel[data-page="home"] .home-hero{padding-inline:clamp(14px,4.5vw,22px)!important}
 body .panel[data-page="home"] .home-package-card strong{
   font-size:clamp(32px,11vw,48px)!important;
 }
}