/* NICO HUA · Legacy Audio Bridge r1 (2026-11-04). Dock (SOUND/TOUR), Untertitel-Fenster und Handy-Regeln wie prolog-tour r7
   (.nhpt-*, gleiche Geometrie); neu: SOUND-Pille „TON FORTSETZEN“ (wartende Musik, Safari), TOUR-Pille „WEITER HÖREN“,
   leiser Erstbesuch-Hinweis .nhla-hint. Auf /original/ im Seitenmodus übernimmt dieses Dock; das r7-Dock bleibt dem Prolog. */
.nhpt-ico{display:none}
.nhpt-dock{position:fixed;z-index:2147483600;right:clamp(14px,2vw,28px);bottom:clamp(14px,2.4vh,28px);display:flex;gap:8px;align-items:center;transition:opacity .45s ease,transform .45s cubic-bezier(.2,.78,.18,1)}
.nhpt-dock.is-hidden,.nhpt-dock.is-yield{opacity:0;transform:translateY(10px);pointer-events:none}
.nhpt-launch,.nhpt-sound{min-height:44px;display:inline-flex;align-items:center;gap:10px;
  padding:0 16px;border:1px solid rgba(212,188,163,.34);background:rgba(7,10,13,.62);color:#f6f2ea;cursor:pointer;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:600 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.2em;
  transition:border-color .35s ease,background-color .35s ease}
