/* ORCA focus sheet v32.1 — progressive disclosure over stacked overlays.
   Product rule: one dominant ocean scene + one narrative card. Evidence and labels
   appear only on intent. This applies on desktop as well as compact viewports. */
#browser-experience .nature-chapter{box-sizing:border-box}
#browser-experience .nature-progress{display:none!important}
#browser-experience .nature-node__label{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .16s ease!important}
#browser-experience .nature-node:focus-visible .nature-node__label,
#browser-experience .nature-node:hover .nature-node__label,
#browser-experience .nature-node[data-active="true"]:focus-visible .nature-node__label{opacity:1!important;visibility:visible!important}
#browser-experience[data-panel-open="true"] .nature-world,
#browser-experience[data-panel-open="true"] .nature-stage,
#browser-experience[data-panel-open="true"] .nature-journey-hud{filter:brightness(.34) saturate(.58);opacity:.25;transition:opacity .18s ease,filter .18s ease}
#browser-experience[data-panel-open="true"] .nature-premium__hotspots{opacity:.08!important;pointer-events:none!important}
#browser-experience .nature-chapter.is-open{z-index:86!important;background:linear-gradient(180deg,rgba(2,11,18,.985),rgba(1,7,12,.995))!important;border:1px solid rgba(110,231,255,.26)!important;box-shadow:0 28px 90px rgba(0,0,0,.62)!important;backdrop-filter:none!important}
#browser-experience .nature-chapter__close{width:42px!important;height:42px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:50%!important;background:rgba(255,255,255,.03)!important}
#browser-experience .nature-chapter h2{max-width:15ch!important;letter-spacing:-.035em!important}
#browser-experience .nature-chapter p{max-width:58ch!important}
#browser-experience .nature-chapter__boundary{opacity:.68!important}
#browser-experience .nature-chapter__next{min-height:46px!important}

@media(min-width:761px){
  #browser-experience .nature-journey-hud{width:min(460px,36vw)!important;bottom:30px!important}
  #browser-experience .nature-journey-hud__copy{padding:16px 18px!important;background:linear-gradient(135deg,rgba(2,11,18,.82),rgba(2,11,18,.42))!important}
  #browser-experience .nature-journey-hud__title{font-size:clamp(31px,2.8vw,46px)!important;max-width:12ch!important}
  #browser-experience .nature-journey-hud__cue{font-size:8px!important;opacity:.58!important;max-width:46ch!important}
  #browser-experience .nature-journey-hud__actions{gap:7px!important}
  #browser-experience .nature-journey-hud__actions button{min-height:40px!important;padding:0 12px!important;font-size:8px!important}
  #browser-experience .nature-stage__instruction{display:none!important}
  #browser-experience .nature-subject__meta{opacity:.58!important;max-width:280px!important}
  #browser-experience .nature-chapter.is-open{position:fixed!important;top:94px!important;right:28px!important;bottom:28px!important;left:auto!important;width:min(430px,36vw)!important;max-width:none!important;max-height:none!important;overflow:auto!important;padding:28px!important}
  #browser-experience[data-panel-open="true"] .nature-journey-hud{opacity:.12!important}
}

@media(max-width:760px){
  #browser-experience .nature-journey-hud{left:12px!important;right:12px!important;bottom:max(12px,env(safe-area-inset-bottom))!important;top:auto!important;width:auto!important;max-width:none!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
  #browser-experience .nature-journey-hud__copy{padding:14px 14px 12px!important;background:linear-gradient(180deg,rgba(2,11,18,.88),rgba(2,11,18,.72))!important;border:1px solid rgba(110,231,255,.18)!important;border-radius:0!important;backdrop-filter:none!important}
  #browser-experience .nature-journey-hud__stage{font-size:9px!important;letter-spacing:.15em!important}
  #browser-experience .nature-journey-hud__title{font-size:clamp(28px,9vw,38px)!important;line-height:.98!important;margin:7px 0 8px!important;max-width:12ch!important}
  #browser-experience .nature-journey-hud__cue{display:none!important}
  #browser-experience .nature-journey-hud__actions{display:grid!important;grid-template-columns:auto 1fr!important;gap:7px!important;margin-top:7px!important}
  #browser-experience .nature-journey-hud__actions button{min-height:44px!important;padding:0 10px!important;font-size:8px!important;letter-spacing:.10em!important}
  #browser-experience .nature-journey-hud__next{grid-column:1/-1!important}
  #browser-experience .nature-stage__instruction{display:none!important}
  #browser-experience .nature-node__label{display:none!important}
  #browser-experience .nature-chapter.is-open{position:fixed!important;inset:70px 10px max(10px,env(safe-area-inset-bottom)) 10px!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;overflow:auto!important;padding:22px 18px 20px!important}
  #browser-experience .nature-chapter h2{font-size:clamp(34px,11vw,48px)!important;line-height:.96!important;margin:18px 0 14px!important}
  #browser-experience .nature-chapter p{font-size:15px!important;line-height:1.48!important}
  #browser-experience[data-panel-open="true"] .nature-topbar{opacity:.42!important}
}

@media(prefers-reduced-motion:reduce){#browser-experience .nature-node__label,#browser-experience[data-panel-open="true"] .nature-world,#browser-experience[data-panel-open="true"] .nature-stage,#browser-experience[data-panel-open="true"] .nature-journey-hud{transition:none!important}}