/* Phase 8.49.44: deterministic global navigation and mobile account access. */
html.ph84944-ui-stable .nav.ph84944-nav{z-index:10010!important}
html.ph84944-ui-stable .nav.ph84944-nav>.row>.columns{display:flex!important;align-items:stretch!important;width:100%!important;min-width:0!important}
html.ph84944-ui-stable .nav.ph84944-nav .ph84944-nav-main{display:flex!important;flex:1 1 auto!important;min-width:0!important}
html.ph84944-ui-stable .nav.ph84944-nav .ph84944-nav-secondary{display:flex!important;flex:0 0 auto!important;min-width:max-content!important;margin-left:auto!important}
html.ph84944-ui-stable .nav.ph84944-nav .ph84944-nav-overflow-source{display:none!important}
html.ph84944-ui-stable .nav.ph84944-nav .nav_more.ph84944-more{position:relative!important;display:list-item!important;overflow:visible!important}
html.ph84944-ui-stable .nav.ph84944-nav .ph84944-more-trigger .icon{display:inline-block!important;margin-left:3px!important;transform:rotate(0)!important;transition:transform .14s ease!important}
html.ph84944-ui-stable .nav.ph84944-nav .ph84944-more.is-open .ph84944-more-trigger .icon{transform:rotate(180deg)!important}
html.ph84944-ui-stable .ph84944-more-panel{position:absolute!important;z-index:10020!important;top:calc(100% - 2px)!important;left:0!important;display:none!important;box-sizing:border-box!important;width:270px!important;max-height:min(70vh,560px)!important;padding:8px!important;overflow-x:hidden!important;overflow-y:auto!important;border:1px solid #d6e0eb!important;border-radius:12px!important;background:#fff!important;box-shadow:0 18px 48px rgba(20,37,61,.2)!important;color:#263b55!important;opacity:1!important;visibility:visible!important;backdrop-filter:none!important;mix-blend-mode:normal!important}
html.ph84944-ui-stable .ph84944-more.is-open>.ph84944-more-panel{display:grid!important;gap:6px!important}
html.ph84944-ui-stable .ph84944-more-group{display:grid!important;gap:2px!important;padding:4px!important}
html.ph84944-ui-stable .ph84944-more-group+.ph84944-more-group{border-top:1px solid #e8edf3!important}
html.ph84944-ui-stable .ph84944-more-heading{display:block!important;padding:6px 8px 5px!important;color:#728096!important;font:750 10px/1.2 system-ui,sans-serif!important;letter-spacing:.07em!important;text-transform:uppercase!important}
html.ph84944-ui-stable .ph84944-more-link{display:flex!important;align-items:center!important;box-sizing:border-box!important;min-height:36px!important;padding:8px 10px!important;border-radius:8px!important;color:#314b69!important;font:650 12.5px/1.35 "PH Noto Serif 8476",Georgia,serif!important;text-decoration:none!important;white-space:normal!important}
html.ph84944-ui-stable .ph84944-more-link:hover,html.ph84944-ui-stable .ph84944-more-link:focus-visible{background:#eef5ff!important;color:#1359ad!important}
html.ph84944-ui-stable .ph84944-more-link.is-active{background:#e8f2ff!important;color:#1359ad!important;box-shadow:inset 3px 0 #2e7ce6!important}
html.theme--dark.ph84944-ui-stable .ph84944-more-panel{border-color:#3b5069!important;background:#132238!important;color:#dce8f5!important;box-shadow:0 18px 48px rgba(0,0,0,.48)!important}
html.theme--dark.ph84944-ui-stable .ph84944-more-group+.ph84944-more-group{border-top-color:#2d425b!important}
html.theme--dark.ph84944-ui-stable .ph84944-more-heading{color:#91a6bd!important}
html.theme--dark.ph84944-ui-stable .ph84944-more-link{color:#d5e1ef!important}
html.theme--dark.ph84944-ui-stable .ph84944-more-link:hover,html.theme--dark.ph84944-ui-stable .ph84944-more-link:focus-visible,html.theme--dark.ph84944-ui-stable .ph84944-more-link.is-active{background:#203a57!important;color:#fff!important}
@media (min-width:601px){
html.ph84944-ui-stable body .nav.ph84944-nav{height:56px!important;max-height:none!important;overflow:visible!important;border-bottom:1px solid #dfe6ee!important;background:#fff!important;color:#182230!important;box-shadow:0 2px 9px rgba(23,38,58,.08)!important}
html.ph84944-ui-stable body .nav.ph84944-nav>.row,html.ph84944-ui-stable body .nav.ph84944-nav>.row>.columns,html.ph84944-ui-stable body .nav.ph84944-nav .ph84944-nav-main,html.ph84944-ui-stable body .nav.ph84944-nav .ph84944-nav-secondary{overflow:visible!important}
html.ph84944-ui-stable .nav.ph84944-nav .ph84944-nav-main>.nav__list-item,html.ph84944-ui-stable .nav.ph84944-nav .ph84944-nav-secondary>.nav__list-item{flex:0 0 auto!important}
html.ph84944-ui-stable .nav.ph84944-nav .nav__item{color:#182230!important}
html.ph84944-ui-stable .nav.ph84944-nav .ph84944-nav-secondary>.nav__list-item>.nav__item{max-width:190px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html.ph84944-ui-stable .header__hamburger{display:none!important}
html.theme--dark.ph84944-ui-stable body .nav.ph84944-nav{border-bottom-color:#31465f!important;background:#132238!important;color:#e5edf7!important;box-shadow:0 2px 12px rgba(0,0,0,.28)!important}
html.theme--dark.ph84944-ui-stable .nav.ph84944-nav .nav__item{color:#e5edf7!important}
}
/* Mobile account/language popovers are moved under body by Hydro's dropdown
   library. Keep that portal above the slideout and inside the viewport. */
@media(max-width:600px){
html.ph85190-navbar-layout-manager.ph84952-navbar-hard-lock.ph84944-mobile-nav-open body .drop.drop-element.drop-enabled:has(#menu-nav-user),
html.ph85190-navbar-layout-manager.ph84952-navbar-hard-lock.ph84944-mobile-nav-open body .drop.drop-element.drop-enabled:has(#menu-ph-language){position:fixed!important;z-index:100070!important;right:12px!important;bottom:auto!important;left:auto!important;width:min(276px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:min(320px,35dvh)!important;overflow-x:hidden!important;overflow-y:auto!important;isolation:isolate!important;background:#16263a!important;border:1px solid #3b5069!important;border-radius:12px!important;box-shadow:0 12px 36px rgba(0,0,0,.4)!important}
html.ph85190-navbar-layout-manager.ph84952-navbar-hard-lock.ph84944-mobile-nav-open body .drop.drop-element.drop-enabled #menu-nav-user,
html.ph85190-navbar-layout-manager.ph84952-navbar-hard-lock.ph84944-mobile-nav-open body .drop.drop-element.drop-enabled #menu-ph-language{width:100%!important;min-width:0!important;margin:0!important;background:#16263a!important;color:#e2e8f0!important}
html.ph85190-navbar-layout-manager.ph84952-navbar-hard-lock.ph84944-mobile-nav-open body .drop.drop-element.drop-enabled .menu__link{color:#e2e8f0!important}
}
@media(max-width:600px){
html.ph84952-navbar-hard-lock.ph84944-mobile-nav-open body #menu-nav-user#menu-nav-user .menu__link,
html.ph84952-navbar-hard-lock.ph84944-mobile-nav-open body #menu-ph-language#menu-ph-language .menu__link{color:#e2e8f0!important;-webkit-text-fill-color:#e2e8f0!important;background:transparent!important}
html.ph84952-navbar-hard-lock.ph84944-mobile-nav-open body #menu-nav-user#menu-nav-user .menu__link:hover,
html.ph84952-navbar-hard-lock.ph84944-mobile-nav-open body #menu-ph-language#menu-ph-language .menu__link:hover{background:#24415f!important;color:#fff!important}
}
@media(min-width:601px) and (max-width:900px){
html.ph85190-navbar-layout-manager.ph84953-nav-guest.ph84952-navbar-hard-lock body .nav.ph84944-nav>.row>.columns{grid-template-columns:minmax(0,1fr) 265px!important}
html.ph85190-navbar-layout-manager.ph84953-nav-guest.ph84952-navbar-hard-lock body .nav.ph84944-nav .ph84944-nav-secondary{width:265px!important;min-width:265px!important;max-width:265px!important}
html.ph85190-navbar-layout-manager.ph84953-nav-guest.ph84952-navbar-hard-lock body .nav.ph84944-nav .ph84944-nav-secondary>.ph84953-auth-login,
html.ph85190-navbar-layout-manager.ph84953-nav-guest.ph84952-navbar-hard-lock body .nav.ph84944-nav .ph84944-nav-secondary>.ph84953-auth-register{flex:0 0 76px!important;width:76px!important;min-width:76px!important;font-size:10.5px!important}
}
/* Mobile slideout must not inherit desktop's two-column account rail. */
@media(max-width:600px){
html.ph85190-navbar-layout-manager.ph84952-navbar-hard-lock body .nav.ph84944-nav>.row>.columns{display:block!important;grid-template-columns:none!important;width:100%!important;min-width:0!important;padding:0!important;height:auto!important}
html.ph85190-navbar-layout-manager.ph84952-navbar-hard-lock body .nav.ph84944-nav .nav__list.ph84944-nav-main,
html.ph85190-navbar-layout-manager.ph84952-navbar-hard-lock body .nav.ph84944-nav .nav__list.ph84944-nav-secondary{display:flex!important;flex-direction:column!important;flex:none!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;margin:0!important;overflow:visible!important;background:#111b2a!important}
html.ph85190-navbar-layout-manager.ph84952-navbar-hard-lock body .nav.ph84944-nav .nav__list>li.nav__list-item.nav__list-item{flex:0 0 auto!important;flex-basis:auto!important;width:100%!important;min-width:0!important;max-width:none!important}
html.ph85190-navbar-layout-manager.ph84952-navbar-hard-lock body .nav.ph84944-nav .ph8500-nav-primary>.ph8500-nav-copy{color:#e2e8f0!important;-webkit-text-fill-color:#e2e8f0!important;text-shadow:none!important}
}
@media (max-width:600px){
html.theme--light.ph84944-ui-stable .header__hamburger .hamburger-inner,
html.theme--light.ph84944-ui-stable .header__hamburger .hamburger-inner:before,
html.theme--light.ph84944-ui-stable .header__hamburger .hamburger-inner:after{background-color:#17324f!important}
html.ph84944-ui-stable .nav.ph84944-nav.slideout-menu{width:min(300px,88vw)!important;overflow-x:hidden!important;overflow-y:auto!important;background:#111b2a!important}
html.ph84944-ui-stable.ph84944-mobile-nav-open body{overflow:hidden!important}
html.ph84944-ui-stable.ph84944-mobile-nav-open body:before{content:"";position:fixed!important;z-index:10040!important;inset:0!important;background:rgba(5,12,22,.48)!important}
html.ph84944-ui-stable.ph84944-mobile-nav-open .nav.ph84944-nav.slideout-menu{position:fixed!important;z-index:10050!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;display:block!important;height:100dvh!important;max-height:100dvh!important;box-shadow:-18px 0 48px rgba(0,0,0,.38)!important}
html.ph84944-ui-stable .nav.ph84944-nav>.row>.columns,html.ph84944-ui-stable .nav.ph84944-nav .ph84944-nav-main,html.ph84944-ui-stable .nav.ph84944-nav .ph84944-nav-secondary{display:block!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;overflow:visible!important}
html.ph84944-ui-stable .nav.ph84944-nav .ph84944-nav-main>.nav__list-item,html.ph84944-ui-stable .nav.ph84944-nav .ph84944-nav-secondary>.nav__list-item{display:block!important;float:none!important;width:100%!important}
html.ph84944-ui-stable .nav.ph84944-nav .ph84944-nav-main>.ph84944-nav-overflow-source,html.ph84944-ui-stable .nav.ph84944-nav .ph84944-nav-secondary>.ph-top-hydro-hidden{display:none!important}
html.ph84944-ui-stable .nav.ph84944-nav .ph84944-nav-main>.nav__list-item>.nav__item,html.ph84944-ui-stable .nav.ph84944-nav .ph84944-nav-secondary>.nav__list-item>.nav__item{display:flex!important;align-items:center!important;box-sizing:border-box!important;width:100%!important;min-height:44px!important;padding:0 18px!important;color:#f1f5f9!important;text-align:left!important}
html.ph84944-ui-stable .nav.ph84944-nav .ph84944-nav-secondary{padding:8px 0 14px!important;border-top:1px solid #334155!important}
html.ph84944-ui-stable .nav.ph84944-nav .ph84944-secondary-item{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
html.ph84944-ui-stable .ph84944-more-panel{position:static!important;width:calc(100% - 20px)!important;max-height:none!important;margin:0 10px 8px!important;border-color:#334a64!important;border-radius:10px!important;background:#16263a!important;box-shadow:none!important;color:#dce8f5!important}
html.ph84944-ui-stable .ph84944-more-heading{color:#8fa5bc!important}
html.ph84944-ui-stable .ph84944-more-link{color:#d9e6f3!important}
html.ph84944-ui-stable .ph84944-more-link:hover,html.ph84944-ui-stable .ph84944-more-link:focus-visible,html.ph84944-ui-stable .ph84944-more-link.is-active{background:#24415f!important;color:#fff!important}
html.ph84944-ui-stable .nav.ph84944-nav .ph84944-nav-secondary>.nav__list-item>.dropdown-target{position:static!important;display:none!important;box-sizing:border-box!important;width:calc(100% - 20px)!important;min-width:0!important;max-width:none!important;margin:0 10px 8px!important;padding:6px!important;border:1px solid #334a64!important;border-radius:10px!important;background:#16263a!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;transform:none!important}
html.ph84944-ui-stable .nav.ph84944-nav .ph84944-nav-secondary>.ph84944-secondary-open>.dropdown-target.ph84944-mobile-dropdown-open{display:block!important}
html.ph84944-ui-stable .nav.ph84944-nav .ph84944-nav-secondary .dropdown-target .menu__link{display:flex!important;align-items:center!important;box-sizing:border-box!important;min-height:38px!important;padding:8px 10px!important;border-radius:7px!important;color:#d9e6f3!important;background:transparent!important;text-align:left!important}
html.ph84944-ui-stable .nav.ph84944-nav .ph84944-nav-secondary .dropdown-target .menu__link:hover,html.ph84944-ui-stable .nav.ph84944-nav .ph84944-nav-secondary .dropdown-target .menu__link:focus-visible{background:#24415f!important;color:#fff!important}
html.ph84944-ui-stable body>.dropdown,html.ph84944-ui-stable body>.dropdown-target{z-index:100050!important}
html.ph84944-ui-stable.ph84944-mobile-nav-open body>div.drop,
html.ph84944-ui-stable.ph84944-mobile-nav-open body>div.dropdown{z-index:100060!important}
}

/* Phase 8.49.56: keep only the canonical SSR "More" item and preserve the
   highlighted submit editor whenever Hydro's optional CodeMirror modes are not
   present. The editable textarea remains on top for native selection/caret;
   its glyphs become transparent only after the mirrored layer is verified. */
html.ph84960-submit-editor-metrics .nav__list--main > .nav__list-item.nav_more:not(.ph84953-nav-more){display:none!important;width:0!important;min-width:0!important;flex:0 0 0!important;overflow:hidden!important}
html.ph84960-submit-editor-metrics .ph8412-submit-code-stage.ph84956-highlight-fallback{position:relative!important;isolation:isolate!important;background:#08111f!important}
html.ph84960-submit-editor-metrics.ph846-submit-editor-page .ph8412-submit-code-stage.ph84956-highlight-fallback > .code-toolbar{display:none!important;visibility:hidden!important}
html.ph84960-submit-editor-metrics.ph846-submit-editor-page .ph8412-submit-code-stage.ph84956-highlight-fallback > .ph843-code-highlight{display:block!important;visibility:visible!important;z-index:10!important;width:100%!important;height:100%!important;min-height:100%!important;pointer-events:none!important;color:#f8fafc!important;-webkit-text-fill-color:currentColor!important}
html.ph84960-submit-editor-metrics .ph843-code-highlight-content{display:block!important;min-height:100%!important;color:#f8fafc!important;-webkit-text-fill-color:currentColor!important;white-space:pre!important}
html.ph84960-submit-editor-metrics.ph846-submit-editor-page .ph8412-submit-code-stage.ph84956-highlight-fallback textarea[name=code].ph8412-submit-code-input{position:relative!important;z-index:20!important;background:transparent!important;caret-color:#fff!important}
html.ph84960-submit-editor-metrics.ph846-submit-editor-page textarea[name=code].ph8412-submit-code-input::selection{background:#2563eb!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html.ph84960-submit-editor-metrics .ph8412-submit-code-stage.ph84956-highlight-fallback > .ph843-code-highlight,
html.ph84960-submit-editor-metrics .ph8412-submit-code-stage.ph84956-highlight-fallback > .ph843-code-highlight .ph843-code-highlight-content,
html.ph84960-submit-editor-metrics .ph8412-submit-code-stage.ph84956-highlight-fallback > textarea[name=code].ph8412-submit-code-input{font-family:"Source Code Pro",monaco,Consolas,"Liberation Mono",Menlo,monospace!important;font-size:14px!important;font-weight:400!important;font-style:normal!important;font-synthesis:none!important;font-kerning:none!important;font-variant-ligatures:none!important;font-feature-settings:"liga" 0,"calt" 0!important;letter-spacing:0!important;line-height:22px!important;tab-size:4!important}
html.ph84960-submit-editor-metrics .ph8412-submit-code-stage.ph84956-highlight-fallback .ph8412-submit-code-gutter{z-index:30!important;pointer-events:none!important;line-height:22px!important}
html.ph84960-submit-editor-metrics .ph843-token-comment{color:#7f93aa!important;font-style:italic!important}
html.ph84960-submit-editor-metrics .ph843-token-directive{color:#f472b6!important}
html.ph84960-submit-editor-metrics .ph843-token-keyword{color:#c4b5fd!important;font-weight:650!important}
html.ph84960-submit-editor-metrics .ph843-token-type{color:#5eead4!important}
html.ph84960-submit-editor-metrics .ph843-token-constant{color:#fb923c!important}
html.ph84960-submit-editor-metrics .ph843-token-string{color:#86efac!important}
html.ph84960-submit-editor-metrics .ph843-token-number{color:#fde68a!important}
html.ph84960-submit-editor-metrics .ph843-token-function{color:#7dd3fc!important}
html.ph84960-submit-editor-metrics .ph843-token-builtin{color:#67e8f9!important}
html.ph84960-submit-editor-metrics .ph843-token-operator{color:#fda4af!important}
html.ph84960-submit-editor-metrics .ph843-token-punctuation{color:#cbd5e1!important}
html.ph84960-submit-editor-metrics .ph84960-sample-copy-host{position:relative!important;display:block!important}
html.ph84960-submit-editor-metrics .ph84960-sample-copy-host > .toolbar{display:none!important;visibility:hidden!important}
html.ph84960-submit-editor-metrics .ph84960-sample-copy-host>pre{box-sizing:border-box!important;padding-right:92px!important}
html.ph84960-submit-editor-metrics .ph84960-sample-copy{position:absolute!important;z-index:8!important;top:7px!important;right:7px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;height:28px!important;min-height:28px!important;padding:0 9px!important;border:1px solid #bfd0e6!important;border-radius:8px!important;background:rgba(255,255,255,.98)!important;color:#175bc5!important;font:600 11px/1 system-ui,sans-serif!important;white-space:nowrap!important;box-shadow:0 2px 8px rgba(15,23,42,.1)!important;cursor:pointer!important;user-select:none!important}
html.ph84960-submit-editor-metrics .ph84960-copy-single-line .ph84960-sample-copy{top:50%!important;transform:translateY(-50%)!important}
html.ph84960-submit-editor-metrics .ph84960-sample-copy>.icon{font-size:14px!important;line-height:1!important}
html.ph84960-submit-editor-metrics .ph84960-sample-copy:hover{background:#edf5ff!important;border-color:#77a9ef!important}
html.ph84960-submit-editor-metrics .ph84960-sample-copy.is-copied{background:#e8f8ef!important;border-color:#78c997!important;color:#157347!important}
html.theme--dark.ph84960-submit-editor-metrics .ph84960-sample-copy{background:rgba(20,32,50,.96)!important;border-color:#49627f!important;color:#8fc1ff!important}

/* Phase 8.50.1 fallback: legacy combined six-state navbar sheets. New
   installations use one independent image for each interaction state. */
@keyframes ph8500-nav-sprite-frames{from{background-position-x:0}to{background-position-x:100%}}
:root{--ph8500-icon-frames:4;--ph8500-icon-steps:3;--ph8500-sprite-duration:.125s;--ph8500-animation-name:ph8500-nav-sprite-frames}
html.ph84944-ui-stable .nav.ph84944-nav .ph8500-nav-primary{
  position:relative!important;display:grid!important;grid-template-rows:27px 18px!important;place-items:center!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:55px!important;min-height:55px!important;padding:3px 2px 4px!important;overflow:visible!important;line-height:1!important;text-align:center!important;
}
html.ph84944-ui-stable .nav.ph84944-nav .ph8500-nav-sprite{display:block!important;background-repeat:no-repeat!important;animation-name:var(--ph8500-animation-name)!important;animation-duration:calc(var(--ph8500-sprite-duration) * var(--ph8500-current-frames))!important;animation-timing-function:steps(var(--ph8500-current-steps))!important;animation-iteration-count:infinite!important;image-rendering:auto!important;pointer-events:none!important}
html.ph84944-ui-stable .nav.ph84944-nav .ph8500-nav-icon{--ph8500-current-frames:var(--ph8500-icon-frames);--ph8500-current-steps:var(--ph8500-icon-steps);width:28px!important;height:28px!important}
html.ph84944-ui-stable .nav.ph84944-nav .ph8500-nav-label{display:none!important}
html:not(.ph85010-sprites-separate).ph84944-ui-stable .nav.ph84944-nav .ph8500-nav-icon{background-image:var(--ph8500-icon-image)!important;background-size:calc(var(--ph8500-icon-frames) * 100%) 600%!important;background-position-y:0}
html.ph84944-ui-stable .nav.ph84944-nav .ph8500-nav-copy{position:static!important;display:block!important;grid-row:2!important;box-sizing:border-box!important;width:82px!important;height:18px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:auto!important;border:0!important;color:var(--ph8506-text-color,#334155)!important;font-family:var(--ph8506-text-font,"PH Noto Serif 8476",Georgia,serif)!important;font-size:10.5px!important;font-weight:750!important;line-height:18px!important;letter-spacing:-.08px!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;transform-origin:center!important;transition:color .16s ease,text-shadow .16s ease,filter .16s ease,transform .12s ease!important}
@keyframes ph8506-text-neon{0%,100%{opacity:.88;filter:saturate(.9)}50%{opacity:1;filter:saturate(1.35)}}
@keyframes ph8506-text-pulse{0%,100%{transform:scale(1);opacity:.86}50%{transform:scale(1.045);opacity:1}}
@keyframes ph8506-text-shimmer{0%{background-position:110% 50%}100%{background-position:-110% 50%}}
@keyframes ph8506-text-aurora{0%,100%{filter:hue-rotate(0deg) saturate(1)}50%{filter:hue-rotate(34deg) saturate(1.45)}}
html.ph84944-ui-stable .nav.ph84944-nav .ph8500-more-caret{position:absolute!important;right:1px!important;bottom:5px!important;margin:0!important;font-size:12px!important}
html:not(.ph85010-sprites-separate).ph84944-ui-stable .nav.ph84944-nav .ph8500-nav-primary:hover .ph8500-nav-sprite{background-position-y:20%!important}
html:not(.ph85010-sprites-separate).ph84944-ui-stable .nav.ph84944-nav .ph8500-nav-primary.nav--active .ph8500-nav-sprite{background-position-y:40%!important}
html:not(.ph85010-sprites-separate).ph84944-ui-stable .nav.ph84944-nav .ph8500-nav-primary:active .ph8500-nav-sprite{background-position-y:60%!important}
html:not(.ph85010-sprites-separate).ph84944-ui-stable .nav.ph84944-nav .ph8500-nav-primary:focus-visible .ph8500-nav-sprite{background-position-y:80%!important}
html:not(.ph85010-sprites-separate).ph84944-ui-stable .nav.ph84944-nav .ph8500-nav-primary[aria-disabled="true"] .ph8500-nav-sprite{background-position-y:100%!important}
.ph8500-nav-slot--home{--ph8500-icon-image:url("/phuochung/nav-sprite-default/home/icon?v=85020");--ph8500-label-vi-image:url("/phuochung/nav-sprite-default/home/label-vi?v=85020");--ph8500-label-en-image:url("/phuochung/nav-sprite-default/home/label-en?v=85020")}
.ph8500-nav-slot--training{--ph8500-icon-image:url("/phuochung/nav-sprite-default/training/icon?v=85020");--ph8500-label-vi-image:url("/phuochung/nav-sprite-default/training/label-vi?v=85020");--ph8500-label-en-image:url("/phuochung/nav-sprite-default/training/label-en?v=85020")}
.ph8500-nav-slot--contest{--ph8500-icon-image:url("/phuochung/nav-sprite-default/contest/icon?v=85020");--ph8500-label-vi-image:url("/phuochung/nav-sprite-default/contest/label-vi?v=85020");--ph8500-label-en-image:url("/phuochung/nav-sprite-default/contest/label-en?v=85020")}
.ph8500-nav-slot--code{--ph8500-icon-image:url("/phuochung/nav-sprite-default/code/icon?v=85020");--ph8500-label-vi-image:url("/phuochung/nav-sprite-default/code/label-vi?v=85020");--ph8500-label-en-image:url("/phuochung/nav-sprite-default/code/label-en?v=85020")}
.ph8500-nav-slot--more{--ph8500-icon-image:url("/phuochung/nav-sprite-default/more/icon?v=85020");--ph8500-label-vi-image:url("/phuochung/nav-sprite-default/more/label-vi?v=85020");--ph8500-label-en-image:url("/phuochung/nav-sprite-default/more/label-en?v=85020")}
@media (prefers-reduced-motion:reduce){html.ph84944-ui-stable .nav.ph84944-nav .ph8500-nav-sprite{animation:none!important;background-position-x:0!important}html.ph84944-ui-stable .nav.ph84944-nav .ph8500-nav-text{animation:none!important}}
@media (max-width:600px){
html.ph84944-ui-stable .nav.ph84944-nav .ph84944-nav-main>.nav__list-item>.ph8500-nav-primary{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:29px 18px!important;place-items:center!important;width:100%!important;min-width:0!important;height:54px!important;min-height:54px!important;padding:3px 18px 4px!important;text-align:center!important}
html.ph84944-ui-stable .nav.ph84944-nav .ph8500-nav-primary .ph8500-nav-icon{grid-column:1!important;grid-row:1!important}
html.ph84944-ui-stable .nav.ph84944-nav .ph8500-nav-primary .ph8500-nav-text{grid-column:1!important;grid-row:2!important;justify-self:center!important;color:var(--ph8506-text-color,#334155)!important;-webkit-text-fill-color:var(--ph8506-text-color,#334155)!important}
html.ph84944-ui-stable .nav.ph84944-nav .ph84944-more-link .ph8500-nav-text{color:var(--ph8506-text-color,#334155)!important;-webkit-text-fill-color:var(--ph8506-text-color,#334155)!important}
html.ph84944-ui-stable .nav.ph84944-nav .ph8500-more-caret{right:18px!important;bottom:19px!important}
}

/* Phase 8.50.2: every child of More receives the same independent-frame
   animation system as the primary Navbar entries. */
html.ph84944-ui-stable .nav.ph84944-nav .ph84944-more-link.ph8502-nav-child{display:flex!important;align-items:center!important;gap:9px!important;text-align:left!important}
html.ph84944-ui-stable .nav.ph84944-nav .ph84944-more-link.ph8502-nav-child>.ph8500-nav-icon{display:block!important;flex:0 0 20px!important;width:20px!important;height:20px!important;background-repeat:no-repeat!important;background-position:0 0!important;background-size:100% 100%!important;animation-name:var(--ph8500-animation-name)!important;animation-duration:calc(var(--ph8500-sprite-duration) * var(--ph8500-current-frames))!important;animation-timing-function:steps(var(--ph8500-current-steps))!important;animation-iteration-count:infinite!important}
html.ph84944-ui-stable .nav.ph84944-nav .ph84944-more-link.ph8502-nav-child>span:last-child{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* Phase 8.50.7: sticky horizontal Navbar, larger icons and full-link hit targets. */
@media (min-width:601px){
html.ph85070-navbar-layout body .nav.ph84944-nav{position:sticky!important;top:0!important;height:60px!important;max-height:60px!important;backdrop-filter:saturate(1.15) blur(12px)!important}
html.ph85070-navbar-layout .nav.ph84944-nav>.row,html.ph85070-navbar-layout .nav.ph84944-nav>.row>.columns{height:60px!important}
html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-main,html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-secondary{align-items:stretch!important}
html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-main>.nav__list-item{position:relative!important;display:flex!important;flex:0 0 120px!important;align-items:stretch!important;width:120px!important}
html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-main>.ph84953-nav-logo{flex:0 0 96px!important;width:96px!important}
html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-main>.ph84953-nav-home,html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-main>.ph84953-nav-training{flex-basis:128px!important;width:128px!important}
html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-main>.ph84953-nav-code{flex-basis:98px!important;width:98px!important}
html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-main>.ph84953-nav-curio-shop{flex-basis:132px!important;width:132px!important}
html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-main>.ph84953-nav-more{flex-basis:112px!important;width:112px!important}
html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-main>.nav__list-item:not(.ph84953-nav-logo):not(.ph84953-nav-home)::before{content:"";position:absolute;z-index:1;top:15px;bottom:15px;left:0;width:1px;background:linear-gradient(180deg,transparent,rgba(93,116,143,.26),transparent);pointer-events:none}
html.theme--dark.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-main>.nav__list-item:not(.ph84953-nav-logo):not(.ph84953-nav-home)::before{background:linear-gradient(180deg,transparent,rgba(156,183,215,.28),transparent)}
html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-main>.nav__list-item>.ph8500-nav-primary{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;grid-template-rows:1fr!important;gap:7px!important;align-items:center!important;justify-items:start!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:59px!important;min-height:59px!important;padding:0 10px!important;text-align:left!important;cursor:pointer!important;isolation:isolate!important}
html.ph85070-navbar-layout .nav.ph84944-nav .ph8500-nav-primary .ph8500-nav-icon{grid-column:1!important;grid-row:1!important;width:34px!important;height:34px!important;justify-self:center!important}
html.ph85070-navbar-layout .nav.ph84944-nav .ph8500-nav-primary .ph8500-nav-copy{grid-column:2!important;grid-row:1!important;width:100%!important;max-width:100%!important;height:auto!important;justify-self:start!important;font-size:11.5px!important;line-height:1.15!important;text-align:left!important;pointer-events:none!important}
html.ph85070-navbar-layout .nav.ph84944-nav .ph8500-nav-primary .ph8500-more-caret{position:absolute!important;right:6px!important;bottom:auto!important;top:50%!important;margin:0!important;font-size:11px!important;transform:translateY(-50%)!important;pointer-events:none!important}
html.ph85070-navbar-layout .nav.ph84944-nav .ph8500-nav-primary>.ph8500-nav-sprite,html.ph85070-navbar-layout .nav.ph84944-nav .ph8500-nav-primary>.ph8500-nav-text,html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-more-link>*{pointer-events:none!important}
}
@media (max-width:600px){
html.ph85070-navbar-layout body .header--mobile{position:sticky!important;z-index:10030!important;top:0!important;backdrop-filter:saturate(1.1) blur(12px)!important}
html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-main>.nav__list-item>.ph8500-nav-primary{display:grid!important;grid-template-columns:38px minmax(0,1fr) 14px!important;grid-template-rows:1fr!important;gap:11px!important;align-items:center!important;justify-items:start!important;box-sizing:border-box!important;width:100%!important;height:56px!important;min-height:56px!important;padding:7px 16px!important;text-align:left!important;cursor:pointer!important}
html.ph85070-navbar-layout .nav.ph84944-nav .ph8500-nav-primary .ph8500-nav-icon{grid-column:1!important;grid-row:1!important;width:34px!important;height:34px!important;justify-self:center!important}
html.ph85070-navbar-layout .nav.ph84944-nav .ph8500-nav-primary .ph8500-nav-copy{grid-column:2!important;grid-row:1!important;width:auto!important;max-width:100%!important;height:auto!important;justify-self:start!important;font-size:13px!important;line-height:1.2!important;text-align:left!important;pointer-events:none!important}
html.ph85070-navbar-layout .nav.ph84944-nav .ph8500-nav-primary .ph8500-more-caret{position:static!important;grid-column:3!important;grid-row:1!important;align-self:center!important;margin:0!important;font-size:12px!important;pointer-events:none!important}
html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-main>.nav__list-item+.nav__list-item{border-top:1px solid rgba(116,145,176,.18)!important}
html.ph85070-navbar-layout .nav.ph84944-nav .ph8500-nav-primary>.ph8500-nav-sprite,html.ph85070-navbar-layout .nav.ph84944-nav .ph8500-nav-primary>.ph8500-nav-text,html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-more-link>*{pointer-events:none!important}
}
@media (min-width:601px) and (max-width:1180px){html.ph85070-navbar-layout .nav.ph84944-nav>.row{width:100%!important;max-width:none!important;padding:0 8px!important}html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-main>.ph84953-nav-logo{flex-basis:72px!important;width:72px!important}html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-main>.ph84953-nav-home,html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-main>.ph84953-nav-training{flex-basis:104px!important;width:104px!important}html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-main>.ph84953-nav-contest{flex-basis:100px!important;width:100px!important}html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-main>.ph84953-nav-code{flex-basis:78px!important;width:78px!important}html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-main>.ph84953-nav-curio-shop{flex-basis:116px!important;width:116px!important}html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-main>.ph84953-nav-more{flex-basis:88px!important;width:88px!important}html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-main>.nav__list-item>.ph8500-nav-primary{grid-template-columns:32px minmax(0,1fr)!important;gap:4px!important;padding:0 5px!important}html.ph85070-navbar-layout .nav.ph84944-nav .ph8500-nav-primary .ph8500-nav-icon{width:31px!important;height:31px!important}html.ph85070-navbar-layout .nav.ph84944-nav .ph8500-nav-primary .ph8500-nav-copy{font-size:10.5px!important}html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-secondary>.nav__list-item>.nav__item{padding-left:8px!important;padding-right:8px!important;font-size:11px!important}}
@media (min-width:601px) and (max-width:1180px){html.ph85070-navbar-layout body .nav.ph84944-nav .ph84944-nav-main>.nav__list-item:has(>a.nav__item[href="/"]){flex-basis:96px!important;width:96px!important}html.ph85070-navbar-layout body .nav.ph84944-nav .ph84944-nav-main>.nav__list-item:has(>a.nav__item[href="/training"]){flex-basis:96px!important;width:96px!important}html.ph85070-navbar-layout body .nav.ph84944-nav .ph84944-nav-main>.nav__list-item:has(>a.nav__item[href="/contest"]){flex-basis:92px!important;width:92px!important}html.ph85070-navbar-layout body .nav.ph84944-nav .ph84944-nav-main>.nav__list-item:has(>a.nav__item[href="/code"]){flex-basis:72px!important;width:72px!important}html.ph85070-navbar-layout body .nav.ph84944-nav .ph84944-nav-main>.nav__list-item:has(>a.nav__item[href="/ky-tran-cac"]){flex-basis:105px!important;width:105px!important}html.ph85070-navbar-layout body .nav.ph84944-nav .ph84944-nav-main>.ph84953-nav-more{flex-basis:82px!important;width:82px!important}}
@media (min-width:601px) and (max-width:1180px){html.ph85070-navbar-layout .nav.ph84944-nav .ph8500-nav-primary .ph8500-nav-copy{overflow:visible!important;font-size:9.75px!important;line-height:1.08!important;text-overflow:clip!important;white-space:normal!important}}

/* Phase 8.50.19: three stable horizontal Navbar tiers.
   Wide: icon + one-line text (base rules).
   Medium: icon + text allowed to wrap to two lines (rules above).
   Narrow desktop/tablet: icon only. The <=600px slideout keeps icon + text. */
@media (min-width:601px) and (max-width:900px){
html.ph85070-navbar-layout .nav.ph84944-nav>.row{padding-right:4px!important;padding-left:4px!important}
html.ph85070-navbar-layout body .nav.ph84944-nav .ph84944-nav-main>.ph84953-nav-logo{flex:0 0 52px!important;width:52px!important}
html.ph85070-navbar-layout body .nav.ph84944-nav .ph84944-nav-main>.nav__list-item:not(.ph84953-nav-logo){flex:0 0 46px!important;width:46px!important}
html.ph85070-navbar-layout body .nav.ph84944-nav .ph84944-nav-main>.nav__list-item>.ph8500-nav-primary{grid-template-columns:1fr!important;grid-template-rows:1fr!important;gap:0!important;justify-items:center!important;padding:0 5px!important;text-align:center!important}
html.ph85070-navbar-layout body .nav.ph84944-nav .ph84944-nav-main>.nav__list-item>.ph8500-nav-primary>.ph8500-nav-icon{grid-column:1!important;grid-row:1!important;justify-self:center!important;width:34px!important;height:34px!important}
html.ph85070-navbar-layout body .nav.ph84944-nav .ph84944-nav-main>.nav__list-item>.ph8500-nav-primary>.ph8500-nav-copy,
html.ph85070-navbar-layout body .nav.ph84944-nav .ph84944-nav-main>.ph84953-nav-more>.ph8500-nav-primary>.ph8500-more-caret{display:none!important}
html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-secondary{margin-left:auto!important}
html.ph85070-navbar-layout .nav.ph84944-nav .ph84944-nav-secondary>.nav__list-item>.nav__item{padding-right:6px!important;padding-left:6px!important;font-size:10.5px!important}
}

/* Phase 8.50.19 hot path: the settings studio is served from this direct CSS
   asset as well as the compiled theme so it remains styled after a source-only
   addon deployment. */
.ph8519-layout-studio{scroll-margin-top:102px;padding:0!important;overflow:hidden;border-top:1px solid #dbe7f2;background:#f8fbff}.ph8519-layout-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:17px 18px;background:linear-gradient(135deg,#0f2c49,#194f7e);color:#fff}.ph8519-layout-head span,.ph8519-layout-head h3,.ph8519-layout-head p{display:block;margin:0}.ph8519-layout-head span{color:#8ed5ff;font:850 8px/1 system-ui,sans-serif;letter-spacing:.15em}.ph8519-layout-head h3{margin-top:6px;font-size:17px}.ph8519-layout-head p{max-width:720px;margin-top:5px;color:#bed4e7;font-size:9.5px;line-height:1.5}.ph8519-layout-head output{flex:0 0 auto;padding:7px 10px;border:1px solid rgba(147,211,255,.34);border-radius:999px;color:#dff3ff;background:rgba(6,24,43,.35);font-size:9px;font-weight:800;white-space:nowrap}.ph8519-layout-columns,.ph8519-layout-card{display:grid;grid-template-columns:76px minmax(240px,1fr) minmax(170px,.55fr) 78px;gap:10px;align-items:center}.ph8519-layout-columns{padding:9px 14px;color:#6c8298;background:#eaf2f9;font:850 8px/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.ph8519-layout-list{display:grid;gap:0}.ph8519-layout-card{min-height:62px;padding:8px 14px;border-top:1px solid #e3ebf3;background:#fff;transition:background .14s ease,box-shadow .14s ease,opacity .14s ease}.ph8519-layout-card:hover{background:#f8fbff}.ph8519-layout-card.is-dragging{z-index:2;opacity:.62;background:#eaf4ff;box-shadow:0 8px 24px rgba(32,85,136,.16)}.ph8519-drag-handle{display:grid;grid-template-columns:24px 1fr;gap:5px;align-items:center;width:68px;height:38px;padding:0 7px;border:1px solid #ccdae8;border-radius:9px;color:#4d6984;background:#f8fbfe;cursor:grab}.ph8519-drag-handle:active{cursor:grabbing}.ph8519-drag-handle>span{font-size:18px;line-height:1}.ph8519-drag-handle>b{color:#2469a8;font:850 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.ph8519-layout-identity{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;min-width:0}.ph8519-layout-identity>.ph8500-nav-slot--home,.ph8519-layout-identity>span:first-child{display:grid;width:36px;height:36px;place-items:center;border:1px solid #d2e1ef;border-radius:10px;background:#eef6fd}.ph8519-layout-identity .ph8500-nav-icon{display:block!important;width:27px!important;height:27px!important;background-repeat:no-repeat!important;background-position:0 0!important;background-size:100% 100%!important}.ph8519-layout-identity strong,.ph8519-layout-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph8519-layout-identity strong{color:#213d58;font-size:11.5px}.ph8519-layout-identity small{margin-top:3px;color:#7b8fa2;font-size:8.5px}.ph8519-placement .select{box-sizing:border-box;width:100%;height:36px;margin:0;border-color:#c9d9e8;border-radius:9px;color:#294762;background:#fbfdff;font-size:10px;font-weight:750}.ph8519-layout-actions{display:flex;gap:6px;justify-content:flex-end}.ph8519-layout-actions button{display:grid;width:34px;height:34px;place-items:center;border:1px solid #cbdbea;border-radius:9px;color:#2468a8;background:#f7fbff;font-size:15px;font-weight:850;cursor:pointer}.ph8519-layout-actions button:hover:not(:disabled){border-color:#6ca8de;background:#eaf5ff}.ph8519-layout-actions button:disabled{opacity:.32;cursor:not-allowed}.ph8519-layout-note{margin:0;padding:11px 16px;border-top:1px solid #dbe7f2;color:#627a91;background:#f1f7fc;font-size:9px;line-height:1.5}.ph8519-layout-note strong{color:#28699f}.theme--dark .ph8519-layout-studio{border-color:#2c435a;background:#0f1d2c}.theme--dark .ph8519-layout-columns{color:#9db1c4;background:#172a3d}.theme--dark .ph8519-layout-card{border-color:#293f55;background:#122235}.theme--dark .ph8519-layout-card:hover{background:#162b40}.theme--dark .ph8519-drag-handle,.theme--dark .ph8519-layout-actions button{border-color:#36536e;color:#9bcdf5;background:#172c42}.theme--dark .ph8519-layout-identity>span:first-child{border-color:#365069;background:#172e45}.theme--dark .ph8519-layout-identity strong{color:#e1ebf5}.theme--dark .ph8519-layout-identity small{color:#91a7bb}.theme--dark .ph8519-placement .select{border-color:#38536d;color:#dce8f4;background:#0f1d2d}.theme--dark .ph8519-layout-note{border-color:#2c435a;color:#9db1c4;background:#132438}@media(max-width:760px){.ph8519-layout-head{align-items:flex-start;flex-direction:column}.ph8519-layout-columns{display:none}.ph8519-layout-card{grid-template-columns:56px minmax(0,1fr) 68px;gap:8px}.ph8519-placement{grid-column:2/4;grid-row:2}.ph8519-layout-actions{grid-column:3;grid-row:1}.ph8519-drag-handle{width:52px;padding:0 5px}.ph8519-layout-identity small{white-space:normal}.ph8519-layout-head output{white-space:normal}}