/* The existing enterprise system owns navigation, typography, and atmosphere. */
.runtime-source-site { background:#000; }
.runtime-hero { padding-block:72px 54px; max-width:var(--max); }
.runtime-eyebrow { margin:0 0 24px; color:#9db9df; font:500 12px/1.5 var(--mono); letter-spacing:.07em; text-transform:uppercase; }
.runtime-hero h1 { font-size:clamp(42px,5.7vw,76px); line-height:1.05; font-weight:500; letter-spacing:-.05em; max-width:17ch; margin:0 0 24px; }
.runtime-hero h1 span { color:#a8c9f5; }
.runtime-hero .lede { max-width:65ch; font-size:19px; line-height:1.75; color:#b0bac8; }
.runtime-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:22px; margin-top:28px; }
.runtime-hero .hero-motion-toggle { margin-top:24px; }
.runtime-section-label { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px 28px; border-top:1px solid #293444; padding-top:22px; margin-bottom:30px; color:#8999ad; font-size:13px; }
.runtime-section-label span:first-child { color:#a3bedf; font:500 11px/1.5 var(--mono); letter-spacing:.06em; }
.runtime-map { padding-bottom:60px; }
.runtime-map-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid #2a3545; border-radius:var(--radius-panel); background:rgb(0 0 0 / 80%); overflow:hidden; }
.runtime-map-card { position:relative; padding:30px; min-width:0; }
.runtime-map-card + .runtime-map-card { border-left:1px solid #2a3545; }
.runtime-map-card small { display:block; color:#8499b6; font:11px/1.5 var(--mono); margin-bottom:22px; }
.runtime-map-card h2 { font-size:26px; font-weight:500; line-height:1.15; letter-spacing:-.03em; margin:0 0 16px; }
.runtime-map-card p { color:#a6b1c1; font-size:15px; line-height:1.75; margin:0 0 22px; }
.runtime-map-card .text-link { font-size:14px; }
.runtime-map-note { color:#8f9daf; font-size:13px; line-height:1.7; margin:20px 0 0; max-width:95ch; }
.runtime-browser { padding-bottom:60px; scroll-margin-top:100px; }
.runtime-browser h2 { margin:0 0 12px; font-size:clamp(32px,3.5vw,48px); line-height:1.1; font-weight:500; letter-spacing:-.04em; }
.runtime-browser-intro { color:#a4afbe; max-width:74ch; font-size:16px; line-height:1.75; margin-bottom:28px; }
.runtime-browser-layout { display:grid; grid-template-columns:minmax(250px,.85fr) minmax(0,2fr); gap:24px; align-items:start; }
.runtime-files { min-width:0; border:1px solid #293545; border-radius:var(--radius-panel); background:#030509; overflow:hidden; }
.runtime-files-head { padding:20px; border-bottom:1px solid #263141; }
.runtime-files-head label { display:block; font-size:13px; color:#bac6d7; margin-bottom:10px; }
.runtime-search { display:flex; gap:8px; }
.runtime-search input { min-width:0; width:100%; background:#000; color:#e6edf7; border:1px solid #354255; border-radius:3px; padding:11px 12px; font:14px/1.5 var(--sans); }
.runtime-search button,.runtime-line-form button { background:#101723; color:#d4e2f5; border:1px solid #354255; border-radius:3px; padding:9px 12px; font:500 13px/1.5 var(--sans); cursor:pointer; }
.runtime-file-count { color:#7f90a7; font-size:12px; margin:12px 0 0; }
.runtime-file-group { padding:18px 10px 10px; }
.runtime-file-group + .runtime-file-group { border-top:1px solid #1f2936; }
.runtime-folder { color:#8b9fba; font:11px/1.5 var(--mono); padding:0 10px 10px; margin:0; }
.runtime-file-list { list-style:none; padding:0; margin:0; }
.runtime-file-list a { display:block; padding:12px 10px; border:1px solid transparent; border-radius:3px; }
.runtime-file-list a:hover { background:#0a111d; }
.runtime-file-list a[aria-current="true"] { background:#0c1726; border-color:#34577f; }
.runtime-file-list strong { display:block; color:#d3dfef; font:500 12px/1.6 var(--mono); overflow-wrap:anywhere; }
.runtime-file-list small { display:block; color:#8394ac; font-size:12px; line-height:1.6; margin-top:4px; }
.runtime-empty { color:#aab9cc; font-size:13px; padding:20px; margin:0; }
.runtime-viewer { border:1px solid #2d3a4c; border-radius:var(--radius-panel); background:#030509; min-width:0; overflow:hidden; }
.runtime-viewer-head { padding:20px 22px; border-bottom:1px solid #2a3545; display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px 20px; align-items:center; }
.runtime-viewer-head h3 { margin:0; font:500 13px/1.6 var(--mono); color:#dce7f6; overflow-wrap:anywhere; scroll-margin-top:110px; }
.runtime-raw { color:#9fc4f4; font-size:13px; text-decoration:underline; text-underline-offset:3px; }
.runtime-status { color:#91a3bc; font-size:13px; line-height:1.7; margin:0; padding:16px 22px; border-bottom:1px solid #1e2a3a; }
.runtime-source-pre { margin:0; padding:18px 0; overflow:auto; max-height:690px; min-height:280px; background:#030509; tab-size:4; scrollbar-color:#334763 #030509; }
.runtime-source-pre:focus-visible { outline-offset:-3px; }
.runtime-code { display:block; font:12px/1.8 var(--mono); color:#c8d5e8; counter-reset:runtime-line; }
.runtime-code-line { display:block; width:max-content; min-width:100%; padding:0 20px 0 0; counter-increment:runtime-line; }
.runtime-code-line::before { content:counter(runtime-line); display:inline-block; width:54px; padding-right:18px; text-align:right; color:#5f728f; user-select:none; }
.runtime-code-line.is-selected { background:#11243d; color:#edf5ff; box-shadow:inset 2px 0 #8cbcf4; }
.runtime-code-placeholder { display:block; padding:22px; white-space:normal; color:#8294ae; max-width:65ch; font:14px/1.8 var(--sans); }
.runtime-viewer-tools { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; padding:14px 22px; border-top:1px solid #263245; }
.runtime-line-form { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.runtime-line-form label { color:#96a9c3; font-size:12px; }
.runtime-line-form input { background:#000; color:#e1edff; border:1px solid #354255; border-radius:3px; font:12px/1.5 var(--mono); padding:9px; width:90px; }
.runtime-preview-note { color:#7387a4; font-size:11px; margin:0; line-height:1.6; }
.runtime-boundaries { display:grid; grid-template-columns:1fr 1fr; gap:48px; padding-block:0 65px; }
.runtime-boundaries h2 { font-size:25px; font-weight:500; letter-spacing:-.025em; margin:0 0 16px; }
.runtime-boundaries p { color:#99a8bd; font-size:15px; line-height:1.8; margin:0 0 14px; }
.runtime-boundaries a { color:#aacdf8; text-decoration:underline; text-underline-offset:3px; }
.runtime-clone { display:block; padding:16px 18px; background:#030509; border:1px solid #293749; border-radius:3px; color:#c0d8fa; font:12px/1.8 var(--mono); overflow:auto; white-space:nowrap; margin:18px 0; }
.runtime-source-site [hidden] { display:none!important; }
@media(max-width:1000px) { .runtime-map-card{padding:25px}.runtime-browser-layout{grid-template-columns:minmax(230px,.9fr) minmax(0,1.7fr);gap:18px} }
@media(max-width:760px) { .runtime-hero{padding-block:48px 36px}.runtime-hero .lede{font-size:17px}.runtime-map-grid,.runtime-browser-layout,.runtime-boundaries{grid-template-columns:1fr}.runtime-map-card + .runtime-map-card{border-left:0;border-top:1px solid #2a3545}.runtime-map-card small{margin-bottom:14px}.runtime-map{padding-bottom:40px}.runtime-browser{padding-bottom:40px}.runtime-boundaries{gap:30px;padding-bottom:44px}.runtime-source-pre{max-height:520px;min-height:240px}.runtime-viewer-head,.runtime-status,.runtime-viewer-tools{padding-inline:16px}.runtime-code{font-size:11px}.runtime-code-line::before{width:43px;padding-right:12px} }
@media(prefers-reduced-motion:reduce) { .runtime-source-site{scroll-behavior:auto} }