/* Shared bottom controls inherit the section layer, including its transition occlusion. */
#page-scroll-indicator{width:94px;height:44px;bottom:12px;color:var(--brand-white);display:flex;align-items:center;justify-content:center;gap:10px;overflow:visible;padding:3px;filter:drop-shadow(0 1px 3px color-mix(in srgb, var(--brand-ink) 46.667%, transparent))}
#page-scroll-indicator[hidden]{display:none}#page-scroll-indicator.is-on-light{color:var(--brand-plum);filter:none}
#page-scroll-indicator svg{position:static;flex:none;height:36px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
#page-scroll-indicator .hud-mouse{width:26px}#page-scroll-indicator .hud-keys{width:52px}#page-scroll-indicator .hud-pan,#page-scroll-indicator .pan-icon{display:none}
#page-scroll-indicator[data-input=mouse] .hud-keys,#page-scroll-indicator[data-input=keyboard] .hud-mouse{display:none}
#skip-animation{left:var(--page-margin);right:auto;max-width:80px!important}
#chatbot-dock[data-mode=compact]{left:auto;right:var(--page-margin);width:min(280px,calc(50vw - var(--page-margin) - 65px));transform:none;z-index:1}
#chatbot-dock[data-mode=compact] #chatbot-form{height:44px}
#chatbot-dock[hidden]{display:none!important}
#chatbot-dock #chatbot-media{display:none!important}
@media(min-width:901px){.contact .contact-pin{padding-bottom:78px}}
#chatbot-panel .chatbot-typing{display:flex;align-items:center;gap:5px;margin:0 35px 16px 0;padding:16px;color:var(--brand-muted)}
.chatbot-typing span{width:6px;height:6px;background:currentColor;border-radius:50%;animation:chatbot-dot 1s ease-in-out infinite}.chatbot-typing span:nth-child(2){animation-delay:.15s}.chatbot-typing span:nth-child(3){animation-delay:.3s}
@keyframes chatbot-dot{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}
@media(max-width:900px){
 #page-scroll-indicator{width:36px;height:44px;padding:3px}
 #page-scroll-indicator .hud-mouse,#page-scroll-indicator .hud-keys{display:none}
 #page-scroll-indicator .hud-pan{display:block;width:30px;height:38px}
 #page-scroll-indicator[data-axis=vertical] .pan-horizontal,#page-scroll-indicator[data-axis=horizontal] .pan-vertical{display:none}
 #chatbot-dock[data-mode=compact]{right:var(--page-margin);width:calc(50vw - var(--page-margin) - 28px)}
 #chatbot-dock[data-mode=compact] #chatbot-input{font-size:12px!important;padding:9px!important}
 #chatbot-dock[data-mode=compact] #chatbot-form button{display:none}
 .mobile-menu-toggle{right:auto;left:calc(var(--page-margin) + 58px);width:36px;justify-content:center;padding:6px;font-size:0;gap:0}.mobile-menu-toggle span{font-size:18px}
 #skip-animation{font-size:11px;max-width:52px!important}
}
@media(prefers-reduced-motion:reduce){.chatbot-typing span{animation:none}}