/* ALGIZ Learning · premium interaction layer · scoped, progressive enhancement */
:root{--p10-electric:#1878f7;--p10-cyan:#00c8ed;--p10-focus:#67e4ff;--p10-ease:cubic-bezier(.2,.75,.18,1)}
/* Scroll signal is slim and non-interactive: no added navigation chrome to compete with the website. */
.p10-scroll-track{position:fixed;inset:0 0 auto;z-index:9998;height:3px;pointer-events:none;overflow:hidden;background:transparent;contain:layout paint}
.p10-scroll-fill{height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#1374ff,#00d9fa);box-shadow:0 0 16px rgba(0,200,255,.28);will-change:transform}
.p10-top{position:fixed;bottom:clamp(17px,3vw,30px);right:clamp(16px,3vw,30px);z-index:900;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid rgba(95,197,255,.55);border-radius:17px;background:#082447;color:#f7fbff;box-shadow:0 12px 34px rgba(0,12,38,.24),inset 0 1px 0 rgba(255,255,255,.11);font:600 22px/1 system-ui,sans-serif;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s var(--p10-ease),transform .3s var(--p10-ease),visibility .3s}
.p10-top.p10-top--visible{visibility:visible;opacity:1;transform:translateY(0)}
.p10-top:hover{background:#0d4080;border-color:#61ddff;box-shadow:0 14px 42px rgba(10,89,174,.30)}
.p10-top:focus-visible{outline:3px solid #78e5ff;outline-offset:4px}
/* Make all keyboard focus states discoverable, but only for keyboard-driven navigation. */
body.p10-enhanced :where(a,button,input,select,textarea,[tabindex]:not([tabindex='-1'])):focus-visible{outline:3px solid var(--p10-focus)!important;outline-offset:3px!important;box-shadow:0 0 0 6px rgba(13,124,226,.22)!important}
body.p10-enhanced :where(button,[role='button'],a){-webkit-tap-highlight-color:transparent}
/* Depth and restrained spotlight: no permanent glowing borders or looping effects. */
@media(hover:hover) and (pointer:fine){
 body.p10-enhanced :is(.r47-card,.r44-family-card,.r36-path-card,.r35-flow-grid>*,.r44-method-grid>*,.r35-signal-grid>*,.ag79-route-panel,.p46-pane,.r35-exam-shell,.algiz-theater__shell){transition:transform .35s var(--p10-ease),box-shadow .35s var(--p10-ease),border-color .35s var(--p10-ease)}
 body.p10-enhanced :is(.r47-card,.r44-family-card,.r36-path-card,.r35-signal-grid>*):hover{transform:translateY(-4px);box-shadow:0 23px 52px rgba(7,40,85,.15)}
 body.p10-enhanced :is(.r51-hero__actions a,.r44-actions a,.r35-hero-actions a,.r44-endcap__actions a,.r47-card a){transition:transform .24s var(--p10-ease),filter .24s var(--p10-ease),box-shadow .24s var(--p10-ease)}
 body.p10-enhanced :is(.r51-hero__actions a,.r44-actions a,.r35-hero-actions a,.r44-endcap__actions a):hover{transform:translateY(-2px);filter:brightness(1.075)}
 body.p10-enhanced .p10-spotlight{position:relative;isolation:isolate;--p10-pos-x:50%;--p10-pos-y:50%}
 body.p10-enhanced .p10-spotlight::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(260px circle at var(--p10-pos-x) var(--p10-pos-y),rgba(58,190,255,.085),transparent 72%);transition:opacity .35s}
 body.p10-enhanced .p10-spotlight:hover::after{opacity:1}
}
/* Progressive enhancement: text and controls never become invisible when JavaScript fails. */
@media(prefers-reduced-motion:no-preference){
 body.p10-motion .p10-reveal{transition:transform .64s var(--p10-ease),opacity .64s var(--p10-ease);transform:translate3d(0,12px,0);opacity:.90}
 body.p10-motion .p10-reveal.p10-visible{transform:none;opacity:1}
 body.p10-motion .p10-scroll-fill{transition:transform .11s linear}
}
@media(max-width:767px){.p10-top{width:44px;height:44px;border-radius:15px;bottom:18px;right:14px}}
@media(prefers-reduced-motion:reduce){body.p10-enhanced *,body.p10-enhanced *::before,body.p10-enhanced *::after{scroll-behavior:auto!important}body.p10-enhanced .p10-reveal{transform:none!important;opacity:1!important;transition:none!important}body.p10-enhanced .p10-spotlight::after{display:none!important}.p10-scroll-fill{transition:none!important}.p10-top{transition:none!important}}
@media(forced-colors:active){.p10-scroll-fill{background:Highlight}.p10-top{background:ButtonFace;color:ButtonText;border:2px solid ButtonText}.p10-top:focus-visible{outline:3px solid Highlight}}
/* Product filters: correct a legacy zero-width grid track that prevented desktop clicks. */
body.p10-enhanced .product-catalog-console{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(0,2.6fr)!important;gap:12px 16px!important;align-items:center}
body.p10-enhanced .product-catalog-console>.search-box{grid-column:1;grid-row:1;min-width:0;width:100%}
body.p10-enhanced .product-catalog-console>.filter-bar{grid-column:2;grid-row:1;min-width:0;width:100%;display:flex;flex-wrap:wrap;gap:8px;overflow:visible;position:relative;z-index:1}
body.p10-enhanced .product-catalog-console>.catalog-result-count{grid-column:1/-1;grid-row:2}
body.p10-enhanced .product-catalog-console>.r34-explorer-facets{grid-column:1/-1;grid-row:3;width:100%;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr))}
body.p10-enhanced .product-catalog-console>.r07-explorer-options{grid-column:1/-1;grid-row:4;width:100%;min-width:0}
@media(max-width:900px){body.p10-enhanced .product-catalog-console{grid-template-columns:minmax(0,1fr)!important}body.p10-enhanced .product-catalog-console>.search-box,body.p10-enhanced .product-catalog-console>.filter-bar,body.p10-enhanced .product-catalog-console>.catalog-result-count,body.p10-enhanced .product-catalog-console>.r34-explorer-facets,body.p10-enhanced .product-catalog-console>.r07-explorer-options{grid-column:1/-1;grid-row:auto}body.p10-enhanced .product-catalog-console>.r34-explorer-facets{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){body.p10-enhanced .product-catalog-console>.r34-explorer-facets{grid-template-columns:minmax(0,1fr)}}