/* Original Byte IT depth system. Text remains independent of the scene. */
:root{--rim-x:50%;--rim-y:40%}
.atmosphere{background:radial-gradient(ellipse at var(--rim-x) var(--rim-y),#173f6833,transparent 64%)}
.entry{position:relative;background:linear-gradient(115deg,#13294055,#020b1555);border-top:1px solid #6585a055;transition:border-color .3s,background .3s}
.entry:hover,.entry:focus-within{border-color:#ab997b;background:linear-gradient(115deg,#1f385b66,#07101c66)}
.section-heading,.article-main h1{position:relative}
@media(prefers-reduced-motion:no-preference){.depth-arrive{animation:depth-arrive .7s ease-out both}@keyframes depth-arrive{from{opacity:.5;transform:translateY(18px)}to{opacity:1;transform:none}}}
.article-main{max-width:1100px}.article-body{max-width:920px;margin:auto}
.article-body .demo-stage{position:relative;width:min(1380px,calc(100vw - 64px));max-width:none;left:50%;transform:translateX(-50%);margin:48px 0;background:#020812;border:1px solid #4b6380;box-shadow:0 24px 90px #0009;overflow:hidden}
.demo-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 16px;background:#0b1828;color:#d8e6fa;font-size:.85rem;border-bottom:1px solid #34445f}
.demo-toolbar strong{margin-right:auto;letter-spacing:.08em;font-size:.72rem}.demo-toolbar a{padding:10px;min-height:44px}.demo-toolbar button{font-size:.8rem}.demo-help{padding:8px 16px;font-size:.78rem;color:#b4c4da;margin:0;background:#0b1828}
.article-body .demo-stage iframe{width:100%;height:clamp(540px,78vh,920px);margin:0;border:0;border-radius:0;display:block}
.demo-js{display:none}.demo-enhanced .demo-js{display:inline-block}
.demo-stage.is-theater,.demo-stage:fullscreen{position:fixed;inset:0;width:100vw;height:100dvh;left:0;transform:none;max-width:none;margin:0;z-index:200;display:flex;flex-direction:column;border:0}
.article-body .demo-stage.is-theater iframe,.article-body .demo-stage:fullscreen iframe{height:auto;min-height:0;flex:1}.demo-stage.is-theater .demo-toolbar,.demo-stage:fullscreen .demo-toolbar{flex-shrink:0}.demo-help{flex-shrink:0}
body.demo-lock{overflow:hidden}body.demo-lock>header{visibility:hidden}
@media(max-width:700px){.article-body .demo-stage{width:calc(100vw - 24px);margin:32px 0}.article-body .demo-stage iframe{height:76svh;min-height:480px}.demo-toolbar{gap:5px;padding:8px}.demo-toolbar strong{width:100%}.demo-toolbar button{padding:6px 9px}.demo-help{font-size:.72rem}.article-body .demo-stage.is-theater,.article-body .demo-stage:fullscreen{width:100vw;margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.entry{transition:none}}