html.nh-preloader-active .nhpt-dock,html.nh-preloader-active .nhpt-panel{opacity:0!important;visibility:hidden;pointer-events:none}
.nhpt-launch:hover,.nhpt-launch:focus-visible,.nhpt-sound:hover,.nhpt-sound:focus-visible{border-color:rgba(232,210,170,.8);background:rgba(7,10,13,.8)}
.nhpt-launch i{width:7px;height:7px;border-radius:50%;background:#d9c49b;box-shadow:0 0 0 0 rgba(217,196,155,.5)}
.nhpt-launch.is-playing i,.nhpt-launch.is-pending i{animation:nhpt-pulse 1.6s ease-out infinite}
.nhpt-launch b{font-weight:400;letter-spacing:.12em;color:rgba(246,242,234,.6)}
@keyframes nhpt-pulse{to{box-shadow:0 0 0 10px rgba(217,196,155,0)}}
html:not(.nhp-prologue-active) .nhpt-sound{display:none}
html.nhla-own-sound:not(.nhp-prologue-active) .nhpt-sound{display:inline-flex}
.nhpt-sound i{display:inline-flex;align-items:flex-end;gap:2px;height:10px}
.nhpt-sound i b{width:2px;height:3px;background:rgba(246,242,234,.7);transition:height .3s ease}
.nhpt-sound.is-on i b{animation:nhpt-eq 1.1s ease-in-out infinite}
.nhpt-sound.is-on i b:nth-child(2){animation-delay:-.35s}.nhpt-sound.is-on i b:nth-child(3){animation-delay:-.7s}
@keyframes nhpt-eq{0%,100%{height:3px}50%{height:10px}}
/* the music waits for a gesture (Safari): the sound pill comes forward and pulses */
.nhpt-dock[data-nhla] .nhpt-sound.is-pending{display:inline-flex;border-color:rgba(232,210,170,.7);animation:nhla-breathe 2.2s ease-in-out infinite}
.nhpt-dock[data-nhla] .nhpt-sound.is-pending i b{background:#d9c49b;animation:nhpt-eq 1.1s ease-in-out infinite}
.nhpt-dock[data-nhla] .nhpt-sound.is-pending i b:nth-child(2){animation-delay:-.35s}.nhpt-dock[data-nhla] .nhpt-sound.is-pending i b:nth-child(3){animation-delay:-.7s}
@keyframes nhla-breathe{0%,100%{box-shadow:0 0 0 0 rgba(217,196,155,.34)}50%{box-shadow:0 0 0 8px rgba(217,196,155,0)}}
.nhpt-dock[data-nhla] .nhpt-launch[hidden]{display:none}
/* /original/ page mode: this dock carries the page tour; the r7 pair stays for the prologue only */
html:not(.nhp-prologue-active) .nhpt-dock:not([data-nhla]),html:not(.nhp-prologue-active) .nhpt-panel:not([data-nhla]){display:none!important}
.nhpt-panel{position:fixed;z-index:2147483601;right:clamp(14px,2vw,28px);bottom:calc(clamp(14px,2.4vh,28px) + 56px);width:min(360px,calc(100vw - 28px));
  padding:18px 20px 16px;background:rgba(6,9,12,.88);color:#eee9df;border:1px solid rgba(212,188,163,.26);box-shadow:0 24px 60px rgba(0,0,0,.45);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font:400 14px/1.45 Arial,Helvetica,sans-serif;
  opacity:0;transform:translateY(12px);transition:opacity .45s cubic-bezier(.2,.78,.18,1),transform .45s cubic-bezier(.2,.78,.18,1)}
.nhpt-panel.is-in{opacity:1;transform:none}
.nhpt-panel header{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.nhpt-eyebrow{font-size:10px;letter-spacing:.32em;color:#d9c49b}
.nhpt-index{margin-left:auto;font-weight:400;font-size:10px;letter-spacing:.2em;color:rgba(238,233,223,.6)}
.nhpt-close{width:36px;height:36px;margin:-8px -10px -8px 0;border:0;background:none;color:rgba(238,233,223,.65);font-size:20px;cursor:pointer}
.nhpt-close:hover,.nhpt-close:focus-visible{color:#eee9df}
.nhpt-title{margin:0 0 10px;font:400 24px/1.08 "NH Bodoni Display","Bodoni 72",Didot,"Bodoni MT","Times New Roman",serif;color:#f6f2ea;text-transform:none;letter-spacing:.01em}
.nhpt-line{min-height:3.2em;margin:0 0 14px;color:rgba(238,233,223,.86);font-size:12.5px;letter-spacing:.04em}
.nhpt-who{display:inline-block;margin-right:10px;font-size:10px;letter-spacing:.24em;color:#9fd6e6}
.nhpt-panel[data-speaker="nico"] .nhpt-who{color:#d9c49b}
.nhpt-controls{display:flex;align-items:center;gap:8px}
.nhpt-controls button{min-width:44px;min-height:44px;border:1px solid rgba(238,233,223,.18);background:none;color:#eee9df;cursor:pointer;font:inherit;
  transition:border-color .3s ease,background-color .3s ease}
.nhpt-controls button:hover:not(:disabled),.nhpt-controls button:focus-visible{border-color:rgba(232,210,170,.7)}
.nhpt-controls button:disabled{opacity:.35;cursor:default}
.nhpt-main{padding:0 16px;font-size:11px!important;letter-spacing:.16em;background:rgba(217,196,155,.12)!important}
.nhpt-main span{margin-right:6px}
.nhpt-link{margin-left:auto;font-size:10px;letter-spacing:.18em;color:#d9c49b;text-decoration:none}
.nhpt-link:hover,.nhpt-link:focus-visible{color:#f3dfae}
.nhpt-link[hidden]{display:none}
.nhpt-progress{height:1px;margin-top:14px;background:rgba(238,233,223,.12);overflow:hidden}
.nhpt-progress i{display:block;height:100%;background:linear-gradient(90deg,#d9c49b,#f3dfae);transform-origin:left;transform:scaleX(0);transition:transform .6s ease}
.nhpt-panel :focus-visible,.nhpt-launch:focus-visible{outline:2px solid #eee9df;outline-offset:3px}
@media (max-width:700px){
  /* one compact, quiet row in the bottom-right safe area (36px hit areas); it brightens only when active */
  .nhpt-dock{right:calc(max(var(--nhpt-edge-r,12px),env(safe-area-inset-right)) + 6px);bottom:calc(max(12px,env(safe-area-inset-bottom)) + 6px);gap:4px}
  .nhpt-dock.is-tucked{opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}
  .nhpt-launch,.nhpt-sound{position:relative;width:36px;height:36px;min-height:0;padding:0;justify-content:center;gap:0;border-radius:50%;
    border-color:rgba(238,233,223,.11);background:rgba(7,10,13,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
    color:rgba(246,242,234,.58);box-shadow:none;transition:color .3s ease,border-color .3s ease,background-color .3s ease}
  .nhpt-launch span,.nhpt-launch b,.nhpt-sound span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .nhpt-launch i{position:absolute;top:6px;right:6px;width:5px;height:5px;opacity:0;transition:opacity .3s ease}
  .nhpt-launch.is-playing i,.nhpt-launch.is-pending i{opacity:1}
  .nhpt-launch.is-playing,.nhpt-launch.is-pending,.nhpt-launch[aria-expanded="true"],.nhpt-sound.is-on,.nhpt-launch:focus-visible,.nhpt-sound:focus-visible{color:rgba(246,242,234,.92);background:rgba(7,10,13,.42);border-color:rgba(238,233,223,.26)}
  .nhpt-launch.is-playing,.nhpt-launch.is-pending{border-color:rgba(217,196,155,.5)}
  .nhpt-ico{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
  .nhpt-sound i b{background:currentColor}
  .nhpt-sound:not(.is-on) i b:nth-child(1){height:4px}.nhpt-sound:not(.is-on) i b:nth-child(2){height:8px}.nhpt-sound:not(.is-on) i b:nth-child(3){height:5px}
  /* phones: the waiting sound pill shows its words */
  .nhpt-dock[data-nhla] .nhpt-sound.is-pending{width:auto;padding:0 12px 0 10px;gap:8px;border-radius:18px;color:rgba(246,242,234,.92);background:rgba(7,10,13,.42)}
  .nhpt-dock[data-nhla] .nhpt-sound.is-pending span{position:static;width:auto;height:auto;margin:0;clip:auto;font-size:9px;letter-spacing:.16em}
  .nhpt-launch:active,.nhpt-sound:active{transform:scale(.94)}
  .nhpt-panel{left:12px;right:12px;width:auto;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 52px);padding:16px 16px 14px}
  .nhpt-title{font-size:21px}
}
@media (prefers-reduced-motion:reduce){.nhpt-panel,.nhpt-progress i,.nhpt-launch{transition:none}.nhpt-launch.is-playing i,.nhpt-launch.is-pending i,.nhpt-sound.is-on i b,.nhpt-dock[data-nhla] .nhpt-sound.is-pending{animation:none}}
/* first-visit hint: dark glass, warm hairline, Bodoni title, tracked labels – like the caption window; not modal (the page
   stays usable), placed by the script in a calm free area beside/below the hero lockup, phones: centred lower third */
.nhla-hint{position:fixed;inset:0;z-index:2147483602;pointer-events:none}
.nhla-hint[hidden]{display:none}
.nhla-hint-card{position:fixed;left:50%;top:50%;width:min(340px,calc(100vw - 32px));box-sizing:border-box;padding:24px 24px 20px;pointer-events:auto;
  background:rgba(6,9,12,.84);color:#eee9df;border:1px solid rgba(212,188,163,.24);box-shadow:0 30px 80px rgba(0,0,0,.42);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font:400 14px/1.45 Arial,Helvetica,sans-serif;text-align:left;
  opacity:0;transform:translateY(10px);transition:opacity .6s cubic-bezier(.2,.78,.18,1),transform .6s cubic-bezier(.2,.78,.18,1)}
.nhla-hint.is-in .nhla-hint-card{opacity:1;transform:none}
.nhla-hint:not(.is-in) .nhla-hint-card{pointer-events:none}
.nhla-hint.is-placed .nhla-hint-card{transition:opacity .6s cubic-bezier(.2,.78,.18,1),transform .6s cubic-bezier(.2,.78,.18,1),left .5s cubic-bezier(.2,.78,.18,1),top .5s cubic-bezier(.2,.78,.18,1)}
.nhla-hint-hair{position:absolute;left:24px;right:24px;top:-1px;height:1px;background:linear-gradient(90deg,rgba(217,196,155,0),#d9c49b 30%,#f3dfae 60%,rgba(243,223,174,0));
  transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.2,.78,.18,1) .25s}
.nhla-hint.is-in .nhla-hint-hair{transform:scaleX(1)}
.nhla-hint-eyebrow{display:block;margin:0 0 12px;font-size:10px;letter-spacing:.32em;color:#d9c49b}
.nhla-hint-title{margin:0 0 10px;padding:0;text-transform:none;font:400 26px/1.08 "NH Bodoni Display","Bodoni 72",Didot,"Bodoni MT","Times New Roman",serif;letter-spacing:.01em;color:#f6f2ea}
.nhla-hint-desc{display:flex;gap:10px;align-items:flex-start;margin:0 0 18px;color:rgba(238,233,223,.76);font-size:12.5px;line-height:1.5;letter-spacing:.03em;text-transform:none}
.nhla-hint-desc svg{flex:none;width:15px;height:15px;margin-top:1px;fill:none;stroke:#d9c49b;stroke-width:1.5;stroke-linecap:round}
.nhla-hint-actions{display:flex;align-items:center;gap:8px}
.nhla-hint-actions button,.nhla-hint-x{min-height:44px;border:1px solid transparent;background:none;color:#eee9df;cursor:pointer;
  font:600 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;transition:border-color .3s ease,background-color .3s ease,color .3s ease}
.nhla-hint-start{display:inline-flex;align-items:center;gap:10px;padding:0 16px;border-color:rgba(232,210,170,.5)!important;background:rgba(217,196,155,.12)!important;color:#f6f2ea!important}
.nhla-hint-start span{font-size:9px;color:#d9c49b}
.nhla-hint-start:hover,.nhla-hint-start:focus-visible{border-color:rgba(243,223,174,.95)!important;background:rgba(217,196,155,.22)!important}
.nhla-hint-later{margin-left:auto;padding:0 8px;color:rgba(238,233,223,.6)!important;font-weight:400!important}
.nhla-hint-later:hover,.nhla-hint-later:focus-visible{color:#eee9df!important}
.nhla-hint-x{position:absolute;top:4px;right:4px;width:44px;padding:0;font:300 20px/1 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;color:rgba(238,233,223,.5)}
.nhla-hint-x:hover,.nhla-hint-x:focus-visible{color:#eee9df}
.nhla-hint :focus-visible{outline:1px solid rgba(243,223,174,.8);outline-offset:3px}
/* a narrow gap beside the lockup: the card tightens a little */
.nhla-hint.is-narrow .nhla-hint-card{width:min(284px,calc(100vw - 32px));padding:20px 20px 16px}
.nhla-hint.is-narrow .nhla-hint-title{font-size:23px}
.nhla-hint.is-narrow .nhla-hint-actions{flex-wrap:wrap;gap:4px}
/* crowded hero (headline and visual fill the screen): the hint is one quiet bar instead of a card */
.nhla-hint.is-compact .nhla-hint-card{display:flex;align-items:center;gap:14px;width:auto;max-width:calc(100vw - 24px);padding:9px 40px 9px 16px}
.nhla-hint.is-compact .nhla-hint-hair{left:16px;right:16px}
.nhla-hint.is-compact .nhla-hint-eyebrow{margin:0;white-space:nowrap}
.nhla-hint.is-compact .nhla-hint-title{margin:0;font-size:19px;white-space:nowrap}
.nhla-hint.is-compact .nhla-hint-desc{display:none}
.nhla-hint.is-compact .nhla-hint-actions{gap:4px}
.nhla-hint.is-compact .nhla-hint-actions button{min-height:40px}
.nhla-hint.is-compact .nhla-hint-later{margin-left:0}
.nhla-hint.is-compact .nhla-hint-x{top:50%;right:0;margin-top:-22px;width:40px}
html.nh-preloader-active .nhla-hint{display:none}
@media (max-width:700px){
  .nhla-hint-card{width:min(340px,calc(100vw - 32px));padding:20px 20px 16px}
  .nhla-hint-title{font-size:23px}
  .nhla-hint-desc{margin-bottom:16px}
  .nhla-hint-actions{flex-direction:column;align-items:stretch;gap:4px}
  .nhla-hint-start{justify-content:center;min-height:48px!important}
  .nhla-hint-later{margin-left:0}
  .nhla-hint.is-compact .nhla-hint-card{flex-wrap:wrap;gap:6px 12px;padding:10px 40px 10px 14px}
  .nhla-hint.is-compact .nhla-hint-actions{flex-direction:row;width:100%}
  .nhla-hint.is-compact .nhla-hint-start{flex:1;min-height:40px!important}
}
@media (prefers-reduced-motion:reduce){.nhla-hint-card,.nhla-hint-hair{transition:none}}

/* r3: ANGLES & INK version switch on the old /lumiere/ page */
.nhla-version{position:fixed;z-index:2147483600;left:clamp(14px,2vw,28px);bottom:clamp(14px,2.4vh,28px);display:flex;align-items:stretch;gap:0;border:1px solid rgba(212,188,163,.34);background:rgba(7,10,13,.62);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f6f2ea;font:600 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.2em;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .45s ease,transform .45s cubic-bezier(.2,.78,.18,1)}
.nhla-version.is-on{opacity:1;transform:none;pointer-events:auto}
.nhla-version span{display:flex;align-items:center;padding:0 14px;color:rgba(246,242,234,.62);border-right:1px solid rgba(212,188,163,.22);white-space:nowrap}
.nhla-version button{min-height:44px;min-width:44px;padding:0 14px;border:0;background:transparent;color:rgba(246,242,234,.7);font:inherit;letter-spacing:inherit;cursor:pointer;transition:background-color .35s ease,color .35s ease}
.nhla-version button+button{border-left:1px solid rgba(212,188,163,.22)}
.nhla-version button[aria-pressed="true"]{background:rgba(232,210,170,.14);color:#e8d2aa}
.nhla-version button:hover,.nhla-version button:focus-visible{color:#f6f2ea;background:rgba(232,210,170,.08)}
@media (max-width:700px){.nhla-version span{display:none}.nhla-version button{padding:0 12px}}
html.nh-preloader-active .nhla-version{opacity:0!important;visibility:hidden;pointer-events:none}
/* r3: the old site's own cursor (dot, ring, trail) stays above the tour window, hint and switches (Nico 04.11.) */
html .cursor-dot.nh-cursor-ready{z-index:2147483647!important}
html .cursor-ring.nh-cursor-ready{z-index:2147483646!important}
html #nh-cursor-trail{z-index:2147483645!important}

/* r7: Compact, responsive Auto-Tour guiding toggle inside the legacy tour panel (.nhpt-panel[data-nhla] only; prologue untouched) */
.nhpt-panel[data-nhla] .nhpt-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:2px;min-width:0}
.nhpt-panel[data-nhla] .nhpt-autoguide{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:4px 10px;border:1px solid rgba(212,188,163,.22);border-radius:999px;background:rgba(255,255,255,.03);color:rgba(238,233,223,.62);font:600 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;cursor:pointer;flex-shrink:0;transition:border-color .25s ease,background-color .25s ease,color .25s ease,box-shadow .25s ease}
.nhpt-panel[data-nhla] .nhpt-autoguide::after{content:"";position:absolute;inset:-7px -4px}
.nhpt-panel[data-nhla] .nhpt-autoguide i{width:5px;height:5px;border-radius:50%;background:rgba(238,233,223,.32);flex-shrink:0;transition:background-color .25s ease,box-shadow .25s ease}
.nhpt-panel[data-nhla] .nhpt-autoguide.is-on{border-color:rgba(217,196,155,.48);background:rgba(217,196,155,.10);color:#f6f2ea}
.nhpt-panel[data-nhla] .nhpt-autoguide.is-on i{background:#d9c49b;box-shadow:0 0 6px rgba(217,196,155,.65)}
.nhpt-panel[data-nhla] .nhpt-autoguide:hover,.nhpt-panel[data-nhla] .nhpt-autoguide:focus-visible{border-color:rgba(232,210,170,.75);color:#f6f2ea}
.nhpt-panel[data-nhla] .nhpt-ag-state{font-style:normal;color:#d9c49b;font-weight:700}
.nhpt-panel[data-nhla] .nhpt-autoguide:not(.is-on) .nhpt-ag-state{color:rgba(238,233,223,.45)}
.nhpt-panel[data-nhla] .nhpt-ag-hint{font:400 9px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.08em;color:rgba(238,233,223,.46);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
@media (max-width:380px){
  .nhpt-panel[data-nhla] .nhpt-ag-hint{display:none}
  .nhpt-panel[data-nhla] .nhpt-foot{justify-content:flex-start}
}

/* r7: Page-harmonized header sound button colors across legacy pages (benchmark, prologue & future excluded) */
html[data-nhla-theme]:not(.nhp-prologue-active) #nav-sound-toggle.nav-sound-btn:hover{
  background:var(--nhla-snd-hover-bg,rgba(245,243,236,.12))!important;
  border-color:var(--nhla-snd-hover-border,rgba(217,196,155,.52))!important;
  color:var(--nhla-snd-hover-fg,#f5f3ec)!important;
  box-shadow:0 0 16px var(--nhla-snd-hover-glow,rgba(217,196,155,.16))!important;
}
html[data-nhla-theme]:not(.nhp-prologue-active) #nav-sound-toggle.nav-sound-btn.is-playing{
  background:var(--nhla-snd-play-bg,rgba(217,196,155,.10))!important;
  border-color:var(--nhla-snd-play-border,rgba(217,196,155,.56))!important;
  color:var(--nhla-snd-play-fg,#f5f3ec)!important;
  box-shadow:0 0 16px var(--nhla-snd-play-glow,rgba(217,196,155,.14))!important;
}
html[data-nhla-theme]:not(.nhp-prologue-active) #nav-sound-toggle.nav-sound-btn.is-playing .eq-bar{
  background:var(--nhla-snd-eq,#d9c49b)!important;
  box-shadow:0 0 6px var(--nhla-snd-eq-glow,rgba(217,196,155,.55))!important;
}
html[data-nhla-theme="original"]{
  --nhla-snd-hover-bg:rgba(214,178,110,.11);--nhla-snd-hover-border:rgba(214,178,110,.45);--nhla-snd-hover-fg:#ecd39e;--nhla-snd-hover-glow:rgba(214,178,110,.16);
  --nhla-snd-play-bg:rgba(214,178,110,.10);--nhla-snd-play-border:rgba(214,178,110,.52);--nhla-snd-play-fg:#f5f3ec;--nhla-snd-play-glow:rgba(214,178,110,.14);
  --nhla-snd-eq:#d6b26e;--nhla-snd-eq-glow:rgba(214,178,110,.50);
}
html[data-nhla-theme="dienstleistungen"]{
  --nhla-snd-hover-bg:rgba(184,220,111,.11);--nhla-snd-hover-border:rgba(184,220,111,.46);--nhla-snd-hover-fg:#d8f0a0;--nhla-snd-hover-glow:rgba(184,220,111,.18);
  --nhla-snd-play-bg:rgba(184,220,111,.10);--nhla-snd-play-border:rgba(184,220,111,.52);--nhla-snd-play-fg:#f1f0e8;--nhla-snd-play-glow:rgba(184,220,111,.15);
  --nhla-snd-eq:#b8dc6f;--nhla-snd-eq-glow:rgba(200,255,40,.48);
}
html[data-nhla-theme="tools"]{
  --nhla-snd-hover-bg:rgba(216,178,110,.11);--nhla-snd-hover-border:rgba(216,178,110,.45);--nhla-snd-hover-fg:#eed29c;--nhla-snd-hover-glow:rgba(216,178,110,.16);
  --nhla-snd-play-bg:rgba(216,178,110,.10);--nhla-snd-play-border:rgba(216,178,110,.52);--nhla-snd-play-fg:#f4f4f1;--nhla-snd-play-glow:rgba(216,178,110,.14);
  --nhla-snd-eq:#d8b26e;--nhla-snd-eq-glow:rgba(216,178,110,.48);
}
html[data-nhla-theme="das-team"]{
  --nhla-snd-hover-bg:rgba(200,207,168,.12);--nhla-snd-hover-border:rgba(200,207,168,.45);--nhla-snd-hover-fg:#e4e8cf;--nhla-snd-hover-glow:rgba(200,207,168,.18);
  --nhla-snd-play-bg:rgba(200,207,168,.10);--nhla-snd-play-border:rgba(200,207,168,.52);--nhla-snd-play-fg:#edeae2;--nhla-snd-play-glow:rgba(200,207,168,.15);
  --nhla-snd-eq:#c8cfa8;--nhla-snd-eq-glow:rgba(200,207,168,.48);
}
html[data-nhla-theme="angebote"]{
  --nhla-snd-hover-bg:rgba(201,182,154,.12);--nhla-snd-hover-border:rgba(201,182,154,.46);--nhla-snd-hover-fg:#e5d7c1;--nhla-snd-hover-glow:rgba(201,182,154,.18);
  --nhla-snd-play-bg:rgba(201,182,154,.11);--nhla-snd-play-border:rgba(201,182,154,.54);--nhla-snd-play-fg:#f0eee7;--nhla-snd-play-glow:rgba(201,182,154,.15);
  --nhla-snd-eq:#c9b69a;--nhla-snd-eq-glow:rgba(201,182,154,.48);
}
html[data-nhla-theme="statement"]{
  --nhla-snd-hover-bg:rgba(232,168,86,.13);--nhla-snd-hover-border:rgba(232,168,86,.48);--nhla-snd-hover-fg:#f6cfa0;--nhla-snd-hover-glow:rgba(232,168,86,.18);
  --nhla-snd-play-bg:rgba(232,168,86,.11);--nhla-snd-play-border:rgba(232,168,86,.54);--nhla-snd-play-fg:#f4f1ea;--nhla-snd-play-glow:rgba(232,168,86,.15);
  --nhla-snd-eq:#e8a856;--nhla-snd-eq-glow:rgba(232,168,86,.52);
}
html[data-nhla-theme="solaris"]{
  --nhla-snd-hover-bg:rgba(255,180,93,.12);--nhla-snd-hover-border:rgba(255,180,93,.46);--nhla-snd-hover-fg:#ffd4a1;--nhla-snd-hover-glow:rgba(255,180,93,.18);
  --nhla-snd-play-bg:rgba(255,180,93,.10);--nhla-snd-play-border:rgba(255,180,93,.52);--nhla-snd-play-fg:#eaf8f5;--nhla-snd-play-glow:rgba(255,180,93,.15);
  --nhla-snd-eq:#ffb45d;--nhla-snd-eq-glow:rgba(255,180,93,.52);
}
html[data-nhla-theme="zenit"]{
  --nhla-snd-hover-bg:rgba(237,213,126,.12);--nhla-snd-hover-border:rgba(237,213,126,.46);--nhla-snd-hover-fg:#f7e7aa;--nhla-snd-hover-glow:rgba(237,213,126,.18);
  --nhla-snd-play-bg:rgba(237,213,126,.10);--nhla-snd-play-border:rgba(237,213,126,.54);--nhla-snd-play-fg:#f4f7f5;--nhla-snd-play-glow:rgba(237,213,126,.15);
  --nhla-snd-eq:#edd57e;--nhla-snd-eq-glow:rgba(237,213,126,.50);
}
html[data-nhla-theme="lumiere"]{
  --nhla-snd-hover-bg:rgba(223,190,111,.14);--nhla-snd-hover-border:rgba(223,190,111,.55);--nhla-snd-hover-fg:#f7e8c3;--nhla-snd-hover-glow:rgba(223,190,111,.20);
  --nhla-snd-play-bg:rgba(223,190,111,.12);--nhla-snd-play-border:rgba(223,190,111,.62);--nhla-snd-play-fg:#F7F4EE;--nhla-snd-play-glow:rgba(223,190,111,.16);
  --nhla-snd-eq:#dfbe6f;--nhla-snd-eq-glow:rgba(223,190,111,.55);
}
html[data-nhla-theme="showcase"]{
  --nhla-snd-hover-bg:rgba(212,175,55,.14);--nhla-snd-hover-border:rgba(212,175,55,.55);--nhla-snd-hover-fg:#f0d78c;--nhla-snd-hover-glow:rgba(212,175,55,.20);
  --nhla-snd-play-bg:rgba(212,175,55,.10);--nhla-snd-play-border:rgba(212,175,55,.60);--nhla-snd-play-fg:#f5f3ef;--nhla-snd-play-glow:rgba(212,175,55,.16);
  --nhla-snd-eq:#d4af37;--nhla-snd-eq-glow:rgba(212,175,55,.50);
}


/* === r8 (2026-11-06): Award-Winning Minimalist Audio Player ("Architectural Editorial Soundbar") for Legacy Pages === */
/* .nhla-hint enabled for Section 2 sound/audiotour invite */
.nhpt-panel[data-nhla] :focus,
.nhpt-panel[data-nhla] :focus-visible,
.nhpt-dock[data-nhla] :focus,
.nhpt-dock[data-nhla] :focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.nhpt-panel[data-nhla] button,
.nhpt-dock[data-nhla] button {
  -webkit-tap-highlight-color: transparent;
}

/* Architectural 2px-radius dock buttons when soundbar is minimized */
.nhpt-dock[data-nhla] .nhpt-launch,
.nhpt-dock[data-nhla] .nhpt-sound {
  border-radius: 2px !important;
  min-height: 38px;
  padding: 0 15px;
  font-size: 10px;
  letter-spacing: 0.18em;
  background: var(--nh-hdr-panel-bg, rgba(8, 10, 13, 0.92));
  border: 1px solid var(--nh-hdr-panel-border, rgba(217, 196, 155, 0.28));
  color: var(--nh-hdr-fg, #f5f3ec);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.56), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* Hide redundant TOUR launch button while the centered soundbar is open */
body:has(.nhpt-panel[data-nhla].is-in) .nhpt-dock[data-nhla] .nhpt-launch {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(8px) !important;
}

/* Centered Architectural Editorial Soundbar (.nhpt-panel[data-nhla]) */
.nhpt-panel[data-nhla] {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: max(20px, env(safe-area-inset-bottom)) !important;
  transform: translateX(-50%) translateY(10px) !important;
  width: min(780px, calc(100vw - 36px)) !important;
  min-height: 50px !important;
  padding: 8px 12px 8px 16px !important;
  border-radius: 2px !important;
  background: var(--nh-hdr-panel-bg, rgba(8, 10, 13, 0.94)) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.15) !important;
  backdrop-filter: blur(22px) saturate(1.15) !important;
  border: 1px solid var(--nh-hdr-panel-border, rgba(217, 196, 155, 0.24)) !important;
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.68), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  display: grid !important;
  grid-template-columns: auto minmax(180px, 1fr) auto auto auto !important;
  grid-template-areas: "eq line controls foot head" !important;
  align-items: center !important;
  gap: 12px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
.nhpt-panel[data-nhla].is-in {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
}
.nhpt-panel[data-nhla][data-speaker="solaris"] {
  border-color: rgba(159, 214, 230, 0.28) !important;
}
.nhpt-panel[data-nhla].is-speaking[data-speaker="nico"] {
  border-color: var(--nh-hdr-hover-border, rgba(217, 196, 155, 0.42)) !important;
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.72), 0 0 28px rgba(217, 196, 155, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.nhpt-panel[data-nhla].is-speaking[data-speaker="solaris"] {
  border-color: rgba(159, 214, 230, 0.38) !important;
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.72), 0 0 28px rgba(159, 214, 230, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.nhpt-panel[data-nhla] .nhpt-title {
  display: none !important;
}

.nhpt-panel[data-nhla] .nhla-eq {
  grid-area: eq !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 2.5px !important;
  height: 16px !important;
  padding-right: 11px !important;
  border-right: 1px solid var(--nh-hdr-border, rgba(238, 233, 223, 0.14)) !important;
}
.nhpt-panel[data-nhla] .nhla-eq i {
  width: 2px !important;
  height: 4px !important;
  border-radius: 1px !important;
  background: var(--nh-hdr-accent, rgba(217, 196, 155, 0.85)) !important;
  transition: height 0.25s ease !important;
}
.nhpt-panel[data-nhla][data-speaker="solaris"] .nhla-eq i {
  background: rgba(159, 214, 230, 0.85) !important;
}
.nhpt-panel[data-nhla].is-speaking .nhla-eq i {
  animation: nhpt-eq 1.05s ease-in-out infinite !important;
}
.nhpt-panel[data-nhla].is-speaking .nhla-eq i:nth-child(2) { animation-delay: -0.3s !important; }
.nhpt-panel[data-nhla].is-speaking .nhla-eq i:nth-child(3) { animation-delay: -0.6s !important; }
.nhpt-panel[data-nhla].is-speaking .nhla-eq i:nth-child(4) { animation-delay: -0.15s !important; }

.nhpt-panel[data-nhla] .nhpt-line {
  grid-area: line !important;
  min-height: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
.nhpt-panel[data-nhla] .nhpt-who {
  flex: 0 0 auto !important;
  margin: 0 !important;
  font: 600 8px/1 Arial, Helvetica, sans-serif !important;
  letter-spacing: 0.18em !important;
  padding: 2px 10px 2px 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
  border-right: 1px solid var(--nh-hdr-border, rgba(238, 233, 223, 0.14)) !important;
  color: #9fd6e6 !important;
}
.nhpt-panel[data-nhla][data-speaker="nico"] .nhpt-who {
  background: transparent !important;
  border-color: var(--nh-hdr-border, rgba(238, 233, 223, 0.14)) !important;
  color: var(--nh-hdr-accent, #d9c49b) !important;
}
.nhpt-panel[data-nhla] .nhpt-cap {
  font: 400 11.5px/1.35 Arial, Helvetica, sans-serif !important;
  color: rgba(238, 233, 223, 0.92) !important;
  letter-spacing: 0.015em !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.nhpt-panel[data-nhla] .nhpt-controls {
  grid-area: controls !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 !important;
}
.nhpt-panel[data-nhla] .nhpt-controls button {
  min-width: 28px !important;
  width: 28px !important;
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  border-radius: 2px !important;
  border: 1px solid rgba(238, 233, 223, 0.15) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  color: rgba(238, 233, 223, 0.88) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font: 400 11px/1 Arial, Helvetica, sans-serif !important;
}
.nhpt-panel[data-nhla] .nhpt-controls .nhpt-main {
  width: auto !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 11px !important;
  gap: 5px !important;
  border-radius: 2px !important;
  font: 600 8.5px/1 Arial, Helvetica, sans-serif !important;
  letter-spacing: 0.14em !important;
  background: var(--nh-hdr-pill-bg, rgba(217, 196, 155, 0.12)) !important;
  border-color: var(--nh-hdr-pill-border, rgba(217, 196, 155, 0.34)) !important;
  color: var(--nh-hdr-fg, #f6f2ea) !important;
}
.nhpt-panel[data-nhla] .nhpt-controls .nhpt-main span {
  margin: 0 !important;
  color: var(--nh-hdr-accent, #d9c49b) !important;
  font-size: 9.5px !important;
}
.nhpt-panel[data-nhla] .nhpt-controls .nhpt-main b {
  font-weight: 600 !important;
}
.nhpt-panel[data-nhla] .nhpt-link {
  display: none !important;
}

.nhpt-panel[data-nhla] .nhpt-foot {
  grid-area: foot !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}
.nhpt-panel[data-nhla] .nhpt-ag-hint {
  display: none !important;
}
.nhpt-panel[data-nhla] .nhpt-autoguide {
  min-height: 26px !important;
  height: 26px !important;
  padding: 0 9px !important;
  border-radius: 2px !important;
  font-size: 8px !important;
  letter-spacing: 0.13em !important;
  gap: 5px !important;
}

.nhpt-panel[data-nhla] header {
  grid-area: head !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
}
.nhpt-panel[data-nhla] .nhpt-eyebrow {
  display: none !important;
}
.nhpt-panel[data-nhla] .nhpt-index {
  margin: 0 !important;
  font: 500 8.5px/1 Arial, Helvetica, sans-serif !important;
  letter-spacing: 0.12em !important;
  color: rgba(238, 233, 223, 0.45) !important;
  white-space: nowrap !important;
}
.nhpt-panel[data-nhla] .nhpt-close {
  width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 2px !important;
  border: 1px solid rgba(238, 233, 223, 0.14) !important;
  background: transparent !important;
  color: rgba(238, 233, 223, 0.65) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
  line-height: 1 !important;
}
.nhpt-panel[data-nhla] .nhpt-close:hover {
  color: #f6f2ea !important;
  border-color: var(--nh-hdr-hover-border, rgba(238, 233, 223, 0.38)) !important;
  background: var(--nh-hdr-hover-bg, rgba(255, 255, 255, 0.05)) !important;
}

.nhpt-panel[data-nhla] .nhpt-progress {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 1.5px !important;
  margin: 0 !important;
  background: rgba(238, 233, 223, 0.08) !important;
  pointer-events: none !important;
}

@media (max-width: 768px) {
  .nhpt-dock,
  .nhpt-dock[data-nhla] {
    right: calc(max(var(--nhpt-edge-r, 12px), env(safe-area-inset-right, 0px)) + 6px) !important;
    bottom: calc(max(12px, env(safe-area-inset-bottom, 0px)) + 6px) !important;
    gap: 6px !important;
  }
  .nhpt-launch,
  .nhpt-sound,
  .nhpt-dock[data-nhla] .nhpt-launch,
  .nhpt-dock[data-nhla] .nhpt-sound,
  .nhpt-dock[data-nhla] .nhpt-sound.is-pending {
    position: relative !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    gap: 0 !important;
    border-radius: 2px !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .nhpt-launch span,
  .nhpt-launch b,
  .nhpt-sound span,
  .nhpt-dock[data-nhla] .nhpt-sound.is-pending span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
  }
  .nhpt-ico {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
  }
  .nhpt-dock[data-nhla] .nhpt-sound {
    display: inline-flex !important;
  }
  .nhpt-panel[data-nhla] {
    left: 50% !important;
    right: auto !important;
    bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
    transform: translateX(-50%) translateY(10px) !important;
    width: max-content !important;
    max-width: calc(100vw - 20px) !important;
    min-height: 42px !important;
    padding: 5px 10px 5px 14px !important;
    gap: 10px !important;
    grid-template-columns: max-content max-content max-content max-content !important;
    grid-template-areas: "eq line controls head" !important;
    align-items: center !important;
    overflow: hidden !important;
    border-radius: 2px !important;
  }
  .nhpt-panel[data-nhla].is-in {
    transform: translateX(-50%) translateY(0) !important;
  }
  .nhpt-panel[data-nhla] .nhla-eq {
    padding-right: 9px !important;
  }
  .nhpt-panel[data-nhla] .nhpt-line {
    gap: 0 !important;
    min-width: max-content !important;
    overflow: visible !important;
    margin: 0 !important;
  }
  .nhpt-panel[data-nhla] .nhpt-who {
    font-size: 7.5px !important;
    padding: 4px 8px !important;
    letter-spacing: 0.15em !important;
    white-space: nowrap !important;
    border-radius: 2px !important;
    background: var(--nh-hdr-pill-bg, rgba(217, 196, 155, 0.10)) !important;
    border: 1px solid var(--nh-hdr-pill-border, rgba(217, 196, 155, 0.26)) !important;
  }
  .nhpt-panel[data-nhla] .nhpt-cap,
  .nhpt-panel .nhpt-cap,
  .nhpt-panel .nhpt-title,
  .nhpt-panel[data-nhla] .nhpt-foot,
  .nhpt-panel[data-nhla] .nhpt-controls .nhpt-main b,
  .nhpt-panel[data-nhla] .nhpt-index,
  .nhpt-panel[data-nhla] .nhpt-ag-label {
    display: none !important;
  }
  .nhpt-panel[data-nhla] .nhpt-controls {
    gap: 4px !important;
  }
  .nhpt-panel[data-nhla] .nhpt-controls button,
  .nhpt-panel[data-nhla] .nhpt-close {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 2px !important;
  }
  .nhpt-panel[data-nhla] .nhpt-controls .nhpt-main {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    gap: 0 !important;
    font-size: 0 !important;
    letter-spacing: 0 !important;
    border-radius: 2px !important;
  }
  .nhpt-panel[data-nhla] .nhpt-controls .nhpt-main span {
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  /* Prolog tour panel (.nhpt-panel without data-nhla) on mobile: compact architectural bar (2px radius) */
  .nhpt-panel:not([data-nhla]) {
    left: 50% !important;
    right: auto !important;
    bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
    transform: translateX(-50%) translateY(10px) !important;
    width: max-content !important;
    max-width: calc(100vw - 20px) !important;
    min-height: 42px !important;
    padding: 5px 10px 5px 14px !important;
    border-radius: 2px !important;
    display: grid !important;
    grid-template-columns: max-content max-content max-content !important;
    grid-template-areas: "line controls head" !important;
    align-items: center !important;
    gap: 10px !important;
    overflow: hidden !important;
  }
  .nhpt-panel:not([data-nhla]).is-in {
    transform: translateX(-50%) translateY(0) !important;
  }
  .nhpt-panel:not([data-nhla]) header {
    grid-area: head !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
  }
  .nhpt-panel:not([data-nhla]) .nhpt-eyebrow,
  .nhpt-panel:not([data-nhla]) .nhpt-index,
  .nhpt-panel:not([data-nhla]) .nhpt-link,
  .nhpt-panel:not([data-nhla]) .nhpt-main b {
    display: none !important;
  }
  .nhpt-panel:not([data-nhla]) .nhpt-line {
    grid-area: line !important;
    min-height: 0 !important;
    min-width: max-content !important;
    overflow: visible !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
  }
  .nhpt-panel:not([data-nhla]) .nhpt-who {
    margin: 0 !important;
    font: 600 7.5px/1 Arial, Helvetica, sans-serif !important;
    letter-spacing: 0.15em !important;
    padding: 4px 8px !important;
    border-radius: 2px !important;
    background: var(--nh-hdr-pill-bg, rgba(217, 196, 155, 0.12)) !important;
    border: 1px solid var(--nh-hdr-pill-border, rgba(217, 196, 155, 0.3)) !important;
    white-space: nowrap !important;
  }
  .nhpt-panel:not([data-nhla]) .nhpt-controls {
    grid-area: controls !important;
    gap: 4px !important;
    display: inline-flex !important;
    align-items: center !important;
  }
  .nhpt-panel:not([data-nhla]) .nhpt-controls button,
  .nhpt-panel:not([data-nhla]) .nhpt-close {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 2px !important;
    border: 1px solid rgba(238, 233, 223, 0.16) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .nhpt-panel:not([data-nhla]) .nhpt-controls .nhpt-main {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    gap: 0 !important;
    font-size: 0 !important;
    letter-spacing: 0 !important;
    border-radius: 2px !important;
    background: var(--nh-hdr-pill-bg, rgba(217, 196, 155, 0.12)) !important;
    border-color: var(--nh-hdr-pill-border, rgba(217, 196, 155, 0.34)) !important;
  }
  .nhpt-panel:not([data-nhla]) .nhpt-controls .nhpt-main span {
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
    color: var(--nh-hdr-accent, #d9c49b) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .nhpt-panel:not([data-nhla]) .nhpt-progress {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 1.5px !important;
    margin: 0 !important;
    background: rgba(238, 233, 223, 0.08) !important;
    pointer-events: none !important;
  }
  /* Hide floating Prolog button (#nhp-return), Lumiere version bar & .nhpt-dock on Mobile ONLY when Soundbar panel is open */
  body:has(.nhpt-panel.is-in) #nhp-return,
  body:has(#nhp-audio-tour.nhp-audio-open) #nhp-return,
  body:has(.nhpt-panel.is-in) .nhla-version,
  body:has(.nhpt-panel.is-in) .nhpt-dock {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* Hide bottom soundbar & tour bar while inside the hero section OR inside the page footer */
html:not(.nh-after-hero) .nhpt-dock[data-nhla],
html:not(.nh-after-hero) .nhpt-panel[data-nhla],
html.nh-in-footer .nhpt-dock,
html.nh-in-footer .nhpt-dock[data-nhla],
html.nh-in-footer .nhpt-panel,
html.nh-in-footer .nhpt-panel[data-nhla],
html.nh-in-footer #nhp-return,
html.nh-in-footer .nhla-version,
html.nh-in-footer .nhla-hint,
.nhpt-dock[data-nhla].is-hidden,
.nhpt-panel[data-nhla].is-hero-hidden {
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

/* Music button inside Section-2 .nhla-hint card */
.nhla-hint-start[hidden] {
  display: none !important;
}
.nhpt-dock[data-tour="0"] .nhpt-sound {
  display: inline-flex !important;
}
.nhla-hint-music {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 14px;
  border-color: rgba(232, 210, 170, 0.34) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: #f6f2ea !important;
}
.nhla-hint-music:hover,
.nhla-hint-music:focus-visible {
  border-color: rgba(243, 223, 174, 0.8) !important;
  background: rgba(217, 196, 155, 0.14) !important;
}
@media (max-width: 700px) {
  .nhla-hint-actions {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .nhla-hint-start,
  .nhla-hint-music {
    flex: 1 1 auto;
    min-height: 44px !important;
    justify-content: center;
  }
}