/* /assets/nav-mega-40552d1c09.css */
/* ===== Cohesive header: mega-menu + unified CTA ===== */
header.nav .nav-inner{gap:14px}
header.nav .brand img{height:64px !important; width:auto !important}
nav.primary>ul{gap:16px; font-size:13.5px}
nav.primary li>a{white-space:nowrap; padding-bottom:20px}
nav.primary .caret{display:inline-block; width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); margin:-3px 0 0 4px; opacity:.45; transition:transform .2s ease, opacity .2s}
nav.primary li:hover>a .caret{transform:rotate(225deg); opacity:.85}

.submenu{position:absolute; top:100%; margin-top:-8px; left:0; right:auto; transform:none; background:var(--white,#fff); border:1px solid var(--line,#E7E1D4); border-radius:16px; padding:16px; box-shadow:var(--shadow-lg,0 30px 70px -28px rgba(40,30,15,.34)); display:none; z-index:140}
.submenu::before{content:""; position:absolute; top:-14px; left:0; right:0; height:14px}
nav.primary li:hover>.submenu, nav.primary li:focus-within>.submenu{display:flex}
.submenu.a-center{left:50%; transform:translateX(-50%)}
.submenu.a-right{left:auto; right:0}
.submenu.simple{flex-direction:column; min-width:230px; gap:1px}
.submenu.simple a{display:block; padding:10px 13px; border-radius:10px; font-size:14px; font-weight:600; color:var(--ink-2,#423C33); transition:background .15s,color .15s}
.submenu.simple a:hover{background:var(--paper,#FAF8F3); color:var(--accent-deep,#181511)}
.submenu.mega{flex-wrap:wrap; align-items:flex-start; gap:18px 30px; max-width:min(720px,92vw); padding:22px 26px}
.mgrp{display:flex; flex-direction:column; min-width:166px}
.mgrp.mgrp-2col{display:grid; grid-template-columns:1fr 1fr; gap:0 16px; align-content:start; min-width:220px}
.mgrp.mgrp-2col .mgrp-label{grid-column:1/-1}
.mgrp-label{font-family:'JetBrains Mono',ui-monospace,monospace; font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--accent,#F08647); font-weight:600; margin-bottom:9px; padding-bottom:9px; border-bottom:1px solid var(--line,#E7E1D4)}
.mgrp a{display:block; padding:6px 0; font-size:13.5px; font-weight:600; color:var(--ink-2,#423C33); line-height:1.35; transition:color .15s}
.mgrp a:hover{color:var(--accent-deep,#181511)}

/* ===== Unified CTA cluster ===== */
.nav-cta{display:flex; align-items:center; gap:10px}
.nav-search-btn{width:42px; height:42px; border-radius:50%; border:1px solid var(--line-strong,#D6CEBE); display:grid; place-items:center; background:transparent; color:var(--ink,#1B1916); transition:background .2s,color .2s,border-color .2s; flex-shrink:0; cursor:pointer; padding:0}
.nav-search-btn:hover{background:var(--ink,#1B1916); color:#fff; border-color:var(--ink,#1B1916)}
.nav-search-btn svg{width:17px; height:17px}
.nav-phone{font-weight:700; font-size:15px; color:var(--ink,#1B1916); display:none; align-items:center; gap:9px; padding:10px 16px; border:1px solid var(--line-strong,#D6CEBE); border-radius:999px; transition:background .2s,color .2s; white-space:nowrap; text-decoration:none}
.nav-phone:hover{background:var(--ink,#1B1916); color:#fff}
.nav-phone .ndot{width:7px; height:7px; border-radius:50%; background:#3FBF6F; flex-shrink:0; display:inline-block}
.nav-book{flex-shrink:0}
.nav-toggle{display:none; width:44px; height:44px; border:1px solid var(--line-strong,#D6CEBE); border-radius:50%; align-items:center; justify-content:center; background:transparent; flex-shrink:0; cursor:pointer; padding:0}
.nav-toggle>span{position:relative; display:block; width:18px; height:2px; background:var(--ink,#1B1916); border-radius:2px; transition:background .2s}
.nav-toggle>span::before,.nav-toggle>span::after{content:""; position:absolute; left:0; width:18px; height:2px; background:var(--ink,#1B1916); border-radius:2px; transition:transform .25s ease}
.nav-toggle>span::before{top:-6px}
.nav-toggle>span::after{top:6px}
body.drawer-open .nav-toggle>span{background:transparent}
body.drawer-open .nav-toggle>span::before{transform:translateY(6px) rotate(45deg)}
body.drawer-open .nav-toggle>span::after{transform:translateY(-6px) rotate(-45deg)}
body.drawer-open{overflow:hidden}

/* ===== Mobile accordion drawer ===== */
.drawer{position:fixed; inset:0; z-index:120; background:var(--paper,#FAF8F3); transform:translateX(100%); transition:transform .35s cubic-bezier(.22,1,.36,1); display:flex; flex-direction:column; padding:22px 24px; overflow-y:auto}
.drawer.open{transform:translateX(0)}
.drawer .cta-row{margin-top:20px; display:flex; flex-direction:column; gap:11px; flex-shrink:0}
.drawer-top{display:flex; align-items:center; justify-content:space-between}
.drawer-title{font-family:'JetBrains Mono',ui-monospace,monospace; font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:var(--muted,#6E675C)}
.drawer .x{width:46px; height:46px; border:1px solid var(--line-strong,#D6CEBE); border-radius:50%; background:var(--white,#fff); font-size:24px; line-height:1; color:var(--ink,#1B1916); cursor:pointer}
.dnav{display:flex; flex-direction:column; margin-top:16px; flex:1 1 auto; overflow-y:auto; -webkit-overflow-scrolling:touch}
.dnav .d-link{display:block; padding:15px 2px; border-bottom:1px solid var(--line,#E7E1D4); font-family:'Barlow Condensed',sans-serif; font-weight:700; text-transform:uppercase; font-size:25px; letter-spacing:-.01em; color:var(--ink,#1B1916)}
.d-sec{border-bottom:1px solid var(--line,#E7E1D4)}
.d-acc{display:flex; align-items:center; justify-content:space-between; width:100%; padding:15px 2px; background:none; border:0; font-family:'Barlow Condensed',sans-serif; font-weight:700; text-transform:uppercase; font-size:25px; letter-spacing:-.01em; color:var(--ink,#1B1916); cursor:pointer; text-align:left}
.d-caret{width:9px; height:9px; border-right:2px solid var(--accent,#F08647); border-bottom:2px solid var(--accent,#F08647); transform:rotate(45deg); transition:transform .25s ease; margin-right:6px; flex-shrink:0}
.d-acc[aria-expanded="true"] .d-caret{transform:rotate(-135deg)}
.d-panel{display:none; padding:2px 0 16px}
.d-sec.open .d-panel{display:block}
.d-panel a{display:block; padding:9px 0 9px 14px; font-size:16px; font-weight:600; color:var(--ink-2,#423C33)}
.d-panel a:hover{color:var(--accent-deep,#181511)}
.d-grp{display:block; font-family:'JetBrains Mono',ui-monospace,monospace; font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--accent,#F08647); margin:14px 0 3px; font-weight:600}
.d-grp:first-child{margin-top:4px}

/* ===== Responsive: collapse to hamburger early enough to never overflow ===== */
@media (min-width:1500px){ .nav-phone{display:inline-flex} }
@media (max-width:1280px){
  nav.primary{display:none}
  .nav-toggle{display:inline-flex}
  .nav-phone{display:none}
  .nav-book{display:none}
  .nav-cta{gap:8px}
}
@media (max-width:1040px){ header.nav .brand img{height:58px !important} }
@media (max-width:560px){
  .nav-search-btn{width:40px; height:40px}
  .nav-toggle{width:42px; height:42px}
  header.nav .brand img{height:50px !important}
}

/* /assets/search-pathways-v1.css */
/* Search-informed patient pathways.
   Shared across the five high-opportunity clinical pages. */
.search-pathways{
  padding:clamp(52px,7vw,92px) 0;
  background:var(--ground-2,var(--bg-2,#f7f4ee));
  border-block:1px solid var(--line,#e8e4dc);
}
.search-pathways .sp-wrap{
  width:min(1180px,calc(100% - 40px));
  margin-inline:auto;
}
.search-pathways .sp-head{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);
  gap:clamp(28px,5vw,72px);
  align-items:end;
  margin-bottom:clamp(28px,4vw,46px);
}
.search-pathways .sp-kicker{
  display:block;
  margin-bottom:12px;
  color:var(--accent-deep,#F08647);
  font:600 11px/1.2 "JetBrains Mono",monospace;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.search-pathways h2{
  margin:0;
  color:var(--ink,#1f2123);
  font:800 clamp(36px,5vw,64px)/.94 "Barlow Condensed",sans-serif;
  letter-spacing:-.02em;
  text-transform:uppercase;
}
.search-pathways h2 em{color:var(--accent,#F08647);font-style:normal}
.search-pathways .sp-intro{
  margin:0;
  color:var(--ink-soft,#4b4b47);
  font:400 clamp(17px,1.8vw,20px)/1.58 "Source Sans 3",sans-serif;
}
.search-pathways .sp-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid var(--line,#e8e4dc);
  border-radius:24px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 18px 46px -36px rgba(31,33,35,.4);
}
.search-pathways .sp-card{
  min-height:210px;
  padding:clamp(24px,3vw,34px);
  color:var(--ink,#1f2123);
  text-decoration:none;
  border-right:1px solid var(--line,#e8e4dc);
  display:flex;
  flex-direction:column;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.search-pathways .sp-card:last-child{border-right:0}
.search-pathways .sp-card:hover,
.search-pathways .sp-card:focus-visible{
  background:var(--accent,#F08647);
  color:#171512;
}
.search-pathways .sp-card:focus-visible{
  outline:3px solid #171512;
  outline-offset:-5px;
}
.search-pathways .sp-no{
  color:var(--accent-deep,#F08647);
  font:600 12px/1 "JetBrains Mono",monospace;
  letter-spacing:.14em;
}
.search-pathways .sp-card:hover .sp-no,
.search-pathways .sp-card:focus-visible .sp-no{color:#171512}
.search-pathways .sp-title{
  margin:28px 0 9px;
  font:800 clamp(23px,2.4vw,31px)/1 "Barlow Condensed",sans-serif;
  letter-spacing:-.01em;
  text-transform:uppercase;
}
.search-pathways .sp-copy{
  color:var(--ink-soft,#55514a);
  font:400 15px/1.48 "Source Sans 3",sans-serif;
}
.search-pathways .sp-card:hover .sp-copy,
.search-pathways .sp-card:focus-visible .sp-copy{color:#2f271f}
.search-pathways .sp-arrow{
  margin-top:auto;
  padding-top:22px;
  font-size:22px;
  line-height:1;
}
@media(max-width:900px){
  .search-pathways .sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .search-pathways .sp-card:nth-child(2){border-right:0}
  .search-pathways .sp-card:nth-child(-n+2){border-bottom:1px solid var(--line,#e8e4dc)}
}
@media(max-width:680px){
  .search-pathways{padding:48px 0}
  .search-pathways .sp-wrap{width:min(100% - 28px,1180px)}
  .search-pathways .sp-head{grid-template-columns:1fr;gap:18px}
  .search-pathways .sp-grid{grid-template-columns:1fr;border-radius:18px}
  .search-pathways .sp-card{
    min-height:0;
    border-right:0;
    border-bottom:1px solid var(--line,#e8e4dc);
  }
  .search-pathways .sp-card:nth-child(3){border-bottom:1px solid var(--line,#e8e4dc)}
  .search-pathways .sp-card:last-child{border-bottom:0}
  .search-pathways .sp-title{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){
  .search-pathways .sp-card{transition:none}
}

/* /assets/pinnacle-brand-navigation.css */
/* Approved Pinnacle orange: #F08647. Shared UI, not manufacturer artwork. */
:root{--pinnacle-orange:#F08647;--gn-accent:#F08647;--gn-accentd:#181511}
body .g-nav,body .g-nav.scrolled{background:#fff!important;backdrop-filter:none!important}
body .pinn-dock #pdAsk{background:#fff!important;color:#181511!important;box-shadow:inset 0 0 0 1.5px var(--pinnacle-orange)!important}
body .pinn-dock #pdAsk:hover,body .pinn-dock #pdAsk[aria-expanded="true"]{background:var(--pinnacle-orange)!important;color:#181511!important}
body .pinn-dock #pdAsk :where(span,svg){color:inherit!important}
body .hero-proof{color:#5C554C!important}
body .hero-proof .hp-sep{color:#756C61!important}
body .hero-proof .star{color:var(--pinnacle-orange)!important}
body .g-quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 18px;padding:0 0 18px;border-bottom:1px solid #DED4C4}
body .g-quick-links a,body .g-quick-links button{display:flex;align-items:center;min-height:46px;margin:0;padding:10px 12px;border:1px solid #DED4C4;border-radius:10px;background:#fff;color:#181511;font:600 15px/1.3 'Barlow',sans-serif;text-decoration:none;text-align:left;cursor:pointer}
body .g-quick-links :is(a,button):hover{border-color:var(--pinnacle-orange);text-decoration:underline;text-decoration-color:var(--pinnacle-orange);text-underline-offset:4px}
body .g-quick-links :is(a,button):focus-visible{outline:3px solid #181511;outline-offset:2px}
body .g-dr .g-book{display:flex!important;max-width:none!important;width:100%;justify-content:center}
body[data-pa-route="/journal"] .hero .pa-editorial-photo-card{margin:28px 0 0}
body[data-pa-route="/journal"] .hero .pa-epc-wrap{width:100%;max-width:none}
body[data-pa-route="/journal"] .hero .pa-epc-card{width:100%;max-width:none;border-radius:16px;box-shadow:none}
body[data-pa-route="/journal"] .hero .pa-epc-media{height:280px;aspect-ratio:auto}
body[data-pa-route="/journal"] .hero .pa-epc-media :is(picture,img){height:100%!important;aspect-ratio:auto!important}
body[data-pa-route="/journal"] .hero .pa-epc-media img{object-position:center 16%}
body #request [hidden]{display:none!important}
body .g-care-rail{display:flex;justify-content:center;gap:8px 28px;flex-wrap:wrap;padding:10px 20px;border-bottom:1px solid #DED4C4;background:#FAF8F3;color:#181511}
body .g-care-rail a{display:flex;align-items:center;min-height:36px;font:600 15px/1.3 'Source Sans 3',sans-serif;color:#181511;text-decoration:none;white-space:nowrap}
body .g-care-rail a:hover,body .g-care-rail a:focus-visible{text-decoration:underline;text-decoration-color:#F08647;text-underline-offset:5px}
body .g-footer .g-location-hours{display:inline-block;margin-top:8px;color:#FFFDF8!important}
@media(max-width:760px){body .g-care-rail{gap:4px 18px;padding:8px 16px}body .g-care-rail a{min-height:36px;font-size:13px}}
@media(max-width:760px){
  body .pinn-dock[data-yield="true"]{visibility:hidden!important;pointer-events:none!important}
  body[data-pa-route="/journal"] .hero .pa-epc-media{height:180px}
}

/* /assets/responsive-shell.css */
/* Pinnacle Audiology shared responsive contract.
   Only non-negotiable mobile safety behavior belongs here. */

@media (max-width: 760px) {
  /* The first screen must never depend on an observer or animation timer. */
  body.reveal-ready :where(.hero, .page-hero, .vid-hero, .store-hero, main > :first-child)
    :where([data-reveal], [data-qcl-reveal]),
  body.qcl-reveal-ready :where(.hero, .page-hero, .vid-hero, .store-hero, main > :first-child)
    :where([data-reveal], [data-qcl-reveal]) {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
  }

  /* Keep the floating action dock from covering the final footer links. */
  .g-footer {
    padding-bottom: calc(96px + env(safe-area-inset-bottom));
  }

  body {
    scroll-padding-bottom: 96px;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  /* Shared shell surfaces may not create document-level horizontal overflow. */
  .g-topbar,
  .g-dr,
  .g-sov {
    max-width: 100vw;
    overflow-x: hidden;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-reveal],
  [data-qcl-reveal] {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }
}

/* /assets/editorial-lux-v1.css */
/* =====================================================================
   PINNACLE AUDIOLOGY — EDITORIAL LUXURY COMPOSITION LAYER
   Presentation-only treatment for repeated service, resource and location
   templates. Warm Pinnacle orange, cream, black and warm gray only.
   ===================================================================== */

:root{
  --pae-orange:#F08647;
  --pae-orange-deep:#181511;
  --pae-ink:#181511;
  --pae-ink-soft:#4F473E;
  --pae-cream:#F8F3EA;
  --pae-paper:#FFFDF9;
  --pae-line:#DED4C4;
  --pae-muted:#746B60;
  --pae-radius:22px;
  --pae-shadow:0 30px 70px -48px rgba(42,29,16,.52);
}

body.pa-editorial-system main{
  min-width:0;
  isolation:isolate;
}

body.pa-editorial-system main :where(h1,h2,h3,.display,.h-xl,.h-lg,.h-md){
  text-wrap:balance;
}

body.pa-editorial-system main :where(p,.lede,.intro,li){
  text-wrap:pretty;
}

body.pa-editorial-system main :where(img,video,iframe){
  max-width:100%;
}

/* Editorial first screen for content-led pages without photography. */
body.pa-editorial-system.pa-no-content-media:not(.pa-route-family-video):not(.pa-route-family-journal)
  main > :is(.page-hero,.hero):first-child{
  background:
    radial-gradient(circle at 88% 22%,rgba(240,134,71,.19),transparent 28%),
    linear-gradient(rgba(92,72,49,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(92,72,49,.055) 1px,transparent 1px),
    linear-gradient(145deg,#fffdfa 0%,#f6efe5 100%) !important;
  background-size:auto,58px 58px,58px 58px,auto !important;
  border-bottom:1px solid var(--pae-line) !important;
}

body.pa-editorial-system.pa-no-content-media:not(.pa-route-family-video):not(.pa-route-family-journal)
  main > :is(.page-hero,.hero):first-child :where(.ph-image,.hero-media,.hero-image):empty{
  min-height:clamp(280px,34vw,470px);
  border:1px solid rgba(181,83,32,.26);
  border-radius:clamp(18px,3vw,34px);
  background:
    radial-gradient(circle at 50% 50%,transparent 0 18%,rgba(240,134,71,.20) 18.3% 18.7%,transparent 19% 32%,rgba(240,134,71,.15) 32.3% 32.7%,transparent 33% 46%,rgba(240,134,71,.10) 46.3% 46.7%,transparent 47%),
    linear-gradient(145deg,rgba(255,253,249,.9),rgba(244,235,223,.86));
}

/* Repair the previously under-specified card-grid component. */
body.pa-editorial-system main .card-grid{
  --pae-card-gap:clamp(12px,1.5vw,20px);
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  gap:var(--pae-card-gap) !important;
  align-items:stretch;
  counter-reset:pae-card;
  margin-top:clamp(26px,4vw,48px);
}

body.pa-editorial-system main .card-grid > .card{
  grid-column:span 4;
  min-width:0;
  min-height:clamp(210px,18vw,280px);
  position:relative;
  overflow:hidden;
  counter-increment:pae-card;
  border:1px solid var(--pae-line) !important;
  border-radius:var(--pae-radius) !important;
  background:linear-gradient(145deg,var(--pae-paper),#F7F0E6) !important;
  box-shadow:var(--pae-shadow) !important;
  transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s,box-shadow .28s;
}

body.pa-editorial-system main .card-grid > .card::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:42%;
  height:3px;
  background:linear-gradient(90deg,var(--pae-orange),transparent);
  pointer-events:none;
}

body.pa-editorial-system main .card-grid > .card .card-body{
  display:flex;
  min-height:100%;
  flex-direction:column;
  padding:clamp(24px,3vw,38px) !important;
}

body.pa-editorial-system main .card-grid > .card .card-body::before{
  content:"0" counter(pae-card);
  display:block;
  margin:0 0 clamp(28px,5vw,54px);
  color:var(--pae-orange-deep);
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:11px;
  font-weight:700;
  letter-spacing:.18em;
}

body.pa-editorial-system main .card-grid > .card :where(h3,.h-md){
  margin-top:0;
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(27px,2.6vw,39px);
  font-weight:750;
  line-height:.98;
  letter-spacing:-.015em;
  text-transform:uppercase;
}

body.pa-editorial-system main .card-grid > .card p{
  margin-bottom:0;
  color:var(--pae-ink-soft);
  line-height:1.62;
}

body.pa-editorial-system main .card-grid > .card :where(.card-link,a:not(.btn)){
  color:var(--pae-orange-deep);
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

/* Exact-count compositions keep rows intentional instead of leaving orphans. */
body.pa-editorial-system main .card-grid:has(> :nth-child(1):last-child) > .card{grid-column:1/-1;min-height:0}
body.pa-editorial-system main .card-grid:has(> :nth-child(2):last-child) > .card{grid-column:span 6}
body.pa-editorial-system main .card-grid:has(> :nth-child(4):last-child) > .card{grid-column:span 6}
body.pa-editorial-system main .card-grid:has(> :nth-child(5):last-child) > .card:nth-child(-n+2){grid-column:span 6}

@media(hover:hover){
  body.pa-editorial-system main .card-grid > .card:hover{
    transform:translateY(-5px);
    border-color:rgba(181,83,32,.48) !important;
    box-shadow:0 32px 76px -42px rgba(42,29,16,.6) !important;
  }
}

/* Tile-heavy pages get section rhythm and one restrained dark editorial beat. */
body.pa-editorial-system.pa-tile-heavy main > .section:nth-of-type(even):not(.faq):not(.related-services),
body.pa-editorial-system.pa-tile-heavy main > .pad:nth-of-type(even):not(.cta){
  background:
    linear-gradient(90deg,rgba(102,79,51,.045) 1px,transparent 1px),
    linear-gradient(rgba(102,79,51,.045) 1px,transparent 1px),
    var(--pae-cream) !important;
  background-size:64px 64px !important;
}

body.pa-editorial-system.pa-tile-heavy main > :is(.section,.pad):nth-of-type(4n+3)
  .card-grid > .card:first-child{
  background:linear-gradient(145deg,#171411,#2B211A) !important;
  border-color:#171411 !important;
  color:#FFF9F0;
}

body.pa-editorial-system.pa-tile-heavy main > :is(.section,.pad):nth-of-type(4n+3)
  .card-grid > .card:first-child :where(h3,.h-md,p,a,.eyebrow){
  color:inherit !important;
}

/* Existing cov grids retain their page-specific layout, but no longer look flat. */
body.pa-editorial-system.pa-tile-heavy main .cov-grid > .cov{
  position:relative;
  overflow:hidden;
  border-color:var(--pae-line) !important;
  border-radius:clamp(16px,2vw,24px) !important;
  background:linear-gradient(145deg,#fff,var(--pae-cream)) !important;
  box-shadow:var(--pae-shadow) !important;
}

body.pa-editorial-system.pa-tile-heavy main .cov-grid > .cov::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,var(--pae-orange),transparent 72%);
  pointer-events:none;
}

/* Process lists become a confident editorial timeline. */
body.pa-editorial-system main .steps{
  position:relative;
  counter-reset:pae-step;
}

body.pa-editorial-system main .steps > li{
  counter-increment:pae-step;
  border-color:var(--pae-line) !important;
}

body.pa-editorial-system main .steps > li :where(.step-n,.sn){
  border-color:rgba(240,134,71,.55) !important;
  color:var(--pae-orange-deep) !important;
}

/* Long prose sections should read like a magazine, not a CMS dump. */
body.pa-editorial-system.pa-tile-heavy main .prose{
  max-width:76ch;
  padding-left:clamp(18px,3vw,38px);
  border-left:2px solid var(--pae-orange);
}

body.pa-editorial-system main :where(.accordion,.faqx){
  border-top:1px solid var(--pae-line);
  border-bottom:1px solid var(--pae-line);
}

body.pa-editorial-system main :where(.acc-item,details){
  border-color:var(--pae-line) !important;
}

body.pa-editorial-system:is(.pa-tile-heavy,.pa-no-content-media):not(.pa-route-family-journal):not(.pa-route-family-video)
  main :where(.cta-banner,.cta,.midcta){
  background:
    radial-gradient(circle at 50% 0,rgba(240,134,71,.20),transparent 38%),
    linear-gradient(145deg,#181511,#2A2019) !important;
  color:#FFF9F0;
}

body.pa-editorial-system:is(.pa-tile-heavy,.pa-no-content-media):not(.pa-route-family-journal):not(.pa-route-family-video)
  main :where(.cta-banner,.cta,.midcta) :where(h2,p,.eyebrow){
  color:inherit !important;
}

body.pa-editorial-system:is(.pa-tile-heavy,.pa-no-content-media):not(.pa-route-family-journal):not(.pa-route-family-video)
  main :where(.cta-banner,.cta,.midcta) .btn.ghost{
  color:#FFF9F0 !important;
  border-color:rgba(255,249,240,.42) !important;
}

/* Location pages receive a slightly more hospitable, less clinical cadence. */
body.pa-editorial-system.pa-route-family-location main .cov-grid > .cov:first-child{
  background:linear-gradient(145deg,#181511,#2B211A) !important;
  color:#FFF9F0;
}

body.pa-editorial-system.pa-route-family-location main .cov-grid > .cov:first-child :where(h3,p,a,.sec-label){
  color:inherit !important;
}

@media(max-width:900px){
  body.pa-editorial-system main .card-grid > .card,
  body.pa-editorial-system main .card-grid:has(> :nth-child(2):last-child) > .card,
  body.pa-editorial-system main .card-grid:has(> :nth-child(4):last-child) > .card,
  body.pa-editorial-system main .card-grid:has(> :nth-child(5):last-child) > .card:nth-child(-n+2){
    grid-column:span 6;
  }
}

@media(max-width:680px){
  body.pa-editorial-system main .card-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin-top:24px;
  }

  body.pa-editorial-system main .card-grid > .card,
  body.pa-editorial-system main .card-grid:has(> :nth-child(1):last-child) > .card,
  body.pa-editorial-system main .card-grid:has(> :nth-child(2):last-child) > .card,
  body.pa-editorial-system main .card-grid:has(> :nth-child(4):last-child) > .card,
  body.pa-editorial-system main .card-grid:has(> :nth-child(5):last-child) > .card:nth-child(-n+2){
    grid-column:1 !important;
    min-height:0;
    border-radius:17px !important;
  }

  body.pa-editorial-system main .card-grid > .card .card-body{
    padding:24px !important;
  }

  body.pa-editorial-system main .card-grid > .card .card-body::before{
    margin-bottom:22px;
  }

  body.pa-editorial-system main .card-grid > .card :where(h3,.h-md){
    font-size:30px;
  }

  body.pa-editorial-system.pa-tile-heavy main > .section:nth-of-type(even):not(.faq):not(.related-services),
  body.pa-editorial-system.pa-tile-heavy main > .pad:nth-of-type(even):not(.cta){
    background-size:42px 42px !important;
  }

  body.pa-editorial-system main :where(.section-head,.mfr-head,.shead){
    margin-bottom:clamp(28px,8vw,44px);
  }

  body.pa-editorial-system main :where(.cta-ctas,.cta-actions,.hero-ctas,.hero-cta){
    width:100%;
  }

  body.pa-editorial-system main :where(.cta-ctas,.cta-actions,.hero-ctas,.hero-cta) > :where(a,button){
    width:100%;
    min-height:54px;
    justify-content:center;
    text-align:center;
  }
}

@media(prefers-reduced-motion:reduce){
  body.pa-editorial-system main .card-grid > .card{
    transition:none !important;
  }
}

@media print{
  body.pa-editorial-system main .card-grid > .card,
  body.pa-editorial-system.pa-tile-heavy main .cov-grid > .cov{
    box-shadow:none !important;
  }
}

/* /assets/visual-audit-fixes-v1.css */
/* =====================================================================
   PINNACLE AUDIOLOGY — VISUAL AUDIT REPAIR CONTRACT · 2026-08-05
   Centralized corrections for the 20-item desktop/mobile audit.
   No copy, medical facts, contact information, or branding is changed.
   ===================================================================== */

:root{
  --pav-orange:#F08647;
  --pav-orange-dark:#181511;
  --pav-ink:#181511;
  --pav-copy:#4E473F;
  --pav-cream:#F8F3EA;
  --pav-line:#DED4C4;
  --pav-display:clamp(58px,7.2vw,112px);
  --pav-page-title:clamp(48px,5.8vw,88px);
  --pav-section-title:clamp(38px,4.3vw,64px);
  --pav-ease-out:cubic-bezier(.23,1,.32,1);
  --pav-ease-in-out:cubic-bezier(.77,0,.175,1);
}

html,body{max-width:100%;overflow-x:clip}
body.pa-editorial-system main,
body.pa-editorial-system main :where(section,article,div,figure,ul,ol){min-width:0}
body.pa-editorial-system main :where(img,picture,video,iframe,svg){max-width:100%}
body.pa-editorial-system main :where(p,li,a,h1,h2,h3){overflow-wrap:break-word}

/* 11 — Pinnacle orange remains the brand color; dark ink restores contrast. */
:where(.g-book,.btn.accent,.btn.primary,.hac-btn.primary,.mb-book,.mobile-bar .mb-book,
  .pinn-dock .pd-orange,.pinn-dock a[href*="schedule"],.cta .btn.accent){
  background-color:var(--pav-orange)!important;
  color:var(--pav-ink)!important;
  text-shadow:none!important;
}
:where(.g-book,.btn.accent,.btn.primary,.hac-btn.primary,.mb-book,.pinn-dock .pd-orange) :where(svg,path){
  color:currentColor!important;stroke:currentColor;
}

/* 12 — The dock is an accessibility tool, not microcopy. */
.pinn-dock{min-height:64px!important;padding:7px!important;gap:5px!important}
.pinn-dock :where(a,button){min-height:50px!important;min-width:56px!important;font-size:13px!important;line-height:1.1!important;letter-spacing:.035em!important}
body .pinn-dock .pd-btn{font-size:13px!important;line-height:1.1!important;letter-spacing:.035em!important}
body .pinn-dock .pd-btn.pd-orange{background:var(--pav-orange)!important;color:var(--pav-ink)!important}
body .pinn-dock .pd-btn.pd-orange :where(svg,.pd-ic){color:var(--pav-ink)!important;stroke:currentColor!important}
.pinn-dock :where(svg){width:21px!important;height:21px!important}

/* 13 — A stable display scale across old and new page templates. */
body.pa-editorial-system main :where(.display,.hp-h1,.hac-display,.vg-title){font-size:var(--pav-display)!important;line-height:.91!important;letter-spacing:-.018em}
body.pa-editorial-system main :where(.page-hero h1,.hero h1,.mfr-hero h1):not(.display):not(.hp-h1):not(.hac-display){font-size:var(--pav-page-title)!important;line-height:.95!important}
body.pa-editorial-system main :where(.h2,.hac-h2,.section-head h2){font-size:var(--pav-section-title);line-height:1}

/* 1–2 — Hearing protection products preserve their real proportions. */
body[data-pa-route="/protection"] .hp-stage{contain:layout paint;overflow:hidden}
body[data-pa-route="/protection"] .hp-float,
body[data-pa-route="/protection"] .hp-float img,
body[data-pa-route="/protection"] .hp-card-img img{
  object-fit:contain!important;
  object-position:center!important;
}
body[data-pa-route="/protection"] .hp-float img{display:block;width:100%!important;height:100%!important}
body[data-pa-route="/protection"] .hp-why-art{overflow:hidden!important}

/* 3 — Video hub: every grid child can shrink and no brand rail is clipped. */
body[data-pa-route="/hearing-aid-videos"] :where(.vid-hero,.video-index,.bp-grid,.vrow,.sched,.wrap){min-width:0;max-width:100%}
body[data-pa-route="/hearing-aid-videos"] :where(.bp-grid,.vrow,.sched)>*{min-width:0;max-width:100%}

/* 4 — Hearing-aid comparison and cost cards stay inside the viewport. */
body[data-pa-route="/hearing-aids"] :where(.ha-hero-grid,.ha-proof,.cov-grid,.brand-grid,.brand-row,.ha-cost-grid,.ha-cost-included,.g-trust-in)>*{
  min-width:0;max-width:100%;
}
body[data-pa-route="/hearing-aids"] .brand-row{width:100%;overflow:hidden}

/* 5 — Complete layout contract for the previously under-styled Phonak page. */
body[data-pa-route="/phonak-infinio-sphere"] main .container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
body[data-pa-route="/phonak-infinio-sphere"] .page-hero{padding:clamp(54px,8vw,104px) 0}
body[data-pa-route="/phonak-infinio-sphere"] .ph-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(30px,5vw,72px);align-items:start}
body[data-pa-route="/phonak-infinio-sphere"] :where(.fact-card,.card,.card-grid,.section-head,.hero-ctas){min-width:0;max-width:100%}
body[data-pa-route="/phonak-infinio-sphere"] .fact-card{border:1px solid var(--pav-line);border-radius:22px;background:#fff;padding:clamp(24px,3vw,40px)}
body[data-pa-route="/phonak-infinio-sphere"] .hero-ctas{display:flex;flex-wrap:wrap;gap:12px}

/* 6 + 16 — Two-row, discoverable manufacturer navigation and mobile details. */
.pa-mobile-details{display:none}

/* 8 — Reviews gallery/logo/location components respect their containers. */
body[data-pa-route="/reviews"] :where(.pgal,.pgal-grid,.tap-grid,.tap-card,.tap-logo,.pgal-brand,.pgal-team){min-width:0;max-width:100%}
body[data-pa-route="/reviews"] :where(.tap-logo img,.pgal-brand img,.pgal-brand-ear){height:auto!important;object-fit:contain!important}

/* 9 — One high-risk article: eliminate overflow and protect light-card copy. */
body[data-pa-route="/journal/best-hearing-aids-nyc"] :where(.hero-grid,.tech-grid,.tier-grid,.compare,.card-grid,.brand-quick-grid)>*{min-width:0;max-width:100%}
body[data-pa-route="/journal/best-hearing-aids-nyc"] main :where(.tech-cell,.tier,.bq-card,.card):not(.intro-card-dark) :where(p,li,a,span){color:var(--pav-ink)}

/* 10, 14 + 15 — All generated video pages: compact, legible, overflow-safe. */
body.pa-route-family-video :where(.vg-wrap,.vg-grid,.vg-video,.vg-panel,.vg-sections,.vg-section,.vg-links,.vg-list,.vg-brand){min-width:0;max-width:100%}
body.pa-route-family-video .vg-title{font-size:clamp(48px,6vw,76px);line-height:.98;max-width:16ch}
body.pa-route-family-video .vg-hero{padding-block:clamp(42px,6vw,68px) clamp(34px,5vw,52px);min-height:0!important}
body.pa-route-family-video .vg-grid{padding-block:clamp(30px,4vw,52px)}

/* 17–18 — Long pages/articles gain chapter pacing without fake imagery. */
body.pa-longform main{counter-reset:pav-chapter}
body.pa-longform main :where(article,.prose,.art-body,.article-body) h2{
  counter-increment:pav-chapter;
  position:relative;
  margin-block:clamp(70px,9vw,120px) .55em!important;
  padding-top:26px;
  font-size:clamp(34px,4.4vw,54px)!important;
  line-height:1.08!important;
  text-wrap:balance;
}
body.pa-longform main :where(article,.prose,.art-body,.article-body) h2::before{
  content:"0" counter(pav-chapter);
  position:absolute;top:0;left:0;
  color:var(--pav-orange-dark);
  font:700 10px/1 'JetBrains Mono',ui-monospace,monospace;
  letter-spacing:.18em;
}
body.pa-longform main :where(article,.prose,.art-body,.article-body) h2::after{
  content:"";position:absolute;top:4px;left:34px;width:44px;height:1px;background:var(--pav-orange);
}
body.pa-route-family-journal main :where(article,.prose,.art-body,.article-body) h3{line-height:1.16!important;margin-block:1.8em .55em!important}
body.pa-route-family-journal main :where(article,.prose,.art-body,.article-body) :where(p,li){line-height:1.72}

/* 20 — This file is the final compatibility layer across both shared shells. */

/* Motion system — calm, interruptible, and limited to useful state change. */
@media(min-width:761px) and (prefers-reduced-motion:no-preference){
  body.pa-editorial-system main :where([data-reveal],[data-qcl-reveal],[data-hac-reveal],.reveal){
    filter:none!important;
    transition-property:opacity,transform!important;
    transition-duration:480ms!important;
    transition-timing-function:var(--pav-ease-out)!important;
  }
}

/* Accordion content opens through its intrinsic row instead of max-height. */
body.pa-editorial-system main .acc-a{
  display:grid!important;
  grid-template-rows:0fr;
  max-height:none!important;
  overflow:hidden;
  opacity:0;
  transition:grid-template-rows 200ms var(--pav-ease-out),opacity 200ms var(--pav-ease-out)!important;
}
body.pa-editorial-system main .acc-a>.acc-a-inner{
  min-height:0;
  overflow:hidden;
  padding-bottom:0!important;
}
body.pa-editorial-system main .acc-a>.acc-a-inner::after{
  content:"";
  display:block;
  height:28px;
}
body.pa-editorial-system main .acc-item[open]>.acc-a{grid-template-rows:1fr;opacity:1}
body.pa-editorial-system main details.acc-item>.acc-a{display:grid!important}

/* Manufacturer guides use direct paragraph/list children and an `.acc.open`
   state. Keep their authored display toggle instead of applying the wrapped
   intrinsic-row pattern used by the shared details accordions. */
body.pa-editorial-system main .mfr-page .acc>.acc-a{
  display:none!important;
  grid-template-rows:none!important;
  max-height:none!important;
  opacity:1;
  transition:none!important;
}
body.pa-editorial-system main .mfr-page .acc.open>.acc-a{display:block!important}
body.pa-editorial-system main .acc-q .ic{
  transition:transform 160ms var(--pav-ease-out),background-color 180ms ease,border-color 180ms ease,color 180ms ease!important;
}

/* The shared shell owns the reading-progress indicator. */
body.pa-editorial-system .scroll-prog{display:none!important}

/* Established controls all share the same short, tactile press response. */
body.pa-editorial-system main :where(
  a.btn,button.btn,.hac-btn,.hero-ctas a,.cta-ctas a,
  .q-opt,.quiz-opt,.qz-opt,.quiz-back,.quiz-retake,.chip,.pa-path-card
){
  transition-property:transform,background-color,border-color,color,box-shadow!important;
  transition-duration:160ms,180ms,180ms,180ms,180ms!important;
  transition-timing-function:var(--pav-ease-out),ease,ease,ease,ease!important;
}
@media(hover:hover) and (pointer:fine){
  body.pa-editorial-system main :where(
    .card,.cov,.step,.pcard,.bcard,.tier,.service-card,.feature-card,
    .tap-card,.life-card,.rev-card,.pa-path-card,
    .hero-photo .hp-frame img,.mfr-shot img,.prod-img
  ){
    transition-duration:180ms!important;
    transition-timing-function:var(--pav-ease-out)!important;
  }
}

@media(hover:none),(pointer:coarse){
  body.pa-editorial-system main :where(
    .card,.cov,.step,.pcard,.bcard,.tier,.service-card,.feature-card,
    .tap-card,.life-card,.rev-card,.pa-path-card,
    a.btn,button.btn,.hac-btn,.hero-ctas a,.cta-ctas a,
    .q-opt,.quiz-opt,.qz-opt,.quiz-back,.quiz-retake,.chip
  ):hover{transform:none!important}
  body.pa-editorial-system main :where(.btn,.cov,.pcard):hover :where(.arr,.arrow){transform:none!important}
  body.pa-editorial-system main :where(.hero-photo,.mfr-shot):hover img{transform:none!important}
}
body.pa-editorial-system main :where(
  a.btn,button.btn,.hac-btn,.hero-ctas a,.cta-ctas a,
  .q-opt,.quiz-opt,.qz-opt,.quiz-back,.quiz-retake,.chip,.pa-path-card
):active{transform:scale(.97)!important}

/* Decorative loops rest in their authored first frame. */
body.pa-editorial-system :where(.g-dot,.topbar .dot,.reach-live i){animation:none!important}
body[data-pa-route="/"] :where(.sound-badge .bars i,.lux-word,.rev-track){animation:none!important}
body[data-pa-route="/protection"] :where(.hp-eq span,.hp-float,.hp-track,.hp-why-art img){animation:none!important}
body.flagship-hearing[data-pa-route="/hearing-aids"] #consultation .step .sn{animation:none!important}
.mfr-page :where(.mfr-hero img,.pcard-media img,.acc-media img,.el-stage){animation:none!important}
body[data-pa-route="/reviews"] .tap-card:hover .tap-logo img{animation:none!important}
body[data-pa-route="/journal/best-hearing-aids-nyc"] :where(
  .hero-photo,.hero-photo img,.prod-img,.prod-img-b,.prod-img-c,.prod-img-d,
  .life-card,.brands-photo,.float-dev-a,.float-dev-b,.float-dev-c,.float-dev-d,
  .dm-img-a,.dm-img-b,.dm-img-c,.dm-img-d,.dm-img-e
){animation:none!important}

@media(max-width:760px){
  :root{--pav-display:clamp(46px,13vw,64px);--pav-page-title:clamp(42px,12vw,58px);--pav-section-title:clamp(34px,9.5vw,48px)}

  /* 19 — Mobile must never wait for a reveal observer or retain blur. */
  body :where([data-reveal],[data-qcl-reveal],[data-hac-reveal],.in,.reveal){
    opacity:1!important;filter:none!important;transform:none!important;animation:none!important;transition:none!important;
  }

  /* The dock uses explicit insets at every mobile state. Keeping the geometry
     independent of the reveal/open classes prevents a transform from pushing
     the rail outside the viewport when Ask or Text Size is opened. */
  body .pinn-dock.pinn-dock{left:8px!important;right:8px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;justify-content:stretch!important;transform:none!important}
  .pinn-dock :where(a,button){flex:1 1 0!important;padding-inline:10px!important}

  body[data-pa-route="/protection"] .hp-stage{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;
    width:100%!important;max-width:100%!important;min-height:0!important;padding:18px!important;
  }
  body[data-pa-route="/protection"] .hp-float{
    position:static!important;inset:auto!important;transform:none!important;margin:0 auto!important;
    width:100%!important;max-width:100%!important;height:132px!important;padding:10px!important;
  }
  body[data-pa-route="/protection"] .hp-f1{grid-column:1/-1;height:230px!important;max-width:330px!important}

  body[data-pa-route="/hearing-aid-videos"] :where(.vid-hero .wrap,.hero-grid){display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  body[data-pa-route="/hearing-aid-videos"] .bp-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body[data-pa-route="/hearing-aid-videos"] :where(.vrow,.sched){grid-template-columns:minmax(0,1fr)!important}

  body[data-pa-route="/hearing-aids"] :where(.ha-hero-grid,.ha-proof,.cov-grid,.brand-grid,.ha-cost-grid,.ha-cost-included,.g-trust-in){grid-template-columns:minmax(0,1fr)!important}
  body.flagship-hearing[data-pa-route="/hearing-aids"] #modern .cov-grid,
  body.flagship-hearing[data-pa-route="/hearing-aids"] #brands .brand-grid,
  body.flagship-hearing[data-pa-route="/hearing-aids"] #tech-levels .tier-grid{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;overflow:visible!important;
    scroll-snap-type:none!important;padding-inline:0!important;
  }
  body.flagship-hearing[data-pa-route="/hearing-aids"] :where(#modern .cov,#brands .bcard,#tech-levels .tier){
    width:100%!important;max-width:100%!important;flex:auto!important;
  }
  body[data-pa-route="/hearing-aids"] .brand-row{grid-template-columns:82px minmax(0,1fr)!important;gap:14px!important;padding-inline:12px!important}
  body[data-pa-route="/hearing-aids"] :where(.ha-hero-visual,.ha-cost-next,.ha-cost-links){position:static!important;transform:none!important;width:100%!important}

  body[data-pa-route="/phonak-infinio-sphere"] main .container{width:min(100% - 36px,1180px)}
  body[data-pa-route="/phonak-infinio-sphere"]{margin:0!important}
  body[data-pa-route="/phonak-infinio-sphere"] main .container{box-sizing:border-box!important;padding-inline:0!important}
  body[data-pa-route="/phonak-infinio-sphere"] :where(.ph-grid,.card-grid,.section-head){grid-template-columns:minmax(0,1fr)!important;display:grid!important}
  body[data-pa-route="/phonak-infinio-sphere"] :where(.ph-grid>*,.card-grid>*,.fact-card){box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-inline:0!important}
  body[data-pa-route="/phonak-infinio-sphere"] .hero-ctas>.btn{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding-inline:18px!important}
  body[data-pa-route="/phonak-infinio-sphere"] .pa-pathways .wrap{box-sizing:border-box!important;width:100%!important;max-width:100%!important}
  body[data-pa-route="/phonak-infinio-sphere"] .pa-pathways :where(.pa-path-head,.pa-path-grid,.pa-path-card){box-sizing:border-box!important;width:100%!important;max-width:100%!important}
  body[data-pa-route="/phonak-infinio-sphere"] main section[style*="padding"]{padding-block:56px!important}

  .mfr-page .subnav .wrap{position:relative}
  .mfr-page .subnav-inner{
    display:grid!important;grid-template-rows:repeat(2,auto);grid-auto-flow:column;
    grid-auto-columns:minmax(118px,42vw);gap:5px!important;overflow-x:auto!important;
    scroll-snap-type:x proximity;padding:8px 54px 8px 0!important;
  }
  .mfr-page .subnav-inner a{scroll-snap-align:start;text-align:center;border:1px solid var(--pav-line);background:#fff}
  .mfr-page .subnav .wrap::after{
    content:"SWIPE →";position:absolute;right:0;top:0;bottom:0;z-index:2;display:grid;place-items:center;
    width:58px;color:var(--pav-orange-dark);font:700 9px/1 'JetBrains Mono',monospace;letter-spacing:.08em;
    background:linear-gradient(90deg,rgba(255,255,255,0),#fff 30%);
  }
  .mfr-page .pa-mobile-details{
    display:flex;width:calc(100% - 36px);margin:0 18px 18px;padding:13px 15px;align-items:center;justify-content:space-between;
    border:1px solid var(--pav-line);border-radius:9px;background:var(--pav-cream);color:var(--pav-ink);
    font:700 12px/1.2 'JetBrains Mono',monospace;letter-spacing:.04em;text-transform:uppercase;
  }
  .mfr-page .pa-mobile-details i{width:9px;height:9px;border-right:2px solid var(--pav-orange-dark);border-bottom:2px solid var(--pav-orange-dark);transform:rotate(45deg)}
  .mfr-page .pa-mobile-details[aria-expanded="true"] i{transform:rotate(-135deg)}
  body.pa-details-ready .mfr-page .pcard:not(.is-expanded) :where(.spec-grid,.pcard-sl){display:none!important}

  body.hac-page .hac-jump{position:relative!important;top:auto!important}
  body.hac-page .hac-jump-inner{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important}
  body.hac-page .hac-jump-label{grid-column:1/-1}
  body.hac-page .hac-jump-inner a{display:flex!important;width:100%!important;min-width:0!important;justify-content:center;text-align:center;white-space:normal!important}

  body[data-pa-route="/reviews"] .pgal-grid{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"man" "grd" "off" "team" "logo"!important;grid-template-rows:none!important;
    gap:12px!important;width:100%!important;padding-inline:18px!important;overflow:hidden!important;
  }
  body[data-pa-route="/reviews"] .tap-grid{grid-template-columns:minmax(0,1fr)!important}
  body[data-pa-route="/reviews"] :where(.pgal-grid>*,.tap-card,.tap-logo){width:100%!important;max-width:100%!important;transform:none!important}

  body[data-pa-route="/journal/best-hearing-aids-nyc"] :where(.hero-grid,.tech-grid,.tier-grid,.brand-quick-grid,.card-grid){grid-template-columns:minmax(0,1fr)!important}
  body[data-pa-route="/journal/best-hearing-aids-nyc"] :where(table,.compare){display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

  body.pa-route-family-video .vg-title{font-size:clamp(42px,12.5vw,54px)!important;line-height:1.02!important;max-width:100%}
  body.pa-route-family-video :where(.vg-grid,.vg-sections,.vg-links,.vg-list){grid-template-columns:minmax(0,1fr)!important}
  body.pa-route-family-video .vg-wrap{width:min(100% - 32px,1180px)!important}
}

@media(max-width:390px){
  .pinn-dock :where(a,button){font-size:12px!important;min-width:0!important;padding-inline:6px!important}
  body[data-pa-route="/hearing-aid-videos"] .bp-grid{grid-template-columns:minmax(0,1fr)!important}
}

@media(prefers-reduced-motion:reduce){
  body.pa-editorial-system :where([data-reveal],[data-qcl-reveal],[data-hac-reveal],.in,.reveal){
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    animation:none!important;
    transition-property:opacity,background-color,border-color,color,box-shadow!important;
    transition-duration:120ms!important;
    transition-timing-function:ease!important;
  }
  body.pa-editorial-system main :where(
    .card,.cov,.step,.pcard,.bcard,.tier,.service-card,.feature-card,
    .tap-card,.life-card,.rev-card,.pa-path-card,
    .hero-photo .hp-frame img,.mfr-shot img,.prod-img
  ){animation:none!important;transform:none!important}
  body.pa-editorial-system main :where(
    a.btn,button.btn,.hac-btn,.hero-ctas a,.cta-ctas a,
    .q-opt,.quiz-opt,.qz-opt,.quiz-back,.quiz-retake,.chip,.pa-path-card
  ){
    animation:none!important;
    transform:none!important;
    transition-property:background-color,border-color,color,box-shadow!important;
    transition-duration:120ms!important;
    transition-timing-function:ease!important;
  }
  body.pa-editorial-system main .acc-a{transition:opacity 120ms ease!important}
  body.pa-editorial-system main .acc-q .ic{
    transition-property:background-color,border-color,color!important;
    transition-duration:120ms!important;
    transition-timing-function:ease!important;
  }
}

/* =====================================================================
   SITEWIDE VISUAL PASS · 2026-08-24
   Twenty additional desktop/mobile corrections found in the 114-page
   rendered-page audit. These rules are deliberately structural: they do
   not change copy, clinical claims, branding, colors, or page meaning.
   ===================================================================== */

/* 21 — A single box model prevents padded controls and cards from escaping. */
body.pa-editorial-system :where(main,header,footer) *,
body.pa-editorial-system :where(main,header,footer) *::before,
body.pa-editorial-system :where(main,header,footer) *::after{box-sizing:border-box}

/* 22 — Sticky navigation no longer hides linked sections or people. */
html{scroll-padding-top:clamp(92px,10vw,126px)}
body.pa-editorial-system main :where(section,article,[id]){scroll-margin-top:clamp(92px,10vw,126px)}

/* 23 — Keyboard focus is obvious on every legacy and current template. */
body.pa-editorial-system :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid #1A73E8!important;outline-offset:4px!important;box-shadow:none!important
}

/* 24 — Interactive controls keep a dependable hit area without inflating copy. */
body.pa-editorial-system :where(
  button,.btn,.hac-btn,.g-book,.g-call,.mb-book,.mb-call,.mobile-bar a,
  .jump a,.chips a,.chip[href],.acc-q,summary,.faq-q,.qz-opt,.quiz-opt,.vlink,.link-arrow
){min-height:44px}
body.pa-editorial-system :where(button,.btn,.hac-btn,.g-book,.g-call,.mb-book,.mb-call,.mobile-bar a,.acc-q,summary,.faq-q){touch-action:manipulation}

/* 25 — Form controls remain readable and do not trigger iOS zoom. */
body.pa-editorial-system :where(input,select,textarea){
  max-width:100%;min-height:48px;font-size:16px!important;line-height:1.35
}
body.pa-editorial-system textarea{min-height:132px;resize:vertical}

/* 26 — Display headlines wrap intentionally instead of clipping at narrow widths. */
body.pa-editorial-system main :where(h1,h2,h3,.display,.hp-h1,.hac-display,.vg-title){
  max-width:100%;text-wrap:balance;hyphens:none;overflow-wrap:normal;word-break:normal
}

/* 27 — Primary body copy has a consistent readable measure and line rhythm. */
body.pa-editorial-system main :where(.lede,.intro>p,.section-head>p,.mfr-head>p,.art-lede){
  max-width:62ch;line-height:1.58
}

/* 28 — Eyebrows and proof labels were the most common sub-10px finding. */
body.pa-editorial-system main :where(
  .eyebrow,.sec-label,.section-label,.kicker,.hero-eyebrow,.mfr-kicker,.vg-kicker,
  .hac-kicker,.ck,.ik,.gk,.hl-k,.pa-epc-label,.toc-credential
){font-size:max(10px,.68rem)!important;line-height:1.35!important}

/* 29 — Breadcrumbs stay on one readable rail rather than clipping mid-label. */
body.pa-editorial-system main :where(.crumbs,.breadcrumbs,.vg-crumbs,.art-crumbs){
  max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;white-space:nowrap;padding-block:4px
}
body.pa-editorial-system main :where(.crumbs,.breadcrumbs,.vg-crumbs,.art-crumbs)::-webkit-scrollbar{display:none}

/* 30 — Jump links, filters, and chips remain reachable on one horizontal rail. */
@media(max-width:760px){
  body.pa-editorial-system main :where(.jump,.chips,.filter-chips,.toc-links,.anchor-nav):not(.hac-jump-inner){
    flex-wrap:nowrap!important;max-width:100%;overflow-x:auto;overflow-y:hidden;
    scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;
    padding-bottom:8px
  }
  body.pa-editorial-system main :where(.jump,.chips,.filter-chips,.toc-links,.anchor-nav)>*{
    flex:0 0 auto;scroll-snap-align:start
  }
}

/* 31 — Wide clinical comparison tables scroll inside the page, never the page. */
body.pa-editorial-system main :where(.table-wrap,.compare,.comparison-table){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
body.pa-editorial-system main table{max-width:100%}

/* 32 — Video embeds and thumbnails preserve a stable 16:9 presentation. */
body.pa-editorial-system main :where(.vid-frame,.vg-video,.video-frame,.embed-wrap){
  max-width:100%;aspect-ratio:16/9;overflow:hidden
}
body.pa-editorial-system main :where(.vid-frame,.vg-video,.video-frame,.embed-wrap) :where(iframe,video,img){
  display:block;width:100%;height:100%;object-fit:cover
}

/* 33 — Product imagery is contained; people and offices retain natural crops. */
body.pa-route-family-technology main :where(.pcard-media,.brand-product,.prod-img,.mfr-shot) img{
  max-width:100%;object-fit:contain!important;object-position:center!important
}
body.pa-route-family-practice main :where(.portrait,.photo,.bio-photo,.team-photo) img{
  max-width:100%;object-position:center!important
}

/* 34 — Editorial product cards remain compact and their captions stay legible. */
.pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-card{max-width:420px}
.pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-caption .pa-epc-label{
  font-size:10.5px!important;line-height:1.35!important;letter-spacing:.09em!important
}

/* 35 — Reserve breathing room so the persistent accessibility rail covers nothing. */
@media(max-width:760px){
  body:has(.pinn-dock){padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
  body .pinn-dock.pinn-dock{z-index:9998!important}
  body .pinn-dock .pd-btn{font-size:12px!important;line-height:1.15!important}
}

/* 36 — Footer navigation becomes comfortably readable and tappable on mobile. */
@media(max-width:760px){
  body.pa-editorial-system footer :where(.g-fg,.g-fca,.g-fcol,.footer-grid)>*{min-width:0}
  body.pa-editorial-system footer li a{display:inline-flex;align-items:center;min-height:40px;line-height:1.35}
  body.pa-editorial-system footer :where(h4,h5,.gk){font-size:12px!important;line-height:1.35!important}
}

/* 37 — The App Store destination reads as a deliberate badge, not a text link. */
body.pa-editorial-system footer .g-fapp{
  display:grid!important;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;
  gap:10px;min-height:58px;max-width:240px;padding:9px 13px!important;line-height:1.15!important
}
body.pa-editorial-system footer .g-fapp-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#F8F3EA}
body.pa-editorial-system footer .g-fapp-icon img{display:block;width:30px;height:30px;object-fit:contain}

/* 38 — Header actions keep their geometry and never crush the wordmark. */
body.pa-editorial-system header :where(.g-nav,.g-w,.g-main,.g-actions){min-width:0}
body.pa-editorial-system header :where(.g-book,.g-call){min-height:48px;white-space:nowrap}
body.pa-editorial-system header :where(.g-logo,.g-brand) img{display:block;max-width:100%;height:auto;object-fit:contain}

/* 39 — Stacked CTA groups align cleanly rather than producing orphan buttons. */
body.pa-editorial-system main :where(.hero-ctas,.cta-ctas,.actions,.button-row){align-items:stretch;gap:12px}
@media(max-width:560px){
  body.pa-editorial-system main :where(.hero-ctas,.cta-ctas,.actions,.button-row){display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  body.pa-editorial-system main :where(.hero-ctas,.cta-ctas,.actions,.button-row)>:where(a,button){width:100%;justify-content:center;text-align:center}
}

/* 40 — Mobile proof rows remain editorial, but no longer collapse into microtype. */
@media(max-width:760px){
  body[data-pa-route="/"] :where(.hero-review-link,.hero-ledger,.hero-proof,.proof-row){max-width:100%}
  body[data-pa-route="/"] .hero-review-link{
    display:inline-flex;align-items:center;min-height:44px;padding:9px 6px!important;
    font-size:12px!important;line-height:1.25!important
  }
  body[data-pa-route="/"] :where(.hero-ledger .hl-k,.hmt-kicker,.proof-row,.hero-proof){font-size:11px!important;line-height:1.35!important}
}

/* ======================================================================
   EDITORIAL POLISH PASS · 2026-08-27
   Fifty-two sitewide repairs added after the shared-shell audit.
   These selectors intentionally outrank legacy page themes so the same
   legibility and interaction rules reach every indexed template.
   ====================================================================== */

/* 41 — Lock the public site to its intended warm-light editorial canvas. */
html{color-scheme:light;background:#FFFDF9}
body.pa-editorial-system{background:#FFFDF9;color:#1B1916;text-rendering:optimizeLegibility}

/* 42 — Prevent legacy templates from shrinking or clipping text columns. */
body.pa-editorial-system main :where(section,article,aside,div,figure,form,fieldset){min-width:0}
body.pa-editorial-system main :where(p,li,dd,dt,figcaption,label){overflow-wrap:anywhere;text-wrap:pretty}

/* 43 — Keep reading copy comfortably paced on both dense and sparse pages. */
body.pa-editorial-system main :where(p,li,dd){line-height:max(1.55,1.55em)}

/* 44 — Balance editorial headlines and remove clipped display descenders. */
body.pa-editorial-system main :where(h1,h2,h3,.display,.h-xl,.h-lg,.h2,.hac-display){text-wrap:balance;overflow:visible}

/* 45 — Micro-labels remain editorial without becoming microtype. */
body.pa-editorial-system main :where(.eyebrow,.sec-label,.kicker,.label,.overline,.hac-kicker,.mfr-kicker){font-size:max(11px,.69rem)!important;line-height:1.45!important}

/* 46 — Restore readable secondary copy on white, cream, and beige cards. */
body.pa-editorial-system main :where(.card,.tile,.step,.panel,.faq-item,.acc,.service-card,.loc-card,.ha-model):not(.dark):not([class*="dark"]) :where(p,li,small){color:#514A41}

/* 47 — Dark editorial panels use a consistent warm-white contrast scale. */
body.pa-editorial-system main :where(.dark,.band,.midcta,.hac-dark,.mfr-dark,.dark-section,.cta-dark) :where(p,li,small){color:rgba(255,253,248,.78)!important}
body.pa-editorial-system main :where(.dark,.band,.midcta,.hac-dark,.mfr-dark,.dark-section,.cta-dark) :where(h1,h2,h3,strong){color:#FFFDF8}

/* 48 — Every orange primary action uses ink, not low-contrast white type. */
body.pa-editorial-system :where(.g-book,.btn.accent,.btn.primary,.hac-btn.primary,.pd-btn.pd-orange){background:#F08647!important;color:#181511!important;text-shadow:none!important}
body.pa-editorial-system :where(.g-book,.btn.accent,.btn.primary,.hac-btn.primary,.pd-btn.pd-orange) :where(svg,path,.pd-iconbox,.pd-label){color:#181511!important;stroke:currentColor!important}

/* 49 — Ghost and secondary actions keep a visible boundary on pale panels. */
body.pa-editorial-system main :where(.btn.ghost,.btn.secondary,.ghost-btn){border-color:#8B7B69!important;color:#2C2722!important;background:rgba(255,253,249,.7)}

/* 50 — Links inside reading copy look actionable without making cards noisy. */
body.pa-editorial-system main :where(p,li,dd) a:not(.btn):not([class*="button"]){text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.18em;text-decoration-color:#F08647}

/* 51 — Keyboard focus is visible across every theme and surface. */
body.pa-editorial-system :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #F08647!important;outline-offset:3px!important}

/* 52 — Interactive controls meet a dependable touch target. */
body.pa-editorial-system main :where(button,.btn,[role="button"],summary){min-height:44px}

/* 53 — Inputs inherit the luxury palette instead of browser-default gray. */
body.pa-editorial-system main :where(input,select,textarea){border:1px solid #BEB19F!important;background:#FFFDF9!important;color:#1B1916!important;border-radius:12px}

/* 54 — Placeholder and helper copy remain readable. */
body.pa-editorial-system main :where(input,textarea)::placeholder{color:#73695D!important;opacity:1}

/* 55 — Comparison tables have a calm header and scannable row rhythm. */
body.pa-editorial-system main table{border-collapse:collapse;background:#FFFDF9}
body.pa-editorial-system main table :where(th,td){padding:14px 16px;border-bottom:1px solid #DDD4C7;vertical-align:top}
body.pa-editorial-system main table th{background:#F1E8DB;color:#211D19;text-align:left}

/* 56 — Accordion headings are readable, aligned, and easy to activate. */
body.pa-editorial-system main :where(details>summary,.acc-q,.faq-q){align-items:center;min-height:52px;line-height:1.35;color:#211D19}

/* 57 — Images cannot stretch beyond their natural editorial frame. */
body.pa-editorial-system main :where(img,picture,video,iframe){height:auto;max-width:100%}
body.pa-editorial-system main figure{overflow:hidden}

/* 58 — Card grids cannot force page-level horizontal scrolling. */
body.pa-editorial-system main :where(.grid,.card-grid,.tiles,.steps,.brand-grid,.match-grid,.ha-compare-grid)>*{min-width:0;max-width:100%}

/* 59 — Section spacing follows one restrained desktop cadence. */
@media(min-width:761px){body.pa-editorial-system main :where(section.pad,section.section,.pad){padding-top:clamp(72px,7vw,112px);padding-bottom:clamp(72px,7vw,112px)}}

/* 60 — Mobile sections stay generous without producing dead space. */
@media(max-width:760px){body.pa-editorial-system main :where(section.pad,section.section,.pad){padding-top:clamp(48px,12vw,68px)!important;padding-bottom:clamp(48px,12vw,68px)!important}}

/* 61 — Anchored headings clear the persistent header. */
body.pa-editorial-system main [id]{scroll-margin-top:112px}

/* 62 — The footer uses one true-ink surface across legacy templates. */
body.pa-editorial-system footer.g-footer{background:#15120F!important;color:#FFFDF8!important;border-top:2px solid #F08647}

/* 63 — Footer marks retain their aspect ratio and never appear stretched. */
body.pa-editorial-system footer .g-fb img{display:block;width:min(220px,100%)!important;height:auto!important;max-height:112px;object-fit:contain!important;object-position:left center}

/* 64 — Footer links meet legibility and mobile target requirements. */
body.pa-editorial-system footer :where(.g-fcol a,.g-fca a,.g-fsoc a){color:rgba(255,253,248,.78)!important;line-height:1.45}
body.pa-editorial-system footer :where(.g-fcol a,.g-fca a,.g-fsoc a):hover{color:#F08647!important}

/* 65 — Footer headings are bright enough to scan at a glance. */
body.pa-editorial-system footer :where(h4,h5,.gk){color:rgba(255,253,248,.68)!important;font-weight:700!important}

/* 66 — Shared header controls keep one vertical size and optical center. */
body.pa-editorial-system header :where(.g-sbtn,.g-hbg,.g-book,.g-call){align-items:center!important;justify-content:center!important;min-height:46px}

/* 67 — The dock is one deliberate component, never four unrelated floats. */
html body .pinn-dock.pinn-dock{align-items:stretch!important;isolation:isolate!important;border-radius:999px!important}

/* 68 — Ask icon and label remain visible and centered on the white pill. */
html body .pinn-dock .pd-btn.pd-ask{color:#181511!important}
html body .pinn-dock .pd-btn.pd-ask :where(svg,.pd-iconbox,.pd-label){color:#181511!important;stroke:currentColor!important}

/* 69 — Text Size is a labeled action, not an unexplained “Aa” glyph. */
html body .pinn-dock #pdA11y{font-size:11px!important;color:#FFFDF8!important}
html body .pinn-dock #pdA11y .pd-label{display:block!important;font-size:11px!important;color:inherit!important}

/* 70 — Dock icons and labels share the same centerline and color. */
html body .pinn-dock .pd-btn :where(.pd-iconbox,.pd-label){display:flex!important;align-items:center!important;justify-content:center!important;color:inherit!important}

/* 71 — Mobile dock actions occupy four equal columns at every phone width. */
@media(max-width:760px){
  html body .pinn-dock.pinn-dock{left:8px!important;right:8px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;width:auto!important;max-width:none!important;transform:none!important}
  html body .pinn-dock .pd-btn{width:100%!important;min-width:0!important;max-width:none!important;height:58px!important;padding:4px 2px!important;flex-direction:column!important;gap:4px!important;text-align:center!important}
  html body .pinn-dock #pdA11y{width:100%!important;min-width:0!important;padding:4px 2px!important;font-size:10px!important}
  html body .pinn-dock .pd-label,html body .pinn-dock #pdA11y .pd-label{font-size:10px!important;line-height:1!important;white-space:nowrap!important}
}

/* 72 — Text-size choices use full labels and clear selected contrast. */
.pinn-dock .pd-panel{color:#1B1916!important;background:#FFFDF9!important;border-color:#CFC2B0!important}
.pinn-dock .pd-row button{color:#1B1916!important;min-height:62px!important}
.pinn-dock .pd-row button.on{background:#F7E3D3!important;border-color:#F08647!important}

/* 73 — Ask remains usable without covering the header or action dock. */
#pdAssist.pd-assist{max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 112px)!important}

/* 74 — Ask messages use readable clinical copy sizes and contrast. */
#pdAssist .pda-msg{font-size:max(14px,.875rem)!important;line-height:1.55!important}
#pdAssist .pda-note{font-size:max(10px,.625rem)!important;color:#6C6257!important}

/* 75 — Mobile forms and CTA rows never create tiny side-by-side buttons. */
@media(max-width:560px){
  body.pa-editorial-system main :where(.hero-cta,.hero-ctas,.cta-ctas,.actions,.button-row)>:where(a,button){min-height:50px!important;white-space:normal!important}
}

/* 76 — Compact screens retain the full four-action rail without overlap. */
@media(max-width:360px){
  html body .pinn-dock.pinn-dock{left:5px!important;right:5px!important;gap:3px!important;padding:4px!important}
  html body .pinn-dock .pd-btn{height:54px!important}
  html body .pinn-dock .pd-label,html body .pinn-dock #pdA11y .pd-label{font-size:9px!important;letter-spacing:.02em!important}
}

/* 77 — Motion preferences apply to all shared editorial interaction layers. */
@media(prefers-reduced-motion:reduce){
  body.pa-editorial-system *,body.pa-editorial-system *::before,body.pa-editorial-system *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* 78 — Print output excludes navigation utilities and keeps readable ink. */
@media print{
  .pinn-dock,#pdAssist,.g-topbar,.g-nav,.g-mobile-callbar{display:none!important}
  body.pa-editorial-system,body.pa-editorial-system main{background:#fff!important;color:#000!important}
}

/* 79 — Homepage proof links no longer drop to ten-pixel mobile type. */
body.pa-editorial-system main :where(.hero-review-link,.review-proof-platform small){font-size:11.5px!important;line-height:1.4!important}

/* 80 — Hearing-aid model metadata remains legible beneath brand headings. */
body.pa-editorial-system main .brand-copy small{font-size:11px!important;line-height:1.45!important;letter-spacing:.1em!important}

/* 81 — Mobile article navigation reports its section count at a readable size. */
body.pa-editorial-system main details>summary small{font-size:11px!important;line-height:1.35!important}

/* 82 — Homepage clinical-standard badge no longer relies on eight-pixel type. */
body.pa-editorial-system main .sb-t small{font-size:10.5px!important;line-height:1.3!important}

/* 83 — Text-only orange uses an accessible editorial rust on pale surfaces. */
:root{--pav-orange-text:#181511;--pav-orange-large:#181511;--pav-orange-dark:#F08647}
body.pa-editorial-system main :where(
  .eyebrow,.hero-eyebrow,.sec-label,.section-label,.sec-cap,.kicker,.hac-kicker,
  .mfr-kicker,.sp-kicker,.sp-no,.fc-eyebrow,.ak,.ck,.ik,.gk,.pk,.jrk,.rl,
  .pin-proof__n,.link-arrow,.ta,.tt,.arr,.article-kicker,.pcard-badge,.pcard-tag,.pcard-ix
){color:var(--pav-orange-text)!important}

/* 84 — Scripted orange display words keep their warmth and meet large-text contrast. */
html body.pa-editorial-system[data-pa-route] main :is(h1,h2,h3,.display,.h2,.hac-display) em{
  color:var(--pav-orange-large)!important;
  background:linear-gradient(transparent 76%,#F08647 76%,#F08647 96%,transparent 96%)!important;
  -webkit-text-fill-color:currentColor!important;
  width:fit-content;max-width:100%;
  -webkit-box-decoration-break:clone;box-decoration-break:clone
}

/* 85 — Dark editorial surfaces retain a brighter orange accent. */
body.pa-editorial-system main :where(.dark,.band,.midcta,.hac-dark,.mfr-dark,.dark-section,.cta-dark,.areas) :where(
  .eyebrow,.hero-eyebrow,.sec-label,.section-label,.sec-cap,.kicker,.hac-kicker,
  .mfr-kicker,.ak,.ck,.ik,.gk,.pk,.jrk,.rl,.pin-proof__n,.link-arrow,.ta,.arr,
  h1 em,h2 em,h3 em,.display em,.h2 em,.hac-display em
){color:var(--pav-orange-dark)!important}
html body.pa-editorial-system[data-pa-route] main :is(.dark,.band,.midcta,.hac-dark,.mfr-dark,.dark-section,.cta-dark,.areas,.dark-band,.vid-hero,.hotlines,.vcta,.pgal,.pin-sec,.ev-hero,.evidence-band) :is(h1 em,h2 em,h3 em,.display em,.hac-display em){background:none!important;color:#F08647!important;-webkit-text-fill-color:currentColor!important}

/* 86 — Ratings and numbered highlights remain scannable without low-contrast gold. */
body.pa-editorial-system main :where(.stars,.stars2,.pin-stars b,.sec-no b,.step-no,.sn){color:var(--pav-orange-text)!important}
body.pa-editorial-system main :where(.dark,.band,.midcta,.hac-dark,.mfr-dark,.dark-section,.cta-dark) :where(.stars,.stars2,.pin-stars b,.sec-no b,.step-no,.sn){color:var(--pav-orange-dark)!important}

/* 87 — Muted labels on light cards use warm graphite, not translucent gray. */
body.pa-editorial-system main :where(.role,.meta,.fc-meta,.day,.times,.muted){color:#5C5349!important}

/* 88 — Photo captions get a dependable dark scrim independent of the image beneath. */
body.pa-editorial-system main .pa-epc-caption{
  background:rgba(21,18,15,.94)!important;border-color:rgba(240,134,71,.42)!important
}
body.pa-editorial-system main .pa-epc-caption .pa-epc-label{color:#FFD1B3!important}

/* 89 — Concierge photo metadata remains readable over every crop. */
body.pa-editorial-system main .hp-cap{background:rgba(14,13,11,.88)!important;border-color:rgba(255,253,248,.34)!important}
body.pa-editorial-system main .hp-cap .hp-k{color:#F5D6C1!important;font-size:11px!important}
body.pa-editorial-system main .hp-cap .hp-v{color:#FFFDF8!important}

/* 90 — Inline orange links pair color with a visible underline for recognition. */
body.pa-editorial-system main :where(a.link-arrow,a.more,a.inline-link,.text-link){color:var(--pav-orange-text)!important;text-decoration-color:currentColor!important}
body.pa-editorial-system main :where(.dark,.band,.midcta,.hac-dark,.mfr-dark,.dark-section,.cta-dark) :where(a.link-arrow,a.more,a.inline-link,.text-link){color:var(--pav-orange-dark)!important}

/* 91 — Review avatars and badges use solid ink rather than borderline muted text. */
body.pa-editorial-system main :where(.rev-avatar,.review-avatar,.badge,.chip):not(.btn){color:#4F473E}

/* 92 — Dark-panel body links remain bright enough while preserving the orange cue. */
body.pa-editorial-system main :where(.dark,.band,.midcta,.hac-dark,.mfr-dark,.dark-section,.cta-dark) :where(p,li,dd) a:not(.btn){color:#F08647!important;text-decoration-color:#F08647!important}

/* September 8: surface-aware contrast. Ink on light paper, approved orange on dark shelves. */
html body.pa-editorial-system main :is(.vid-hero,.hotlines,.vcta,.vsec,.pgal,.pin-sec,.ev-hero,.evidence-band) :is(h1 em,h2 em,h3 em,.eyebrow,.sec-label,.kicker,.pin-proof__n){color:#F08647!important;-webkit-text-fill-color:currentColor!important}
html body.pa-editorial-system:is([data-pa-route="/reviews"],[data-pa-route="/audiologist-long-island"],[data-pa-route="/tinnitus"],[data-pa-route="/fittings"]) main .cta :is(h2 em,.eyebrow){color:#F08647!important}
html body.pa-editorial-system main .evidence-band :is(p,li){color:#E4DED5!important}
html body.pa-editorial-system main .help-strip a{color:#181511!important;text-decoration-color:#F08647!important}
html body.journal-editorial-page{--ed-orange:#F08647;--ed-orange-deep:#181511}
html body.journal-editorial-page .art-body :is(a.art-ilink,p a:not(.btn),li a){color:#181511!important;border-bottom-color:#F08647!important;text-decoration-color:#F08647!important}
html body.journal-editorial-page .art-body .editorial-section.is-sources :is(a.art-ilink,p a:not(.btn),li a){color:#F08647!important}

/* Patient controls keep complete labels; these rules do not change their handlers. */
@media(min-width:761px){
  html body .pinn-dock #pdA11y{width:auto!important;min-width:104px!important;flex:0 0 auto!important;padding-inline:14px!important;gap:8px!important}
  html body .pinn-dock #pdA11y .pd-label{white-space:nowrap!important}
}

/* Editorial intros; keep all approved photography and copy. */
html body[data-pa-route="/"] main>.hero .hero-grid{gap:clamp(32px,5vw,76px)!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
html body[data-pa-route="/"] main>.hero .display{font-size:clamp(54px,6.3vw,92px)!important;line-height:.94!important}
html body[data-pa-route="/"] main>.hero .display em{font-size:.82em}
html body[data-pa-route="/"] main>.hero .lede{font-family:'Source Sans 3',sans-serif!important;letter-spacing:0!important;text-transform:none!important;line-height:1.6!important;max-width:54ch}
html body[data-pa-route="/team"] .team-jump{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
html body[data-pa-route="/team"] .team-jump a{padding:10px 16px;border:1px solid #DED4C4;border-radius:999px;background:#fff;color:#181511;font-weight:600;text-decoration:underline;text-decoration-color:#F08647;text-underline-offset:4px;min-height:44px}
html body[data-pa-route="/team"] .hero-note{padding:32px!important;border-radius:20px 4px 20px 4px!important;border-top:4px solid #F08647!important;box-shadow:0 24px 48px -32px rgba(24,21,17,.55)!important}
html body[data-pa-route="/team"] .hero-note .lede{font-size:18px!important;line-height:1.55!important}
html body[data-pa-route="/team"] .hero-note-signals{display:flex;font-size:12px!important;line-height:1.5!important;color:#E4DED5!important}
@media(min-width:901px){
  html body[data-pa-route="/tinnitus"] .hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)!important;gap:24px 48px!important;align-items:start!important}
  html body[data-pa-route="/tinnitus"] .hero-grid>div:nth-child(2){grid-column:1;grid-row:2}
  html body[data-pa-route="/tinnitus"] .hero-grid>.hero-side{grid-column:2;grid-row:1/3;width:100%;max-width:420px;justify-self:end}
}
html body[data-pa-route="/journal/hearing-aid-cost-nyc"] .pa-editorial-photo-card .pa-epc-wrap{max-width:none!important;width:100%!important}
html body[data-pa-route="/journal/hearing-aid-cost-nyc"] .pa-epc-card{width:100%!important;max-width:none!important}
html body[data-pa-route="/journal/hearing-aid-cost-nyc"] .pa-epc-media{height:240px!important;aspect-ratio:auto!important}
html body[data-pa-route="/journal/hearing-aid-cost-nyc"] .pa-epc-media :is(picture,img){width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 40%!important}
.consultation-path{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:32px;max-width:1120px;margin:48px auto;padding:32px;border:1px solid #DED4C4;border-top:3px solid #F08647;border-radius:12px;background:#FAF8F3;color:#181511}
.consultation-path .cp-kicker{font:600 12px/1.5 'Source Sans 3',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.consultation-path h2{font:700 36px/1.1 'Barlow Condensed',sans-serif;margin:12px 0!important;padding:0!important}
.consultation-path h2::before,.consultation-path h2::after{display:none!important}
.consultation-path p{font:400 18px/1.6 'Source Sans 3',sans-serif;color:#514A41!important}
.consultation-path nav{display:grid;gap:8px;align-content:center}
.consultation-path a{display:flex;align-items:center;min-height:44px;padding:8px 12px;color:#181511!important;text-decoration:underline;text-decoration-color:#F08647;text-underline-offset:4px;border-bottom:1px solid #DED4C4}
/* Verified September 8 follow-up: respect the actual surface, not a component's name. */
html body[data-pa-route="/hearing-aid-videos"] #vsections .vsec :is(.vh,.vs){color:#181511!important}
html body[data-pa-route="/hearing-aid-videos"] #vsections .vsec .vh em{color:#181511!important;text-decoration:underline;text-decoration-color:#F08647;text-underline-offset:6px}
html body.pa-editorial-system main .ev-hero .lede a{color:#F08647!important;text-decoration:underline}
html body.pa-editorial-system main .evidence-band .intro{color:#E4DED5!important}
html body.pa-editorial-system main :is(.btn.accent,.btn.primary,.hac-btn.primary,.pin-btn,.hac-brand-action) .arr{color:inherit!important}
html body.pa-editorial-system main .hac-brand-action{color:#181511!important}
html body.pa-editorial-system main .step-n{color:#181511!important}
html body.pa-editorial-system main :is(.scope-note .si,.res-btn.primary span){color:#181511!important}
html body.pa-editorial-system main :is(.apd-note .k,.apd-m-tag,.answer-card .ak,.pa-path-label,.pa-path-arrow,.jrnl-card .jrnl-k,.scard .idx){color:#514A41!important}
html body.pa-editorial-system main :is(.rfy-text,.answer-byline,.clin-desc) a{color:#181511!important;text-decoration:underline;text-decoration-color:#F08647;text-underline-offset:4px}
html body[data-pa-route="/hearing-aids"] main .intro a,
html body:is([data-pa-route="/hearing-aid-prices-nyc"],[data-pa-route="/hearing-aid-help-for-parents-nyc"]) main .intro a,
html body[data-pa-route="/best-hearing-aid-brands"] main .a a,
html body[data-pa-route="/audiologist-garden-city"] main p a:not(.btn){color:#181511!important;text-decoration:underline;text-decoration-color:#F08647;text-underline-offset:4px}
html body[data-pa-route="/"] main .hero-ledger .hl-v em,
html body[data-pa-route="/"] main .i{color:#514A41!important}
html body[data-pa-route="/"] main :is(.hl-k,.ledger-cell .l,.review-proof-platform small,.rev-meta .when,.rev-feature .attr,.platform .ps,.platform .pl,.loc-hours .t.closed){color:#514A41!important}
html body[data-pa-route="/"] main .ledger-cell .n em{color:#181511!important}
html body[data-pa-route="/"] main .btn-tile.tile-accent{color:#181511!important;background:#F08647!important}
html body[data-pa-route="/"] main .pb-card .pb-eyebrow{color:#514A41!important}
html body[data-pa-route="/"] main .dark-band .ins-ledger a.more{color:#F08647!important;text-decoration:underline;text-underline-offset:5px}
html body[data-pa-route="/hearing-accessibility"] .biz-contact .btn.ghost{color:#FFFDF8!important;border-color:#DED4C4!important}
html body.journal-editorial-page .art-body .editorial-section.is-sources .art-rel-chip{color:#FFFDF8!important}
html body[data-pa-route="/westone-color-guide"] .chips .chip{color:#181511!important;background:#fff!important}
html body[data-pa-route="/westone-color-guide"] .chips .chip[aria-pressed="true"]{background:#F08647!important}
html body[data-pa-route="/reviews"] .tap-agg-stars{color:#F08647!important}
html body[data-pa-route="/reviews"] .n>span{color:#514A41!important}

/* Homepage: restore the layered portrait and distinct editorial chapters. */
html body[data-pa-route="/"] main>.hero{padding-block:clamp(56px,6vw,88px)!important;border-bottom:4px solid #F08647!important}
html body[data-pa-route="/"] main>.hero .hero-grid{align-items:start!important}
html body[data-pa-route="/"] main>.hero .lede{font-size:19px!important}
html body[data-pa-route="/"] main>.hero .hero-eyebrow{margin-bottom:22px!important}
html body[data-pa-route="/"] main>.hero .hero-hours-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:10px;color:#181511!important;font:600 16px/1.4 'Source Sans 3',sans-serif;text-decoration:underline;text-decoration-color:#F08647;text-underline-offset:5px}
html body[data-pa-route="/"] #locations{scroll-margin-top:130px}
html body[data-pa-route="/"] main>.hero .portrait{max-width:440px!important;width:100%!important;margin-inline:auto!important;padding:16px 14px 0 0!important;position:relative;isolation:isolate}
html body[data-pa-route="/"] main>.hero .portrait::before{content:"";display:block!important;position:absolute;inset:0 0 26% 28px;z-index:-1;border:2px solid #F08647;border-radius:22px 4px 22px 4px;transform:none}
html body[data-pa-route="/"] main>.hero .portrait::after,
html body[data-pa-route="/"] main>.hero .portrait .offset-rule{display:none!important}
html body[data-pa-route="/"] main>.hero .portrait .sound-badge{display:flex!important;top:-8px!important;right:28px!important;box-shadow:0 12px 30px -18px #181511!important}
html body[data-pa-route="/"] main>.hero .portrait-frame{width:100%!important;max-width:none!important;padding:9px!important;aspect-ratio:4/4.5!important;border:1px solid #DED4C4!important;border-radius:22px 4px 22px 4px!important;background:#fff!important;transform:none!important;box-shadow:0 24px 50px -30px rgba(24,21,17,.45)!important}
html body[data-pa-route="/"] main>.hero .portrait-frame img{filter:none!important;transform:none!important;object-position:center!important}
html body[data-pa-route="/"] main>.hero .plate{position:relative!important;inset:auto!important;width:calc(100% - 18px)!important;margin:-40px 0 0 -10px!important;padding:26px!important;transform:none!important;border:1px solid #4E473F!important;border-top:4px solid #F08647!important;border-radius:4px 4px 20px 4px!important;background:#181511!important;box-shadow:0 24px 44px -28px rgba(24,21,17,.6)!important;z-index:3}
html body[data-pa-route="/"] main>.hero .plate :is(.name,.role,.cred){color:#FFFDF9!important;opacity:1!important;text-shadow:none!important}
html body[data-pa-route="/"] main>.hero .plate .name{font-size:32px!important}
html body[data-pa-route="/"] main>.hero .plate .role{font-size:14px!important;line-height:1.55!important}
html body[data-pa-route="/"] main>.hero .plate .cred{font-size:12px!important;line-height:1.5!important;color:#F08647!important}
html body[data-pa-route="/"] main>.hero .audiogram{margin-block:26px!important}
html body[data-pa-route="/"] main>.sec{padding-block:clamp(76px,8vw,112px)!important;min-height:0!important}
html body[data-pa-route="/"] main .practice-editorial-card{padding:30px;background:#181511;border-top:4px solid #F08647;border-radius:4px 18px 18px 4px;box-shadow:0 20px 40px -28px rgba(24,21,17,.5);margin:28px 0}
html body[data-pa-route="/"] main .practice-editorial-card h3{font:700 32px/1.1 'Barlow Condensed',sans-serif!important;color:#FFFDF9!important;text-transform:uppercase;margin:0 0 16px;letter-spacing:-.01em}
html body[data-pa-route="/"] main .practice-editorial-card p{font:400 18px/1.6 'Source Sans 3',sans-serif!important;color:#FFFDF9!important;letter-spacing:0!important;margin:0 0 20px}
html body[data-pa-route="/"] main .practice-editorial-card a{font:600 16px/1.5 'Source Sans 3',sans-serif;color:#F08647!important;text-decoration:underline;text-underline-offset:4px}
html body[data-pa-route="/"] main .sec-head{border-top:2px solid #181511!important;padding-top:18px!important;margin-bottom:44px!important}
html body[data-pa-route="/"] main .sec-no{gap:14px!important;font-size:13px!important;line-height:1.5!important}
html body[data-pa-route="/"] main .sec-no b{display:inline-grid;place-items:center;min-width:48px;min-height:36px;padding:5px 9px;border-radius:3px;background:#F08647;color:#181511!important;letter-spacing:.06em}
html body[data-pa-route="/"] main .sec-cap{font-size:12px!important;line-height:1.5!important;color:#514A41!important}
html body[data-pa-route="/"] main .dark-band .sec-head{border-color:#F08647!important}
html body[data-pa-route="/"] main .dark-band .sec-cap{color:#E4DED5!important}
html body[data-pa-route="/"] main>#about{background:#FFFDF9!important}
html body[data-pa-route="/"] main>#services{background:#F8F3EA!important;border-block:1px solid #DED4C4}
html body[data-pa-route="/"] main .photo-break{background:#181511!important;border-block:5px solid #F08647!important}
html body[data-pa-route="/"] main .photo-break-grid{gap:0!important;align-items:center!important}
html body[data-pa-route="/"] main .photo-break-frame{border-radius:16px 0 0 16px!important;min-height:480px!important;overflow:hidden;border:1px solid #4E473F}
html body[data-pa-route="/"] main .photo-break-img{mask-image:none!important;-webkit-mask-image:none!important;border-radius:0!important;filter:none!important}
html body[data-pa-route="/"] main .pb-card{position:relative;margin-left:-36px;padding:40px!important;background:#FFFDF9!important;border:1px solid #DED4C4!important;border-top:4px solid #F08647!important;border-radius:4px 18px 18px 4px!important;box-shadow:0 24px 50px -28px #000!important}
html body[data-pa-route="/"] main .std-plate{border-top:4px solid #F08647!important;border-radius:18px 4px 18px 4px!important;padding:34px!important}
html body[data-pa-route="/"] main .std-plate .h{color:#F08647!important;font-size:12px!important}
html body[data-pa-route="/"] main .std-plate .sub{color:#E4DED5!important;font-size:16px!important}
html body[data-pa-route="/"] main .rev-feature{padding:clamp(28px,4vw,56px)!important;background:#F8F3EA!important;border:1px solid #DED4C4;border-left:6px solid #F08647;border-radius:4px 20px 20px 4px}
html body[data-pa-route="/"] main .rev-card{border-top:3px solid #F08647!important;box-shadow:0 16px 32px -26px rgba(24,21,17,.3)}

/* The homepage's hours are first-class content, not small print below photographs. */
html body[data-pa-route="/"] #locations .loc-grid{gap:28px!important;align-items:stretch!important}
html body[data-pa-route="/"] #locations .loc-card{background:#fff!important;border:1px solid #DED4C4!important;border-bottom:5px solid #F08647!important;border-radius:20px 4px 20px 4px!important;overflow:hidden;box-shadow:0 24px 48px -30px rgba(24,21,17,.3)!important}
html body[data-pa-route="/"] #locations .loc-img{height:240px!important;aspect-ratio:auto!important;margin:0!important;border-radius:0!important}
html body[data-pa-route="/"] #locations .loc-body{padding:28px!important;display:flex!important;flex:1!important;flex-direction:column!important}
html body[data-pa-route="/"] #locations .loc-body h3{margin-top:0!important;font-size:36px!important}
html body[data-pa-route="/"] #locations .loc-body h3 a{color:#181511!important;text-decoration:underline;text-decoration-color:#F08647;text-underline-offset:6px}
html body[data-pa-route="/"] #locations .loc-hours{margin-top:24px!important}
html body[data-pa-route="/"] #locations .loc-hours li{font-size:16px!important;gap:16px!important;padding:10px 0!important}
html body[data-pa-route="/"] #locations .loc-hours li.garden-thursday{margin-inline:-12px!important;padding:12px!important;background:#FFF3E9!important;border-left:3px solid #F08647!important;color:#181511!important}
html body[data-pa-route="/"] #locations .loc-hours li .t{white-space:nowrap!important}
html body[data-pa-route="/"] #locations .loc-actions{margin-top:auto!important;padding-top:24px!important;flex-wrap:wrap!important}
@media(min-width:761px){html body[data-pa-route="/"] #locations .loc-body .addr{min-height:120px!important}}
@media(max-width:760px){
  html body[data-pa-route="/"] main>.sec{padding-block:56px!important}
  html body[data-pa-route="/"] main .sec-head{margin-bottom:30px!important}
  html body[data-pa-route="/"] main .sec-no{font-size:12px!important}
  html body[data-pa-route="/"] main .sec-cap{max-width:22ch}
  html body[data-pa-route="/"] main .photo-break-frame{min-height:300px!important;border-radius:16px 16px 0 0!important}
  html body[data-pa-route="/"] main .pb-card{margin:0!important;padding:28px!important;border-radius:0 0 16px 16px!important}
  html body[data-pa-route="/"] main>.hero .lede{font-size:18px!important}
  html body[data-pa-route="/"] #locations .loc-body{padding:20px!important}
  html body[data-pa-route="/"] #locations .loc-img{height:200px!important}
  html body[data-pa-route="/"] #locations .loc-hours li{font-size:14px!important;gap:8px!important}
}
@media(max-width:900px){
  html body[data-pa-route="/"] main>.hero .hero-grid{grid-template-columns:1fr!important}
  html body[data-pa-route="/team"] .hero-grid{gap:22px!important}
}

/* September 8 editorial restoration — one folio language across page families.
   Orange is a graphic accent on paper and readable type on ink. Existing
   content, photographs, forms, navigation and clinical information are retained. */
html body.pa-editorial-system{--pav-card-shadow:0 20px 42px -30px rgba(24,21,17,.4)}
html body.pa-editorial-system main :is(.section-head,.mfr-head,.hac-section-head){border-top:2px solid #DED4C4;padding-top:22px}
html body.pa-editorial-system main :is(.eyebrow,.hero-eyebrow,.kicker,.hac-kicker,.mfr-kicker)::before{background:#F08647!important;min-width:30px;height:3px!important}
html body.pa-editorial-system main :is(.cov,.step,.pcard,.bcard,.help-path,.pa-path-card,.service-card,.feature-card,.tap-card,.vg-panel,.vg-section){border-color:#DED4C4!important;border-top:3px solid #F08647!important;border-radius:18px 4px 18px 4px!important;box-shadow:var(--pav-card-shadow)!important}
html body.pa-editorial-system main :is(.help-path,.pa-path-card){background:#FFFDF9!important}
html body.pa-editorial-system main :is(.step .sn,.step .step-n,.pcard-ix){display:inline-grid;place-items:center;min-width:42px;min-height:36px;padding:6px 10px;margin-bottom:18px;background:#F08647;border-radius:3px;color:#181511!important;font-size:14px!important;line-height:1.2!important}
html body.pa-editorial-system main :is(.pa-path-label,.help-path .hp-k){display:inline-block;border-bottom:2px solid #F08647;padding-bottom:6px;font-size:12px!important;line-height:1.5!important}
html body.pa-editorial-system main :is(.cov,.step,.help-path) h3{font-size:clamp(28px,2.4vw,36px);line-height:1.05!important;letter-spacing:-.01em}
html body.pa-editorial-system main :is(.help-path p,.cov p,.step p){font-size:16px!important;line-height:1.65!important}
html body.pa-editorial-system main :is(.midcta,.hac-dark,.mfr-dark,.cta-dark,.dark-band){border-block:3px solid #F08647!important}
html body.pa-editorial-system main :is(.consultation-path,.service-discovery){border-top:4px solid #F08647!important;border-radius:18px 4px 18px 4px!important;box-shadow:var(--pav-card-shadow)!important}
html body.pa-editorial-system main :is(.cov,.step,.help-path,.pa-path-card,.pcard,.bcard):focus-within{outline:2px solid #F08647;outline-offset:4px}
html body[data-pa-route="/"] main .hero-ledger{padding:20px!important;background:#FFFDF9!important;border:1px solid #DED4C4!important;border-left:4px solid #F08647!important;border-radius:4px 14px 14px 4px!important;box-shadow:var(--pav-card-shadow)}
html body[data-pa-route="/"] main .help-paths{gap:16px!important}
html body[data-pa-route="/"] main .ix{display:grid;gap:10px;border:0!important}
html body[data-pa-route="/"] main .ix-row{padding-inline:24px!important;border:1px solid #DED4C4!important;border-radius:12px 3px 12px 3px!important;background:#FFFDF9!important;box-shadow:none!important}
html body[data-pa-route="/"] main .ix-a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#F08647;color:#181511!important}
html body[data-pa-route="/"] main .team-ledger{padding:8px 20px!important;background:#fff!important;border:1px solid #DED4C4!important;border-radius:18px 4px 18px 4px!important;box-shadow:var(--pav-card-shadow)}
html body[data-pa-route="/"] main .typewall{gap:12px!important}
html body[data-pa-route="/"] main .typewall a{border:1px solid #DED4C4!important;border-bottom:3px solid #F08647!important;border-radius:12px 3px 12px 3px!important;background:#FFFDF9!important;padding:16px!important}
html body[data-pa-route="/"] main .conc-band{border-top:4px solid #F08647!important;box-shadow:var(--pav-card-shadow)!important}
html body[data-pa-route="/"] #faq{background:#F8F3EA!important;border-top:1px solid #DED4C4}
html body[data-pa-route="/"] #faq .acc{background:#FFFDF9!important;border:1px solid #DED4C4!important;border-top:4px solid #F08647!important;padding:0 24px!important;border-radius:18px 4px 18px 4px!important;box-shadow:var(--pav-card-shadow)}
html body[data-pa-route="/team"] main .bio-section{border-top:1px solid #DED4C4}
html body[data-pa-route="/team"] .hero-grid{align-items:start!important}
html body[data-pa-route="/team"] main .facts{border-top:3px solid #F08647!important;box-shadow:var(--pav-card-shadow)!important}
html body[data-pa-route="/hearing-aid-videos"] .brand-pick{padding:24px!important;border:1px solid #DED4C4;border-top:4px solid #F08647;border-radius:18px 4px 18px 4px;background:#FFFDF9;box-shadow:var(--pav-card-shadow)}
html body[data-pa-route="/hearing-aid-videos"] .brand-pick :is(.bp-head,.bp-label){color:#181511!important}
html body[data-pa-route="/hearing-aid-videos"] .bp-btn{border-bottom:3px solid #F08647!important}
/* The mobile white navigation rail must not inherit white active-link text. */
html body.pa-editorial-system .subnav-inner a.active{background:#F08647!important;color:#181511!important;border-color:#F08647!important}
html body.journal-editorial-page .art-body .editorial-section:not(.is-sources){border-top:3px solid #F08647!important;box-shadow:var(--pav-card-shadow)!important}
html body.journal-editorial-page :is(.art-toc,.toc-card,.art-related,.jrnl-card){border-top:3px solid #F08647!important;box-shadow:var(--pav-card-shadow)!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  html body.pa-editorial-system main :is(a.help-path,a.pa-path-card,a.cov,.ix-row):hover{border-color:#F08647!important;box-shadow:0 24px 46px -28px rgba(24,21,17,.42)!important;transform:translateY(-3px)!important}
}
@media(max-width:1040px){
  html body[data-pa-route="/"] main .photo-break-frame{border-radius:16px 16px 0 0!important}
  html body[data-pa-route="/"] main .pb-card{margin:0!important;border-radius:0 0 16px 16px!important}
}
@media(max-width:760px){
  html body[data-pa-route="/"] main .ix-row{padding-inline:16px!important}
  html body[data-pa-route="/"] #faq .acc{padding-inline:16px!important}
  html body[data-pa-route="/hearing-aid-videos"] .brand-pick{padding:16px!important}
  html body.pa-editorial-system main :is(.section-head,.mfr-head,.hac-section-head){padding-top:18px}
}
@media(max-width:760px){
  html body[data-pa-route="/"] main>.hero{padding-top:28px!important}
  html body[data-pa-route="/"] main>.hero .display{font-size:46px!important;line-height:1!important;margin-bottom:18px!important}
  html body[data-pa-route="/"] main>.hero .hero-mobile-team{margin-top:24px!important}
  html body[data-pa-route="/"] main>.hero .hero-proof{margin-block:12px!important}
  html body[data-pa-route="/team"] .hero-note-head{margin-bottom:12px!important}
  html body[data-pa-route="/team"] .hero-note .lede{font-size:16px!important;line-height:1.5!important}
  html body[data-pa-route="/team"] .hero-note{padding:18px!important}
  html body[data-pa-route="/hearing-aid-videos"] .vid-hero{padding-top:28px!important;padding-bottom:26px!important}
  html body[data-pa-route="/hearing-aid-videos"] .brand-pick{margin-top:20px!important}
  html body[data-pa-route="/hearing-aid-videos"] .bp-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  html body[data-pa-route="/hearing-aid-videos"] .bp-btn{min-height:48px!important;padding:8px 4px!important;font-size:20px!important;border-radius:8px!important;gap:0!important}
  html body[data-pa-route="/hearing-aid-videos"] .bp-btn .bno{display:none}
  .consultation-path{grid-template-columns:1fr;margin:32px 18px;padding:24px;gap:18px}
  html body[data-pa-route="/journal/hearing-aid-cost-nyc"] .pa-epc-media{height:180px!important}
}

/* PR188 review corrections: explicit surface colors and intrinsic sizing. */
html body[data-pa-route="/"] main>.hero .portrait{max-width:380px!important;width:90%!important}
html body[data-pa-route="/"] main>.hero .display em{font-size:.72em;line-height:1.05}
html body[data-pa-route="/"] main .hero-ledger{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;padding:0!important;align-items:stretch;text-align:center}
html body[data-pa-route="/"] main .hero-ledger .hl-item{min-width:0;width:100%;align-items:center;padding:20px 10px;gap:12px;border-right:1px solid #DED4C4}
html body[data-pa-route="/"] main .hero-ledger .hl-item:last-child{border-right:0}
html body[data-pa-route="/"] main .hero-ledger .hl-k{font:600 12px/1.4 'Source Sans 3',sans-serif!important;letter-spacing:.07em!important;max-width:100%}
html body[data-pa-route="/"] main .hero-ledger .hl-v{display:block;min-width:0;max-width:100%;font-size:19px!important;line-height:1.2!important;letter-spacing:0!important;white-space:normal!important;overflow-wrap:break-word}
html body[data-pa-route="/"] main .hero-ledger .stars{display:block;font-size:16px!important;letter-spacing:1px!important;margin:0 0 6px!important;top:0!important;white-space:nowrap;color:#F08647!important}
html body[data-pa-route="/"] main .ledger-cell .n .rating-star{color:#F08647!important}
html body[data-pa-route="/"] main .ledger-cell .address-number{font-size:clamp(28px,3.4vw,48px)!important;line-height:1.05!important}
html body[data-pa-route="/"] main .ledger-cell .suite{display:block;margin-top:8px;font-size:.62em;line-height:1.1}
html body[data-pa-route="/"] main .team-showcase{margin-top:56px;padding-top:28px;border-top:1px solid #DED4C4}
html body[data-pa-route="/"] main .team-showcase-heading{display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:center;margin-bottom:24px}
html body[data-pa-route="/"] main .team-showcase-heading>span{grid-column:1/-1;font:600 12px/1.5 'Source Sans 3',sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#514A41}
html body[data-pa-route="/"] main .team-showcase-heading h3{font:700 clamp(30px,3vw,40px)/1.1 'Barlow Condensed',sans-serif!important;margin:0;text-transform:uppercase}
html body[data-pa-route="/"] main .team-showcase-heading a{font:600 16px/1.5 'Source Sans 3',sans-serif;text-decoration:underline;text-decoration-color:#F08647;text-underline-offset:5px}
html body[data-pa-route="/"] main .team-ledger{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible}
html body[data-pa-route="/"] main .team-ledger>a{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:20px;padding:30px 18px!important;min-width:0;border:1px solid #DED4C4!important;border-bottom:4px solid #F08647!important;border-radius:18px 4px 18px 4px;background:#fff!important;box-shadow:var(--pav-card-shadow)}
html body[data-pa-route="/"] main .team-ledger .tp{width:140px!important;height:140px!important;max-width:100%;flex-shrink:0;padding:0;border:1px solid #DED4C4;box-shadow:0 0 0 8px #F8F3EA;object-fit:cover!important;object-position:center!important;filter:none!important}
html body[data-pa-route="/"] main .team-ledger .tx{gap:12px;width:100%;align-items:center}
html body[data-pa-route="/"] main .team-ledger .tn{font-size:clamp(24px,2.5vw,32px)!important;line-height:1.05!important;max-width:100%;letter-spacing:-.01em!important}
html body[data-pa-route="/"] main .team-ledger .tt{font:400 15px/1.5 'Source Sans 3',sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#514A41!important;max-width:26ch}
html body[data-pa-route="/"] main .team-ledger .ta{display:grid;place-items:center;opacity:1!important;transform:none!important;width:36px;height:36px;border-radius:50%;background:#F08647;color:#181511!important;margin-top:auto}
html body[data-pa-route="/"] main #care-guide{background:#181511!important;border-color:#4E473F!important;border-top-color:#F08647!important;padding:32px!important}
html body[data-pa-route="/"] main #care-guide :is(strong,p){color:#FFFDF9!important}
html body[data-pa-route="/"] main #care-guide strong{font-size:32px!important;line-height:1.05!important}
html body[data-pa-route="/"] main #care-guide :is(.sd-k,a){color:#F08647!important}
html body[data-pa-route="/"] main #care-guide p{font-size:17px!important;line-height:1.6!important;margin-top:12px}
html body[data-pa-route="/"] main #care-guide a{white-space:normal;max-width:24ch;font-size:16px!important}
html body[data-pa-route="/"] main .photo-break-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:36px!important;align-items:center!important}
html body[data-pa-route="/"] main .photo-break-frame{min-height:0!important;max-width:460px;width:100%;margin-inline:auto;border-radius:16px 4px 16px 4px!important}
html body[data-pa-route="/"] main .photo-break-img{position:static!important;height:auto!important;width:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;max-height:520px}
html body[data-pa-route="/"] main .photo-break .pb-card{margin:0!important;padding:32px!important;border-radius:4px 18px 18px 4px!important}
html body[data-pa-route="/"] main .platforms{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px;border:0!important}
html body[data-pa-route="/"] main .platform{min-width:0;padding:24px 14px!important;border:1px solid #DED4C4!important;border-top:3px solid #F08647!important;border-radius:12px 3px 12px 3px!important;text-align:center;background:#fff;overflow-wrap:break-word}
html body[data-pa-route="/"] main .platform .pn{font-size:clamp(24px,3vw,36px)!important;line-height:1.1!important;letter-spacing:-.02em!important;max-width:100%;white-space:normal!important}
html body[data-pa-route="/"] main .platform :is(.ps,.pl){font:400 14px/1.5 'Source Sans 3',sans-serif!important;letter-spacing:0!important;max-width:100%}
html body[data-pa-route="/"] main .platform .pcta{justify-content:center}
html body[data-pa-route="/"] main .typewall{display:flex!important;flex-wrap:wrap;justify-content:center}
html body[data-pa-route="/"] main .typewall a{flex:0 0 calc((100% - 24px)/3);min-width:0;color:#181511!important;-webkit-text-fill-color:currentColor!important;justify-content:center!important;text-align:center;white-space:normal!important;font-size:28px!important;min-height:100px!important}
html body[data-pa-route="/"] main .typewall a.wall-more{background:#F08647!important}
html body.pa-editorial-system[data-pa-route="/"] main .cta h2 em{color:#F08647!important;-webkit-text-fill-color:currentColor!important;background:none!important;text-shadow:none!important}
html body.pa-editorial-system[data-pa-route="/"] main .cta p{color:#E4DED5!important}
html body.pa-editorial-system .g-fadr,
html body.pa-editorial-system .g-fadr :is(a,span,small,strong){color:#E4DED5!important;opacity:1!important}
@media(max-width:760px){
  html body[data-pa-route="/"] main .team-ledger{grid-template-columns:1fr;gap:18px}
  html body[data-pa-route="/"] main .team-ledger>a{display:grid!important;grid-template-columns:96px minmax(0,1fr);gap:18px;text-align:left;padding:24px 20px!important}
  html body[data-pa-route="/"] main .team-ledger .tp{width:96px!important;height:96px!important}
  html body[data-pa-route="/"] main .team-ledger .tx{align-items:flex-start}
  html body[data-pa-route="/"] main .team-ledger .tn{font-size:26px!important}
  html body[data-pa-route="/"] main .team-ledger .ta{display:none}
  html body[data-pa-route="/"] main .team-showcase-heading{grid-template-columns:1fr}
  html body[data-pa-route="/"] main .photo-break-grid{grid-template-columns:1fr!important;gap:24px!important}
  html body[data-pa-route="/"] main .photo-break-frame{max-width:360px}
  html body[data-pa-route="/"] main .platforms{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body[data-pa-route="/"] main .typewall{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body[data-pa-route="/"] main .typewall a{flex-basis:calc((100% - 12px)/2);font-size:24px!important;min-height:80px!important}
  html body[data-pa-route="/"] main .practice-editorial-card{padding:24px}
  html body[data-pa-route="/"] main #care-guide{padding:24px!important}
}
/* September patient-help release: scoped components, preserving editorial art. */
body .patient-section-nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:28px 0;padding:20px;border:1px solid #DED4C4;border-top:3px solid #F08647;border-radius:16px;background:#fff;color:#181511}
body .patient-section-nav>span{flex:1 0 100%;font:700 14px/1.4 'Barlow',sans-serif;letter-spacing:.08em;text-transform:uppercase}
body .patient-section-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #DED4C4;border-radius:8px;font:600 16px/1.35 'Source Sans 3',sans-serif;color:#181511;text-align:center;text-decoration:none}
body .patient-section-nav a:hover{background:#FFF3E9;border-color:#F08647}
body .patient-section-nav a:focus-visible,body .patient-start-card a:focus-visible,body .patient-preparation-links a:focus-visible{outline:3px solid #F08647;outline-offset:4px}
body .patient-start-card{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:32px 0;padding:30px;border:1px solid #F08647;border-radius:20px;background:#181511;color:#fff}
body .patient-start-card .patient-start-label{color:#F08647;font:600 13px/1.4 'Barlow',sans-serif;letter-spacing:.1em;text-transform:uppercase}
body .patient-start-card h2{margin:12px 0;font:700 clamp(28px,3vw,40px)/1.08 'Barlow Condensed',sans-serif;color:#fff}
body .patient-start-card p{margin:0;font:400 18px/1.6 'Source Sans 3',sans-serif;color:#F3EEE4}
body .patient-start-card nav{display:grid;gap:10px}
body .patient-start-card a{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:48px;padding:12px 16px;border:1px solid #77695C;border-radius:10px;color:#fff;font:600 17px/1.35 'Source Sans 3',sans-serif;text-decoration:none}
body .patient-start-card a:hover{border-color:#F08647;background:#30251C}
body .patient-start-card a span{color:#F08647}
body .patient-preparation-links{display:flex;flex-wrap:wrap;gap:12px;margin:24px auto 48px}
body .patient-preparation-links a{display:flex;align-items:center;min-height:48px;padding:14px 20px;border:1px solid #DED4C4;border-left:3px solid #F08647;border-radius:10px;background:#fff;color:#181511;font:600 17px/1.4 'Source Sans 3',sans-serif;text-decoration:none}
body .patient-preparation-links a:hover{text-decoration:underline;text-underline-offset:4px}
html body.pa-editorial-system[data-pa-route="/hearing-aid-prices-nyc"] main .cta-banner h2 em{color:#F08647!important;-webkit-text-fill-color:currentColor!important;background:none!important;text-shadow:none!important}
body .cta-banner .cta-inner{box-sizing:border-box;padding-left:24px!important;padding-right:24px!important}
body .guide-device-card>div:last-child{min-width:0}
body .quiz-q:focus,body .qr-title:focus{outline:2px solid #F08647;outline-offset:6px}
body .quiz-opt[aria-pressed="true"]{border-color:#F08647}
@media(max-width:760px){
  body .patient-start-card{grid-template-columns:1fr;padding:24px;gap:22px}
  body .patient-section-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:8px}
  body .patient-section-nav>span{grid-column:1/-1}
  body .patient-section-nav a{font-size:15px;padding:10px 8px}
  body .guide-device-card{flex-direction:column!important;padding:24px!important;gap:20px!important;text-align:left}
  body .guide-device-card>div:last-child{width:100%}
  body .guide-device-card>img{align-self:center}
  body .cta-banner .cta-inner{padding-left:18px!important;padding-right:18px!important}
  body .patient-preparation-links{flex-direction:column}
}

/* /assets/editorial-photo-cards-v1.css */
/* Pinnacle Audiology — restrained editorial photo cards. */
.pa-editorial-photo-card{position:relative;z-index:1;isolation:isolate;margin:clamp(30px,4.5vw,58px) 0;padding:0!important;background:transparent!important;color:#F8F3EA}
.pa-editorial-photo-card,.pa-editorial-photo-card *{box-sizing:border-box}
.pa-epc-wrap{display:flex;width:min(1120px,calc(100% - 48px));margin:0 auto;justify-content:flex-end}
.pa-editorial-photo-card[data-side="left"] .pa-epc-wrap{justify-content:flex-start}
.pa-epc-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);width:min(640px,40vw);min-height:280px;overflow:hidden;border:1px solid rgba(240,134,71,.26);border-radius:26px;background:radial-gradient(circle at 88% 12%,rgba(240,134,71,.12),transparent 31%),linear-gradient(132deg,#171411 0%,#211A15 100%);box-shadow:0 28px 68px -40px rgba(28,20,13,.62)}
.pa-epc-media{position:relative;margin:0;min-width:0;width:100%;height:100%;min-height:280px;overflow:hidden;background:#D8CEC0}
.pa-epc-media picture{display:block;width:100%;height:100%}
.pa-epc-media img{display:block;width:100%;height:100%;max-width:none!important;object-fit:cover;object-position:center;transform:none!important}
.pa-epc-media::after{content:"";position:absolute;inset:0;border-right:1px solid rgba(240,134,71,.22);box-shadow:inset -22px 0 34px -34px rgba(0,0,0,.72);pointer-events:none}
.pa-epc-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:24px 25px 26px}
.pa-epc-label{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#F08647;font:700 9px/1.2 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase}
.pa-epc-label::before{content:"";display:block;width:34px;height:1px;background:#F08647}
.pa-epc-copy h2{max-width:16ch;margin:0 0 11px!important;color:#FFF!important;font-family:'Barlow Condensed','Arial Narrow',sans-serif!important;font-size:clamp(27px,2vw,34px)!important;font-weight:750!important;line-height:1!important;letter-spacing:-.015em!important;text-wrap:balance;text-transform:uppercase}
.pa-epc-copy p{max-width:44ch;margin:0!important;color:#CFC4B7!important;font-size:clamp(14px,.95vw,15.5px)!important;line-height:1.5!important}
.pa-editorial-photo-card.is-photo-only .pa-epc-card{display:block;min-height:0}
.pa-editorial-photo-card.is-photo-only .pa-epc-media{height:auto;min-height:0;aspect-ratio:3/2}
.pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-card{flex:0 0 auto;width:min(420px,40%);border-color:rgba(240,134,71,.34);background:#F4EDE3;box-shadow:0 28px 62px -42px rgba(28,20,13,.68)}
.pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-media{display:grid;grid-template-rows:auto auto;aspect-ratio:auto}
.pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-media picture{aspect-ratio:4/3}
.pa-editorial-photo-card.is-contain .pa-epc-media{background:radial-gradient(circle at 78% 18%,transparent 0 20%,rgba(240,134,71,.22) 20.4% 20.8%,transparent 21.2% 32%,rgba(240,134,71,.14) 32.4% 32.8%,transparent 33.2%),linear-gradient(145deg,#FAF6EF 0%,#EEE2D3 100%)}
.pa-editorial-photo-card.is-contain .pa-epc-media img{position:relative;z-index:1;object-fit:contain;padding:clamp(32px,4vw,56px)}
.pa-epc-caption{position:absolute;left:18px;bottom:18px;z-index:2;max-width:calc(100% - 36px);padding:12px 15px 11px;border:1px solid rgba(240,134,71,.25);border-radius:14px;background:rgba(23,20,17,.88);box-shadow:0 15px 35px -24px rgba(0,0,0,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.pa-epc-caption .pa-epc-label{margin:0;color:#F08647;font-size:9px;letter-spacing:.18em}
.pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-caption{position:relative;left:auto;bottom:auto;min-width:0;max-width:none;padding:11px 14px;border:0;border-top:1px solid rgba(240,134,71,.3);border-radius:0;background:#1B1714;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-caption .pa-epc-label{gap:8px;font-size:8px;letter-spacing:.14em;overflow-wrap:anywhere}
.pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-caption .pa-epc-label::before{width:22px}
@media(max-width:1100px){
  .pa-editorial-photo-card{margin:32px 0 44px}
  .pa-epc-wrap{width:min(100% - 32px,1120px)}
  .pa-epc-card{width:min(640px,72vw);grid-template-columns:minmax(0,1fr);min-height:0;border-radius:22px}
  .pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-card{width:min(420px,40%)}
  .pa-epc-media{width:100%;height:auto;min-height:0;aspect-ratio:3/2}
  .pa-epc-media::after{border-right:0;border-bottom:1px solid rgba(240,134,71,.22);box-shadow:inset 0 -24px 40px -38px rgba(0,0,0,.7)}
  .pa-epc-copy{padding:26px 24px 30px}
  .pa-epc-label{margin-bottom:13px}
  .pa-epc-copy h2{max-width:16ch;font-size:clamp(32px,9.5vw,42px)!important;line-height:1!important}
  .pa-epc-copy p{font-size:16px!important;line-height:1.55!important}
}
@media(max-width:760px){
  .pa-epc-wrap{justify-content:center!important}
  .pa-epc-card{width:min(100%,420px)}
  .pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-card{width:min(330px,84%)}
  .pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-media{aspect-ratio:auto}
  .pa-editorial-photo-card.is-contain .pa-epc-media img{padding:clamp(26px,8vw,42px)}
  .pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-caption .pa-epc-label{font-size:10.5px;line-height:1.35;letter-spacing:.09em}
  .pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-caption .pa-epc-label::before{display:none}
}
@media(max-width:390px){.pa-epc-wrap{width:calc(100% - 24px)}.pa-epc-copy{padding:23px 20px 27px}.pa-epc-copy h2{font-size:31px!important}}
@media(prefers-reduced-motion:reduce){.pa-epc-media img{transition:none!important}}

/* /assets/header-contract-v1.css */
/* Pinnacle shared header contract
   Both shell runtimes load this file so legacy, flagship, and video pages
   use the same navigation geometry and patient actions. */

.g-topbar { background: #0e0d0b !important; color: rgba(255, 252, 247, .78) !important; }
.g-topbar a { color: rgba(255, 252, 247, .78) !important; }
.g-topbar a:hover,
.g-topbar a:focus-visible { color: #F08647 !important; }
.g-topbar .g-w,
.g-ni { max-width: 1240px !important; }

.g-nav,
.g-nav.scrolled {
  background: #fff !important;
  border-bottom: 1px solid rgba(222, 213, 199, 0.72) !important;
  box-shadow: none !important;
}

/* The shared shell is injected into pages with several legacy reset styles.
   Own the box model here so mobile padding never widens the header past the
   viewport on pages that do not define a global border-box reset. */
.g-nav,
.g-nav * {
  box-sizing: border-box;
}

.g-ni {
  height: 88px !important;
  gap: 24px !important;
}

.g-logo img {
  width: auto !important;
  height: 76px !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.g-sbtn,
.g-hbg {
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
  border-radius: 50% !important;
}

.g-book {
  min-height: 46px !important;
  padding: 0 22px !important;
  background: var(--gn-accent) !important;
  color: #181511 !important;
  border: 1px solid var(--gn-accent) !important;
  border-radius: 999px !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
}

.g-book:hover {
  background: #F08647 !important;
  border-color: #F08647 !important;
  color: #181511 !important;
}

.g-call {
  min-height: 46px !important;
  padding: 0 17px !important;
  background: #0e0d0b !important;
  color: #fff !important;
  border: 1.5px solid #0e0d0b !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

.g-call:hover {
  background: #2a2620 !important;
  border-color: #2a2620 !important;
  color: #fff !important;
}

.g-call-label,
.g-call svg {
  color: var(--gn-accent) !important;
  stroke: var(--gn-accent) !important;
}

.g-sbtn:focus-visible,
.g-hbg:focus-visible,
.g-book:focus-visible,
.g-call:focus-visible,
.g-ul > li > a:focus-visible,
.g-drop a:focus-visible {
  outline: 3px solid #F08647 !important;
  outline-offset: 3px !important;
}

.g-ul > li > a,
.g-drop a,
.g-dpan a,
.g-da {
  line-height: 1.35 !important;
}

@media (max-width: 1390px) {
  .g-ni { gap: 12px !important; }
  .g-book {
    min-height: 44px !important;
    padding-inline: 16px !important;
    font-size: 13px !important;
  }
  .g-sbtn,
  .g-hbg {
    width: 44px !important;
    height: 44px !important;
    flex-basis: 44px !important;
  }
  .g-call {
    min-height: 44px !important;
    padding-inline: 14px !important;
    font-size: 13px !important;
  }
}

@media (max-width: 760px) {
  .g-topbar { display: none !important; }
  .g-nav,
  .g-nav.scrolled { top: 0 !important; }
  .g-ni {
    width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;
    padding: 0 14px !important;
    gap: 8px !important;
  }
  .g-logo {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  .g-logo img {
    height: 62px !important;
    max-width: 104px !important;
  }
  .g-book {
    min-height: 44px !important;
    margin-left: auto !important;
    padding-inline: 15px !important;
    font-size: 12.5px !important;
    line-height: 1.1 !important;
    max-width: min(156px, 36vw) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .g-call { display: none !important; }
  .g-mobile-callbar { display: flex !important; }
  .g-mobile-callbar {
    min-height: 46px !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (max-width: 440px) {
  .g-ni {
    grid-template-columns: minmax(0, 1fr) max-content !important;
    padding-inline: 10px !important;
    gap: 7px !important;
  }
  .g-logo img {
    height: 56px !important;
    max-width: 92px !important;
  }
  .g-book { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .g-nav,
  .g-book,
  .g-call,
  .g-sbtn,
  .g-hbg { transition: none !important; }
}

/* /assets/shared-shell-standard-88d5d9ddd5a3.css */
:root{
  --gn-ink:#1B1916;--gn-ink2:#423C33;--gn-soft:#6E675C;
  --gn-line:#E7E1D4;--gn-line2:#D6CEBE;--gn-paper:#FAF8F3;
  --gn-accent:#F08647;--gn-accentd:#181511;--gn-white:#fff;
  --gn-h:104px;--gn-shadow:0 28px 64px -24px rgba(40,30,15,.34);
}
/* topbar */
.g-topbar{background:#0E0D0B;color:rgba(243,236,221,.6);font-size:13px}
.g-topbar .g-w{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:9px 40px;max-width:1320px;margin:0 auto}
.g-topbar .g-soc{display:flex;gap:20px}
.g-topbar a{color:rgba(243,236,221,.6);text-decoration:none;transition:color .15s}
.g-topbar a:hover{color:var(--gn-accent)}
.g-topbar .g-ph{display:flex;align-items:center;gap:9px;font-weight:600;color:rgba(243,236,221,.88);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1}
.g-dot{width:7px;height:7px;border-radius:50%;--g-status:#F08647;background:var(--g-status);flex-shrink:0;display:inline-block;transition:background-color .2s ease}
.g-dot.is-open{--g-status:#3BCB78}
.g-dot.is-closed{--g-status:#F08647}
/* sticky nav */
.g-nav{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.82);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border-bottom:1px solid transparent;transition:border-color .25s,background .25s;overflow:visible}
.g-nav.scrolled{border-bottom-color:var(--gn-line);background:rgba(255,255,255,.96)}
.g-ni{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:20px;padding:0 40px;height:var(--gn-h);max-width:1320px;margin:0 auto}
.g-logo img{height:94px;width:auto;max-width:none;display:block;flex-shrink:0}
.g-logo{text-decoration:none;flex-shrink:0}
@media (min-width:1041px){.g-logo{margin-right:14px}}
/* primary list */
.g-ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px;justify-content:center}
.g-ul>li{position:relative}
.g-ul>li>a{display:inline-flex;align-items:center;gap:5px;padding:10px 10px;font-size:13.5px;font-weight:700;color:var(--gn-ink2);text-decoration:none;white-space:nowrap;border-radius:8px;transition:color .14s;position:relative;line-height:1.2}
.g-ul>li>a::after{content:"";position:absolute;bottom:3px;left:10px;right:10px;height:1.5px;background:var(--gn-accent);transform:scaleX(0);transition:transform .2s ease}
.g-ul>li.cur>a::after{transform:scaleX(1)}
.g-ul>li.cur>a{color:var(--gn-accent)}
.g-ul>li>a:hover{color:var(--gn-ink)}
.g-cv{display:inline-block;width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-2px;opacity:.45;transition:transform .2s;flex-shrink:0}
.g-ul>li:focus-within .g-cv{transform:rotate(-135deg);opacity:.85}
/* dropdowns */
.g-drop{position:absolute;top:calc(100% + 2px);left:0;background:#fff;border:1px solid var(--gn-line);border-radius:16px;padding:14px;box-shadow:var(--gn-shadow);display:flex;opacity:0;visibility:hidden;pointer-events:none;z-index:200;transform:translateY(-6px) scale(.95);transform-origin:top left;transition:opacity .16s ease-out,transform .2s cubic-bezier(.16,1,.3,1),visibility 0s linear .2s}
.g-drop::before{content:"";position:absolute;top:-12px;left:0;right:0;height:14px}
.g-ul>li.is-open>.g-drop{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
.g-drop.c{left:50%;transform:translateX(-50%) translateY(-6px) scale(.95);transform-origin:top center}
.g-ul>li.is-open>.g-drop.c{transform:translateX(-50%)}
/* ── Bulletproof desktop dropdown ──────────────────────────────────────
   1. overflow:visible !important on the nav chain — sticky+backdrop-filter
      can create a clipping context in some browsers; this forces it open.
   2. Both CSS :hover AND JS .is-open show the menu, so hover works even if
      there is a JS race condition or the class never gets added.               */
@media(min-width:1391px){
  .g-nav,.g-ni,.g-ul,.g-ul>li{overflow:visible !important;clip-path:none !important}
  .g-ul>li.is-open>.g-drop{display:flex !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:none !important;transition-delay:0s !important}
  .g-ul>li.is-open>.g-drop.c{transform:translateX(-50%) !important}
  .g-ul>li.is-open .g-cv{transform:rotate(-135deg) !important;opacity:.85 !important}
}
@media(min-width:1391px) and (hover:hover) and (pointer:fine){
  .g-ul>li:hover>a::after{transform:scaleX(1)}
  .g-ul>li:hover>.g-drop{display:flex !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:none !important;transition-delay:0s !important}
  .g-ul>li:hover>.g-drop.c{transform:translateX(-50%) !important}
  .g-ul>li:hover .g-cv{transform:rotate(-135deg) !important;opacity:.85 !important}
}
.g-drop.r{left:auto;right:0;transform-origin:top right}
.g-ul>li.is-open .g-cv{transform:rotate(-135deg);opacity:.85}
/* simple drop */
.g-ds{min-width:230px;flex-direction:column;gap:1px}
.g-ds a{display:block;padding:9px 12px;border-radius:9px;font-size:14px;font-weight:600;color:var(--gn-ink2);text-decoration:none;transition:background .14s,color .14s}
.g-ds a:hover{background:var(--gn-paper);color:var(--gn-accentd)}
/* mega drop */
.g-dm{flex-wrap:wrap;align-items:flex-start;gap:14px 26px;padding:20px 22px;max-width:min(780px,94vw)}
.g-grp{display:flex;flex-direction:column;min-width:158px}
.g-grp-2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;align-content:start;min-width:200px}
.g-grp-2 .g-gl{grid-column:1/-1}
.g-gl{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gn-accent);font-weight:600;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--gn-line)}
.g-grp a,.g-grp-2 a{display:block;padding:5px 0;font-size:13.5px;font-weight:600;color:var(--gn-ink2);text-decoration:none;line-height:1.35;transition:color .14s}
.g-grp a:hover,.g-grp-2 a:hover{color:var(--gn-accentd)}
/* CTA cluster */
.g-cta{display:flex;align-items:center;gap:10px;flex-shrink:0}
.g-sbtn{width:42px;height:42px;border-radius:50%;border:1px solid var(--gn-line2);display:grid;place-items:center;background:transparent;color:var(--gn-ink);cursor:pointer;transition:background .18s,color .18s,border-color .18s;flex-shrink:0;padding:0}
.g-sbtn:hover{background:var(--gn-ink);color:#fff;border-color:var(--gn-ink)}
.g-sbtn svg{width:17px;height:17px}
.g-book{display:inline-flex;align-items:center;gap:8px;padding:15px 24px;background:var(--gn-accent);color:#fff;border-radius:999px;font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 8px 24px -8px rgba(240,134,71,.58);white-space:nowrap;flex-shrink:0}
.g-book:hover{background:#F08647;box-shadow:0 12px 28px -8px rgba(240,134,71,.65)}
.g-call{display:inline-flex;align-items:center;gap:8px;padding:13px 17px;background:#0E0D0B;color:#fff;border:1.5px solid #0E0D0B;border-radius:999px;font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background .18s,color .18s,border-color .18s,transform .18s}
.g-call:hover{background:#2A2620;border-color:#2A2620}
.g-call svg{width:17px;height:17px;fill:none;stroke:var(--gn-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.g-call-label{color:var(--gn-accent)}
.g-mobile-callbar{display:none}
.g-book .arr{transition:transform .2s}
@media(hover:hover) and (pointer:fine){.g-book:hover,.g-call:hover{transform:translateY(-1px)}.g-book:hover .arr{transform:translateX(3px)}}
.g-hbg{width:44px;height:44px;border:1px solid var(--gn-line2);border-radius:50%;display:none;align-items:center;justify-content:center;background:transparent;cursor:pointer;flex-shrink:0;transition:border-color .2s,background .2s;padding:0}
.g-hbg:hover{background:var(--gn-ink);border-color:var(--gn-ink)}
.g-hbg:hover .g-bar,.g-hbg:hover .g-bar::before,.g-hbg:hover .g-bar::after{background:#fff}
.g-bar{position:relative;display:block;width:18px;height:2px;background:var(--gn-ink);border-radius:2px;transition:background .2s}
.g-bar::before,.g-bar::after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--gn-ink);border-radius:2px;transition:transform .25s ease,background .2s}
.g-bar::before{top:-6px}
.g-bar::after{top:6px}
.g-sbtn:active,.g-book:active,.g-call:active,.g-hbg:active,.g-scl:active,.g-drx:active,.g-drf .g-ghost:active,.g-fbt:active{transform:scale(.97)!important;transition-duration:.12s}
body.g-open .g-bar{background:transparent}
body.g-open .g-bar::before{transform:translateY(6px) rotate(45deg)}
body.g-open .g-bar::after{transform:translateY(-6px) rotate(-45deg)}
body.g-open{overflow:hidden}
/* search overlay */
.g-sov{position:fixed;inset:0;z-index:300;display:block;box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:rgba(14,13,11,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease-out,visibility 0s linear .2s}
.g-sov.on{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.g-sp{max-width:680px;margin:9vh auto 0;background:#fff;border:1px solid var(--gn-line);border-radius:20px;box-shadow:0 40px 90px -30px rgba(20,15,8,.5);overflow:hidden;transform:translateY(-12px) scale(.98);transform-origin:top center;opacity:0;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .16s ease-out}
.g-sov.on .g-sp{transform:none;opacity:1}
.g-st{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid var(--gn-line)}
.g-st svg{width:20px;height:20px;color:var(--gn-accent);flex-shrink:0}
.g-sinp{flex:1;border:0;outline:0;font-family:inherit;font-size:19px;color:var(--gn-ink);background:transparent}
.g-sinp::placeholder{color:var(--gn-soft)}
.g-scl{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gn-soft);font-weight:700;border:1px solid var(--gn-line2);border-radius:8px;padding:6px 10px;cursor:pointer;background:transparent;transition:background .14s,color .14s}
.g-scl:hover{background:var(--gn-ink);color:#fff;border-color:var(--gn-ink)}
.g-sres{max-height:56vh;max-height:56dvh;overflow-y:auto;padding:8px}
.g-sres a{display:block;padding:11px 15px;border-radius:10px;text-decoration:none;transition:background .13s}
.g-sres a:hover,.g-sres a.sel{background:var(--gn-paper)}
.g-sres .rt{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;font-size:19px;letter-spacing:-.005em;color:var(--gn-ink);display:flex;align-items:center;gap:8px}
.g-sres .rt .arr{color:var(--gn-accent)}
.g-sres .rd{font-size:13.5px;color:var(--gn-soft);margin-top:2px}
.g-sempty{padding:30px 22px;text-align:center;color:var(--gn-soft);font-size:15px}
.g-shint{padding:10px 22px 14px;color:var(--gn-soft);font-size:11.5px;border-top:1px solid var(--gn-line);display:flex;gap:18px;justify-content:center}
.g-shint b{color:var(--gn-ink2);font-weight:700}
/* mobile drawer */
.g-dr{position:fixed;inset:0;z-index:200;box-sizing:border-box;width:100%;height:100vh;height:100dvh;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left);background:var(--gn-paper);transform:translateX(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;overflow:hidden}
.g-dr.on{transform:none}
.g-drh{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--gn-line);flex-shrink:0}
.g-drh img{height:44px;width:auto}
.g-drx{width:44px;height:44px;border:1px solid var(--gn-line2);border-radius:50%;background:#fff;font-size:22px;color:var(--gn-ink);cursor:pointer;display:grid;place-items:center;transition:background .14s,border-color .14s;padding:0}
.g-drx:hover{background:var(--gn-ink);color:#fff;border-color:var(--gn-ink)}
.g-drnav{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 22px 0}
.g-da{display:block;padding:13px 0;border-bottom:1px solid var(--gn-line);font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;font-size:24px;letter-spacing:-.01em;color:var(--gn-ink);text-decoration:none}
.g-dsec{border-bottom:1px solid var(--gn-line)}
.g-dacc{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 0;background:none;border:0;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;font-size:24px;letter-spacing:-.01em;color:var(--gn-ink);cursor:pointer;text-align:left}
.g-dch{width:10px;height:10px;border-right:2px solid var(--gn-accent);border-bottom:2px solid var(--gn-accent);transform:rotate(45deg);transition:transform .22s;flex-shrink:0}
.g-dacc[aria-expanded="true"] .g-dch{transform:rotate(-135deg)}
.g-dpan{display:block;box-sizing:border-box;height:0;overflow:hidden;opacity:0;visibility:hidden;padding:0 0 0 10px;transition:height .2s cubic-bezier(.16,1,.3,1),opacity .15s ease-out,padding .2s cubic-bezier(.16,1,.3,1),visibility 0s linear .2s}
.g-dsec.on .g-dpan{opacity:1;visibility:visible;padding:4px 0 14px 10px;transition-delay:0s}
.g-dpan a{display:block;padding:7px 0;font-size:16px;font-weight:600;color:var(--gn-ink2);text-decoration:none;transition:color .13s}
.g-dpan a:hover{color:var(--gn-accentd)}
.g-dgrp{display:block;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gn-accent);margin:12px 0 4px;font-weight:600}
.g-drf{padding:14px 22px;border-top:1px solid var(--gn-line);display:flex;flex-direction:column;gap:10px;flex-shrink:0;background:var(--gn-paper)}
.g-drf .g-book{justify-content:center;padding:16px;font-size:16px;letter-spacing:.06em}
.g-drf .g-ghost{display:block;text-align:center;padding:13px;border:1.5px solid var(--gn-line2);color:var(--gn-ink);border-radius:999px;font-size:15px;font-weight:700;text-decoration:none;transition:background .14s}
.g-drf .g-ghost:hover{background:var(--gn-ink);color:#fff;border-color:var(--gn-ink)}
/* scroll progress */
.g-prog{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--gn-accent);z-index:500;transform:scaleX(0);transform-origin:left center;will-change:transform;box-shadow:0 0 10px rgba(240,134,71,.65)}
/* footer */
.g-footer{background:#0E0D0B;color:rgba(243,236,221,.78);padding:64px 0 28px}
.g-fw{max-width:1320px;margin:0 auto;padding:0 40px}
.g-fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.1fr;gap:40px;margin-bottom:44px}
.g-flogo{display:inline-block;max-width:100%;margin:0 0 20px;line-height:0}
.g-fb .g-flogo img{display:block;width:210px!important;max-width:100%!important;height:auto!important;margin:0!important;filter:none!important;opacity:1!important}
.g-fb p{color:rgba(243,236,221,.52);font-size:15px;line-height:1.65;max-width:28ch;margin:0 0 18px}
.g-hrs{padding-top:16px;border-top:1px solid rgba(243,236,221,.1);font-size:13px;color:rgba(243,236,221,.48);line-height:1.85}
.g-hrs strong{display:block;color:rgba(243,236,221,.8);font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin:11px 0 2px}
.g-hrs strong:first-child{margin-top:0}
.g-footer h5{font-size:11px;text-transform:uppercase;letter-spacing:.22em;color:rgba(243,236,221,.42);margin:0 0 16px;font-weight:600}
.g-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.g-footer ul a{color:rgba(243,236,221,.68);text-decoration:none;font-size:15px;transition:color .13s}
.g-footer ul a:hover{color:var(--gn-accent)}
.g-fca a{display:block;margin-bottom:9px;font-size:15px;color:rgba(243,236,221,.78);text-decoration:none;transition:color .13s}
.g-fca a:hover{color:var(--gn-accent)}
.g-fadr{font-size:13px;color:rgba(243,236,221,.46);line-height:1.7;margin-top:12px}
.g-fbt{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:16px;padding:15px 20px;background:var(--gn-accent);color:#fff;border-radius:10px;font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:background .2s,box-shadow .2s;box-shadow:0 6px 20px -8px rgba(240,134,71,.5)}
.g-fbt:hover{background:#F08647;box-shadow:0 10px 28px -8px rgba(240,134,71,.65)}
.g-fapp{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px 16px 10px 10px;background:transparent;color:rgba(243,236,221,.9);border:1px solid rgba(243,236,221,.22);border-radius:10px;text-decoration:none;transition:background .2s,border-color .2s}
.g-fapp:hover{background:rgba(243,236,221,.07);border-color:rgba(243,236,221,.48)}
.g-fapp-icon{width:40px;height:40px;background:rgba(240,134,71,.14);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.g-fapp-icon img{width:28px;height:28px;object-fit:contain}
.g-fapp-txt{display:flex;flex-direction:column;line-height:1.2;flex:1;min-width:0}
.g-fapp-small{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(243,236,221,.45);font-weight:600}
.g-fapp-big{font-family:'Barlow Condensed',sans-serif;font-weight:800;text-transform:uppercase;font-size:15px;letter-spacing:.04em;color:#F2E9D9;white-space:nowrap}
.g-fapp-arr{color:rgba(243,236,221,.38);font-size:15px;flex-shrink:0}
.g-fbot{border-top:1px solid rgba(243,236,221,.09);padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:rgba(243,236,221,.38);flex-wrap:wrap}
.g-fsoc{display:flex;gap:16px}
.g-fsoc a{color:rgba(243,236,221,.52);text-decoration:none;font-size:13px;transition:color .13s}
.g-fsoc a:hover{color:var(--gn-accent)}
.g-fleg a{color:rgba(243,236,221,.38);text-decoration:none;margin-left:14px;font-size:12px;transition:color .13s;display:inline-block;padding:6px 2px;margin-top:-6px;margin-bottom:-6px}
.g-fleg a:hover{color:rgba(243,236,221,.6)}
/* responsive */
/* Tight-desktop range: keep the full navigation only where every action fits.
   Below 1390px the compact control cluster prevents clipping and overflow. */
@media(min-width:1391px) and (max-width:1540px){.g-ni{padding:0 20px;gap:12px}.g-ul>li>a{padding:10px 8px;font-size:13px}.g-book{padding:11px 15px}.g-call{padding:11px 13px}.g-call-label{display:none}}
@media(max-width:1390px){.g-ul{display:none}.g-cta{grid-column:3;justify-self:end}.g-hbg{display:inline-flex;order:2;width:42px;height:42px}.g-sbtn{order:1;width:42px;height:42px}.g-book{padding:11px 16px;font-size:13px;order:3}.g-call{padding:11px 14px;font-size:13px;order:4}.g-ni{gap:12px}}
body[style*="zoom"] .g-ul{display:none}
body[style*="zoom"] .g-cta{grid-column:3;justify-self:end}
body[style*="zoom"] .g-hbg{display:inline-flex;order:2}
body[style*="zoom"] .g-sbtn{order:1}
body[style*="zoom"] .g-book{padding:11px 16px;font-size:14px;order:3}
body[style*="zoom"] .g-call{order:4}
body[style*="zoom"] .g-ni{gap:12px}
@media(max-width:760px){
  .g-call{display:none}
  .g-mobile-callbar{display:flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:9px 16px;background:#0E0D0B;color:#fff;text-decoration:none;font-size:14px;letter-spacing:.01em;border-top:1px solid rgba(255,255,255,.08)}
  .g-mobile-callbar svg{width:17px;height:17px;fill:none;stroke:var(--gn-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
  .g-mobile-callbar span{font-weight:600;color:rgba(255,255,255,.72)}
  .g-mobile-callbar strong{font-weight:800;color:#fff}
}
@media(max-width:1040px){.g-logo img{height:78px !important}.g-ni{padding:0 24px;gap:14px}.g-topbar .g-w{padding:9px 24px}}
@media(max-width:860px){.g-fg{grid-template-columns:1fr 1fr;gap:28px}.g-fw{padding:0 24px}.g-topbar .g-w{padding:9px 24px}}
@media(max-width:560px){.g-logo img{height:64px !important}.g-hbg{width:42px;height:42px}.g-sbtn{width:42px;height:42px}.g-ni{padding:0 16px;gap:10px}.g-topbar .g-w{padding:9px 16px;justify-content:center}.g-topbar .g-soc{display:none}.g-fw{padding:0 16px}.g-fg{grid-template-columns:1fr}.g-sp{margin:0;border-radius:0;width:100%;height:100%;min-height:0;max-height:100%}.g-shint{display:none}}
@media(max-width:440px){
  .g-book{display:none!important}
  .g-ni{grid-template-columns:minmax(0,1fr) max-content!important;padding-inline:14px!important;gap:8px!important}
  .g-logo img{height:56px!important;max-width:96px!important}
  .g-cta{gap:8px!important}
}
@media(max-width:375px){.g-dacc,.g-da{font-size:21px}}
/* ── Responsive safety ── */
/* Prevent any nav child from causing horizontal overflow.
   NOTE: .g-nav intentionally excluded — overflow-x:hidden on a sticky element
   forces overflow-y:auto (CSS spec), which clips absolutely-positioned dropdowns. */
.g-nav{max-width:100vw}
@media(max-width:400px){
  .g-ni{gap:6px}
}
/* Ensure dropdowns never overflow right edge */
@media(min-width:1391px){
  .g-drop.r{left:auto;right:0}
  .g-ul>li:last-child>.g-drop{left:auto;right:0}
}
/* Mobile drawer safe area (iOS notch) */
.g-drf{padding-bottom:max(14px,env(safe-area-inset-bottom))}
/* Topbar: wrap phone on very small screens */
@media(max-width:480px){
  .g-topbar .g-ph{font-size:11.5px}
  .g-topbar .g-ph::after{content:"";display:none}
}
@media(max-width:400px){
  .g-topbar .g-ph{font-size:11px;gap:6px}
}
/* Footer mobile stacking */
@media(max-width:480px){
  .g-fg{grid-template-columns:1fr}
  .g-fbot{flex-direction:column;align-items:flex-start;gap:10px}
}
/* Prevent logo squish on all screen sizes */
.g-logo{flex-shrink:0;line-height:0}
.g-logo img{flex-shrink:0}
/* footer review-platforms row */
.g-frev{display:flex;align-items:baseline;gap:10px 22px;flex-wrap:wrap;padding:20px 0;border-top:1px solid rgba(243,236,221,.09)}
.g-frev-l{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(243,236,221,.42);font-weight:600;flex-shrink:0}
.g-frev-links{display:flex;flex-wrap:wrap;gap:8px 18px}
.g-frev-links a{font-size:13.5px;color:rgba(243,236,221,.62);text-decoration:none;transition:color .13s;display:inline-block;padding:6px 2px;margin:-6px 0}
.g-frev-links a:hover{color:var(--gn-accent)}
.g-footer li a{display:inline-block;padding:5px 0}
@media(max-width:560px){.g-frev-links{gap:8px 14px}}
/* reusable trust module (drop <section class="g-trust"> before footer on any page) */
.g-trust{background:var(--gn-paper);border-top:1px solid var(--gn-line);border-bottom:1px solid var(--gn-line)}
.g-trust-in{max-width:1320px;margin:0 auto;padding:26px 40px;display:flex;align-items:center;justify-content:space-between;gap:16px 40px;flex-wrap:wrap}
.g-trust-head{display:flex;align-items:center;gap:16px;min-width:0}
.g-trust-rating{display:flex;align-items:center;gap:8px;flex-shrink:0}
.g-trust-num{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:38px;line-height:.85;color:var(--gn-ink);letter-spacing:-.01em}
.g-trust-stars{color:var(--gn-accent);font-size:14px;letter-spacing:2px}
.g-trust-cap{font-size:14.5px;line-height:1.5;color:var(--gn-ink2);max-width:54ch}
.g-trust-cap strong{color:var(--gn-ink);font-weight:700}
.g-trust-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.g-trust-links a{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--gn-ink2);text-decoration:none;padding:8px 13px;border:1px solid var(--gn-line2);border-radius:999px;background:#fff;transition:border-color .15s,color .15s,background .15s}
.g-trust-links a:hover{border-color:var(--gn-accent);color:var(--gn-accentd)}
.g-trust-links a.g-trust-all{background:var(--gn-ink);color:#fff;border-color:var(--gn-ink)}
.g-trust-links a.g-trust-all:hover{background:var(--gn-accent);border-color:var(--gn-accent);color:#fff}
@media(max-width:860px){.g-trust-in{padding:22px 24px;gap:14px 24px}.g-trust-num{font-size:32px}}
@media(max-width:560px){.g-trust-in{padding:20px 16px}.g-trust-head{gap:12px}.g-trust-cap{font-size:13.5px}}

/* ── scroll reveal ─────────────────────────────────────────────────── */
@media(prefers-reduced-motion:no-preference){
  body.reveal-ready [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}
  body.reveal-ready [data-reveal].revealed{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .g-drop,.g-sov,.g-sp,.g-dpan{animation:none!important;transition:opacity .12s linear,visibility 0s linear .12s!important}
  .g-ul>li.is-open>.g-drop,.g-sov.on,.g-dsec.on .g-dpan{transition-delay:0s!important}
  .g-drop,.g-sp{transform:none!important}
  .g-drop.c,.g-ul>li.is-open>.g-drop.c{transform:translateX(-50%)!important}
  .g-dr{animation:none!important;transform:none!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s linear,visibility 0s linear .12s!important}
  .g-dr.on{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s!important}
  .g-cv,.g-bar::before,.g-bar::after{animation:none!important;transition:opacity .12s linear,background-color .12s linear!important}
  .g-book:hover,.g-call:hover,.g-book:active,.g-call:active,.g-sbtn:active,.g-hbg:active,.g-scl:active,.g-drx:active,.g-drf .g-ghost:active,.g-fbt:active,.g-book:hover .arr{transform:none!important}
}