/* PentaAds v4.2.0 — resilience, accessibility, command surface and responsive hardening */
:root{--ct-safe-bottom:max(12px,env(safe-area-inset-bottom));--ct-focus:#8dd8ff;--ct-panel:rgba(5,8,18,.94);--ct-border:rgba(255,255,255,.12)}
html{scroll-padding-top:96px}
body{overflow-x:hidden}
:where(h1,h2,h3){text-wrap:balance}
:where(p,li){text-wrap:pretty}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--ct-focus);outline-offset:3px}
img,svg,video,canvas,iframe{max-width:100%}
pre,code,.terminal{max-width:100%;overflow:auto;overflow-wrap:anywhere}
.nav a[aria-current="page"]{color:#fff;position:relative}
.nav a[aria-current="page"]::after{content:"";position:absolute;left:18%;right:18%;bottom:-8px;height:2px;border-radius:999px;background:currentColor;opacity:.8}
.penta-scroll-progress{position:fixed;left:0;top:0;width:0;height:2px;z-index:9999;background:linear-gradient(90deg,#78f0d2,#8db7ff,#d9a4ff);pointer-events:none;transform-origin:left center}
.penta-build-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--ct-border);border-radius:999px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.penta-build-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:#78f0d2;box-shadow:0 0 0 4px rgba(120,240,210,.08)}
.penta-command-dock{position:fixed;right:18px;bottom:var(--ct-safe-bottom);z-index:1000;display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--ct-border);border-radius:18px;background:rgba(5,8,18,.86);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.38)}
.penta-command-dock a,.penta-command-dock button{min-height:42px;border:0;border-radius:12px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:rgba(255,255,255,.07);font:650 12px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-decoration:none;cursor:pointer}
.penta-command-dock a:hover,.penta-command-dock button:hover{background:rgba(255,255,255,.13)}
.penta-command-dock .primary{background:linear-gradient(135deg,rgba(120,240,210,.22),rgba(141,183,255,.22));border:1px solid rgba(141,183,255,.25)}
.penta-command-dock kbd{font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;padding:3px 5px;border-radius:6px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.72)}
.penta-command-palette[hidden]{display:none}
.penta-command-palette{position:fixed;inset:0;z-index:1200;display:grid;place-items:start center;padding:clamp(72px,10vh,118px) 18px 18px;background:rgba(0,0,0,.58);backdrop-filter:blur(14px)}
.penta-command-panel{width:min(760px,100%);max-height:min(72vh,700px);overflow:hidden;border:1px solid var(--ct-border);border-radius:24px;background:var(--ct-panel);box-shadow:0 40px 120px rgba(0,0,0,.6)}
.penta-command-head{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--ct-border)}
.penta-command-head input{width:100%;min-width:0;height:48px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.05);color:#fff;padding:0 16px;font:600 15px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.penta-command-head button{width:44px;height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.07);color:#fff;cursor:pointer}
.penta-command-list{max-height:calc(min(72vh,700px) - 78px);overflow:auto;padding:10px}
.penta-command-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 14px;border-radius:14px;color:#fff;text-decoration:none}
.penta-command-item:hover,.penta-command-item:focus-visible{background:rgba(255,255,255,.075)}
.penta-command-item b{font:650 14px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.penta-command-item span{display:block;margin-top:4px;color:rgba(255,255,255,.56);font-size:12px;overflow:hidden;text-overflow:ellipsis}
.penta-command-item em{font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:rgba(255,255,255,.5);font-style:normal;text-transform:uppercase;letter-spacing:.08em}
.penta-command-empty{padding:30px 18px;text-align:center;color:rgba(255,255,255,.58)}
body.penta-command-open{overflow:hidden}
.penta-offline-flag{position:fixed;left:50%;bottom:calc(var(--ct-safe-bottom) + 62px);z-index:1001;transform:translateX(-50%);padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#17111b;color:#fff;font:700 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 12px 40px rgba(0,0,0,.3)}
.penta-offline-flag[hidden]{display:none}
@media (max-width:980px){
  .statusbar__inner{gap:10px;flex-wrap:wrap}
  .statusbar__meta{font-size:10px}
  .header__inner{min-width:0}
  .header__actions{min-width:0}
  .grid,.split,.hero__grid,.footer__grid,.architecture{min-width:0}
  .terminal pre{white-space:pre-wrap;word-break:break-word}
}
@media (max-width:760px){
  .statusbar{min-height:auto}
  .statusbar__inner{padding-block:8px}
  .penta-build-chip{font-size:9px;padding:3px 6px}
  .nav{max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain}
  .nav a{min-height:46px;display:flex;align-items:center}
  .nav a[aria-current="page"]::after{display:none}
  .hero__actions,.page-hero__actions,.callout__actions{display:grid;grid-template-columns:1fr;align-items:stretch}
  .hero__actions .button,.page-hero__actions .button,.callout__actions .button{width:100%;justify-content:center}
  .filterbar{align-items:stretch}
  .filters{overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:5px}
  .filters .filter{scroll-snap-align:start;flex:0 0 auto}
  .search{width:100%}
  .lab-stage__details{grid-template-columns:1fr 1fr}
  .penta-command-dock{left:12px;right:12px;bottom:var(--ct-safe-bottom);justify-content:space-between;border-radius:16px}
  .penta-command-dock a,.penta-command-dock button{flex:1;padding-inline:10px}
  .penta-command-dock kbd{display:none}
  .footer{padding-bottom:86px}
}
@media (max-width:520px){
  .shell{width:min(100% - 24px,var(--shell,1200px))}
  .header__actions .desktop{display:none!important}
  .brand small{font-size:8px}
  .hero h1,.page-hero h1{overflow-wrap:anywhere}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid--4,.grid--3,.grid--2,.format-grid,.lab-stage__details{grid-template-columns:1fr!important}
  .card,.callout,.terminal,.format-lab,.lab-stage{min-width:0}
  .penta-command-dock a:nth-of-type(2){display:none}
  .penta-command-palette{padding:58px 10px 10px}
  .penta-command-panel{max-height:80vh;border-radius:18px}
  .penta-command-item{grid-template-columns:minmax(0,1fr)}
  .penta-command-item em{display:none}
}
@media (max-width:360px){
  .shell{width:min(100% - 18px,var(--shell,1200px))}
  .header__actions .button--primary{display:none}
  .penta-command-dock{left:8px;right:8px;padding:6px;gap:6px}
  .penta-command-dock a,.penta-command-dock button{min-height:40px;font-size:11px}
  .penta-command-dock a:nth-of-type(1){display:none}
  .metrics{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .ambient{display:none}
}
@media (forced-colors:active){
  .penta-command-dock,.penta-command-panel{border:1px solid CanvasText;background:Canvas}
  .penta-command-dock a,.penta-command-dock button,.penta-command-item{color:CanvasText}
}


/* PentaAds v4.3.0 — glitch suppression, mobile containment and speed */
body{min-width:0}
#main,.shell,.grid>*,.split>*,.v4-command-grid>*,.v4-live-head>*,.v4-route-grid>*,.v4-portal>*{min-width:0}
.v4-tilt{will-change:auto!important}
.v4-route-card,.v4-panel,.v4-api-strip,.v4-ad-slot,.v4-console{overflow-wrap:anywhere;word-break:normal}
table{max-width:100%;border-collapse:collapse}
.v4-route table,.docs-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
[id]{scroll-margin-top:110px}
.section:not(:first-child),.v4-route,.v4-scenario-shell{content-visibility:auto;contain-intrinsic-size:1px 760px}
@media(max-width:640px){
  .v4-live-head h2,.v4-route-hero h1{font-size:clamp(36px,11.5vw,46px)!important;line-height:.98!important;letter-spacing:-.05em!important}
  .v4-dual-stage{min-height:0!important;padding:16px!important}
  .v4-dual-canvas{min-height:0!important}
  .v4-stage-top{align-items:flex-start!important;flex-direction:column!important}
  .v4-stage-controls{width:100%;flex-wrap:wrap}
  .v4-stage-controls>*{flex:1 1 140px;min-width:0}
  .v4-ad-slot--wide,.v4-ad-slot--rect{min-height:220px!important;padding:20px!important}
  .v4-ad-depth-tag{position:static!important;display:block;margin-top:14px;transform:none!important}
  .v4-flow{grid-template-columns:1fr!important}
  .v4-scenario-panel{min-height:0!important;padding:20px!important}
  .v4-route-hero,.v4-route{padding-block:44px!important}
  .v4-field input,.v4-field textarea,.v4-field select{font-size:16px}
  .penta-command-dock{max-width:calc(100vw - 24px)}
}
@media(max-width:480px){
  .v4-telemetry{grid-template-columns:1fr!important}
  .v4-api-metrics{grid-template-columns:1fr!important}
  .v4-scenario-button{min-width:190px!important}
  .statusbar__meta{display:none}
  .penta-command-dock{left:8px!important;right:8px!important;gap:6px!important;padding:6px!important}
  .penta-command-dock a,.penta-command-dock button{padding-inline:8px!important;font-size:10px!important}
}
@media(hover:none),(pointer:coarse){
  .v4-tilt,.card.v4-depth{transform:none!important;will-change:auto!important}
  .v4-tilt:hover{box-shadow:inherit}
  .v4-scene::before,.v4-dual-stage::before,.v4-ad-slot::after,.v4-orbit,.v4-sparkline i,.hero .orbital__core,.hero .node{animation-duration:18s!important}
  .button:hover{transform:none}
}