/* Mobile-only final responsive system. Desktop rules are untouched. */
/* --------------------------------------------------------------------------
   PHONE FOUNDATION — one canonical layout for <= 700px.
   The desktop held-scroll composition above remains untouched.
   -------------------------------------------------------------------------- */
@media screen and (max-width:700px), screen and (max-width:1000px) and (max-height:700px) and (pointer:coarse){
  /* Keep the mobile shell above embedded pages without creating a fixed-position containing block. */
  html body.mobile-continuous.is-ready .site-app{z-index:auto!important;transform:none!important}
  html body.mobile-continuous.is-ready.project-open .sidebar,html body.mobile-continuous.is-ready.cv-open .sidebar{opacity:1!important;visibility:visible!important}
  html body.mobile-continuous.is-ready.project-open,html body.mobile-continuous.is-ready.cv-open{overflow-y:hidden!important}
  html body.mobile-continuous .case-study-layer{top:var(--mobile-top)!important;bottom:calc(var(--mobile-dock) + env(safe-area-inset-bottom))!important;height:auto!important}
  html body.mobile-continuous .case-study-scroller{height:100%!important;max-height:100%!important;overscroll-behavior:contain;scroll-padding-top:64px}
  html body.mobile-continuous .case-study-bar{position:sticky!important;top:0!important;width:100%!important;height:48px!important;min-height:48px!important;padding:4px var(--mobile-gutter)!important;display:flex!important;justify-content:space-between!important;gap:8px!important}
  html body.mobile-continuous .case-study-back{min-height:40px!important;max-width:100%!important}
  html body.mobile-continuous .case-study-rail{display:none!important}
  :root{--mobile-top:calc(58px + env(safe-area-inset-top));--mobile-dock:66px;--mobile-gutter:20px}
  html{scroll-padding-top:var(--mobile-top)!important;scrollbar-gutter:auto!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)){overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important;min-height:100dvh!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)).has-custom-cursor,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)).has-custom-cursor *{cursor:auto!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #portfolio-cursor,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .custom-cursor{display:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .site-app{position:relative!important;overflow:visible!important;min-height:100dvh!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) [data-scroll-space]{display:none!important;height:0!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #site-stage.stage-shell{position:relative!important;z-index:2!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:auto!important;min-height:100dvh!important;overflow:visible!important;padding:0 var(--mobile-gutter) calc(var(--mobile-dock) + 26px + env(safe-area-inset-bottom))!important;contain:none!important;transform:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .horizontal-strip{position:relative!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;transform:none!important;translate:none!important;will-change:auto!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .horizontal-strip>.panel,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .panel[data-panel]{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0!important;opacity:1!important;visibility:visible!important;filter:none!important;transform:none!important;translate:none!important;scale:1!important;rotate:0deg!important;contain:none!important;overflow:visible!important;pointer-events:auto!important;scroll-margin-top:calc(var(--mobile-top) + 6px)!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .panel[data-panel] .motion-item,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .panel[data-panel] [data-scroll-atom]{opacity:1!important;visibility:visible!important;filter:none!important;transform:none!important;translate:none!important;scale:1!important;rotate:0deg!important;clip-path:none!important;will-change:auto!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .panel::after{display:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .sidebar,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)).nav-expanded .sidebar{position:fixed!important;z-index:1200!important;inset:0!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;clip-path:none!important;overflow:visible!important;pointer-events:none!important;transform:none!important}
  html body.mobile-continuous .sidebar::before{content:""!important;position:fixed!important;inset:0 0 auto!important;width:100%!important;height:var(--mobile-top)!important;background:color-mix(in srgb,var(--paper) 94%,transparent)!important;backdrop-filter:blur(12px)!important;pointer-events:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)):is(.mobile-header-hidden,.project-open,.cv-open) :is(.sidebar-top,.sidebar-utility,[data-accessibility-toggle]),html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)):is(.mobile-header-hidden,.project-open,.cv-open) .sidebar::before{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)):is(.mobile-header-hidden,.project-open,.cv-open) .case-study-layer{top:0!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .sidebar-top{position:fixed!important;z-index:1210!important;left:max(20px,env(safe-area-inset-left))!important;top:max(10px,env(safe-area-inset-top))!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:0!important;display:block!important;pointer-events:auto!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .sidebar-brand{position:relative!important;inset:auto!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:13px!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:blur(16px)!important;transform:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .sidebar-brand .dp-logo{position:static!important;width:24px!important;height:24px!important;margin:0!important;transform:none!important;filter:var(--dp-mark-filter,none)!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .sidebar-brand>span{display:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .sidebar-utility{position:fixed!important;z-index:1210!important;left:auto!important;right:max(64px,calc(env(safe-area-inset-right) + 64px))!important;top:max(10px,env(safe-area-inset-top))!important;bottom:auto!important;width:auto!important;min-width:0!important;max-width:none!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:4px!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:auto!important;transform:none!important;translate:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .sidebar-utility>button,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)):not(.nav-expanded) .sidebar-utility>button,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)).nav-expanded .sidebar-utility>button{position:relative!important;inset:auto!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:0!important;display:grid!important;grid-template:1fr / 1fr!important;gap:0!important;place-items:center!important;border:0!important;border-radius:13px!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;transform:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .sidebar-utility>button::before,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .sidebar-utility>button::after{display:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .sidebar-utility .utility-icon{position:static!important;inset:auto!important;width:18px!important;height:18px!important;margin:0!important;transform:none!important;translate:none!important;stroke:currentColor!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .sidebar-utility .utility-copy{display:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .minimal-footer{display:contents!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .minimal-footer>span,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .minimal-footer>small,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .minimal-footer>.progress{display:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) [data-accessibility-toggle]{position:fixed!important;z-index:1211!important;right:max(20px,env(safe-area-inset-right))!important;top:max(10px,env(safe-area-inset-top))!important;left:auto!important;bottom:auto!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:13px!important;background:transparent!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:blur(16px)!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) [data-accessibility-toggle] b{display:none!important}html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) [data-accessibility-toggle] svg{width:18px!important;height:18px!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .sidebar-nav{position:fixed!important;z-index:1208!important;left:max(9px,env(safe-area-inset-left))!important;right:max(9px,env(safe-area-inset-right))!important;bottom:max(8px,env(safe-area-inset-bottom))!important;top:auto!important;width:auto!important;min-width:0!important;max-width:none!important;height:58px!important;min-height:58px!important;margin:0!important;padding:4px!important;display:grid!important;justify-self:stretch!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;align-items:stretch!important;gap:3px!important;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line))!important;border-radius:18px!important;background:color-mix(in srgb,var(--surface) 94%,transparent)!important;box-shadow:0 15px 38px rgb(0 0 0/.27),inset 0 1px 0 color-mix(in srgb,var(--clay-hi) 52%,transparent)!important;backdrop-filter:blur(20px) saturate(1.05)!important;-webkit-backdrop-filter:blur(20px) saturate(1.05)!important;overflow:hidden!important;pointer-events:auto!important;transform:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .sidebar-nav>button,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)):not(.nav-expanded) .sidebar-nav>button,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)).nav-expanded .sidebar-nav>button{position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;max-width:none!important;height:48px!important;min-height:48px!important;max-height:48px!important;margin:0!important;padding:4px 1px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:var(--muted)!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;transform:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .sidebar-nav>button::before,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .sidebar-nav>button::after{display:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .sidebar .sidebar-nav button .nav-number{position:static!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;color:inherit!important;font-size:9px!important;font-weight:900!important;line-height:1!important;letter-spacing:.04em!important;transform:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .sidebar-nav button>b{position:static!important;display:block!important;width:100%!important;margin:0!important;padding:0!important;color:inherit!important;font-size:9px!important;font-weight:760!important;line-height:1!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;transform:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .sidebar-nav>button.is-active,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .sidebar-nav>button[aria-current="true"]{color:var(--accent-readable,var(--accent))!important;background:color-mix(in srgb,var(--accent) 10%,transparent)!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .floating-controls{position:fixed!important;z-index:1207!important;right:max(20px,env(safe-area-inset-right))!important;left:auto!important;top:auto!important;bottom:calc(74px + env(safe-area-inset-bottom))!important;width:auto!important;height:40px!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .floating-controls .ambient-volume{display:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .floating-controls>button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:13px!important;background:color-mix(in srgb,var(--surface) 92%,transparent)!important;box-shadow:0 9px 24px rgb(0 0 0/.2)!important;opacity:1!important;visibility:visible!important;transform:none!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .floating-controls>button span{display:none!important}.floating-controls>button svg{width:18px!important;height:18px!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .hero-scroll-cue{display:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .colour-studio,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .accessibility-panel{position:fixed!important;z-index:1250!important;left:10px!important;right:10px!important;top:58px!important;bottom:auto!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 142px)!important;overflow:auto!important;border-radius:18px!important}

  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #top.hero-panel{display:block!important;padding:calc(86px + env(safe-area-inset-top)) 0 38px!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .hero-motion,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .hero-field{opacity:.42!important;overflow:hidden!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #top .dp-hero-v6{position:relative!important;inset:auto!important;width:100%!important;min-height:620px!important;margin:0!important;padding:8px 0 0!important;align-content:start!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:12px!important;align-items:start!important;transform:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #top .dp-hero-v6__copy{align-self:start!important;order:1!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;transform:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #top .dp-hero-v11__copy-depth{width:100%!important;min-width:0!important;transform:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #top .dp-hero-v6__kicker{font-size:9px!important;line-height:1.4!important;margin-bottom:12px!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #top .dp-hero-v6__heading{text-align:left!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;font-size:clamp(2.5rem,11.5vw,3.3rem)!important;transform:none!important;animation:none!important;line-height:.93!important;letter-spacing:-.055em!important;overflow:visible!important;text-wrap:balance!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #top .dp-hero-v6__heading>span{display:block!important;width:100%!important;max-width:100%!important;white-space:normal!important;overflow:visible!important}
  #top .dp-hero-v6__intro{font-size:clamp(1.5rem,6.6vw,1.85rem)!important;margin-bottom:6px!important;translate:none!important}
  #top .dp-hero-v6__space{font-size:clamp(3.4rem,15vw,4.1rem)!important;line-height:.84!important;translate:0 0!important;margin-bottom:10px!important}
  #top .dp-hero-v6__between{font-size:clamp(2rem,9vw,2.6rem)!important;margin-left:0!important;margin-bottom:8px!important}
  #top .dp-hero-v6__people{font-size:clamp(1.4rem,6.4vw,1.8rem)!important;letter-spacing:-.05em!important;white-space:normal!important;text-wrap:balance!important}
  #top .dp-hero-v6__imagination{font-size:clamp(1.7rem,7.6vw,2.15rem)!important;margin-left:0!important;white-space:normal!important;text-wrap:balance!important;translate:0 0!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #top .dp-hero-v11__line-motion{display:flex!important;width:100%!important;text-align:left!important;justify-content:flex-start!important;flex-wrap:wrap!important;align-items:baseline!important;gap:0 .15em!important;white-space:normal!important;transform:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #top .dp-hero-v6__between .dp-hero-v11__line-motion{display:block!important;text-align:left!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #top .dp-hero-v6__between i{width:48%!important;left:0!important;right:auto!important;margin:0!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #top .dp-hero-v6__portrait{position:absolute!important;inset:clamp(155px,calc(335px - 50vw),175px) -6px auto auto!important;aspect-ratio:auto!important;min-height:0!important;order:2!important;width:68%!important;max-width:280px!important;height:auto!important;margin:0!important;justify-self:end!important;transform:none!important;translate:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #top .dp-hero-v6__aura{inset:4% -5%!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #top .dp-hero-v6__image-wrap{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;height:auto!important;min-height:0!important;align-items:flex-start!important;overflow:visible!important;mask-image:none!important}.dp-hero-v6__image-wrap img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #top .dp-hero-v6__label{font-size:7px!important;padding:5px 7px!important;white-space:nowrap!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #top .dp-hero-v6__nameplate{position:relative!important;inset:0 auto auto 0!important;animation:none!important;width:calc(100vw - 64px)!important;max-width:none!important;margin:8px 0 0 calc(100% - (100vw - 64px) - 18px)!important;padding:10px 12px!important;transform:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #top .dp-hero-v6__heading .dp-hero-v6__people{width:100%!important;margin-top:10px!important;font-size:clamp(1.15rem,4.9vw,1.4rem)!important;line-height:1.15!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #top .dp-hero-v6__people .dp-hero-v11__line-motion{flex-wrap:nowrap!important;white-space:nowrap!important;text-wrap:nowrap!important;width:max-content!important;max-width:100%!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #top .dp-hero-v6__heading .dp-hero-v6__imagination{width:100%!important;margin-top:6px!important;font-size:clamp(1.6rem,6.8vw,1.95rem)!important;line-height:1.15!important;color:var(--accent-readable,var(--accent))!important;overflow-wrap:normal!important}
  html body.mobile-continuous #top .dp-hero-v6__label{display:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .title-panel{min-height:0!important;padding:26px 4px 20px!important;display:grid!important;place-items:center stretch!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;isolation:isolate!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .title-panel::before,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .title-panel::after,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .title-abstract,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .chapter-weave,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .chapter-index{display:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .chapter-shell{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:20px 0 0!important;display:block!important;border-top:1px solid color-mix(in srgb,var(--accent) 20%,var(--line))!important;background:transparent!important;box-shadow:none!important;transform:none!important;overflow:visible!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .chapter-copy{text-align:center!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:block!important;transform:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .chapter-label{display:flex!important;width:100%!important;justify-content:center!important;text-align:center!important;margin:0 0 9px!important;gap:8px!important;color:var(--accent-readable,var(--accent))!important;font-size:9px!important;letter-spacing:.13em!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .chapter-label::before{width:30px!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .chapter-copy h2{margin:0!important;max-width:100%!important;font-size:clamp(2rem,9.5vw,3rem)!important;line-height:1!important;letter-spacing:-.045em!important;text-wrap:balance!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .chapter-copy h2>span{display:block!important;max-width:100%!important;white-space:normal!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .chapter-line-accent{margin:.12em auto 0!important;font-size:.72em!important;white-space:normal!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .chapter-keywords{width:100%!important;max-width:none!important;justify-self:stretch!important;margin:10px 0 0!important;display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:5px 12px!important}.chapter-keywords span{font-size:8px!important;padding-left:9px!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) .content-panel{padding:8px 0 24px!important;align-content:start!important;place-items:initial!important;background:transparent!important}
}