:root{
  --rt-bg:#090b10; --rt-bg2:#101720; --rt-panel:#131d28; --rt-border:#29394a; --rt-text:#edf3fb; --rt-muted:#96aabc; --rt-accent:#58d2c5;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%;background:linear-gradient(180deg,var(--rt-bg),#0d1015);font-family:Inter,system-ui,sans-serif;color:var(--rt-text)}
.runtime-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:linear-gradient(180deg,var(--rt-bg),#0d1015)}
.runtime-side{padding:18px;border-right:1px solid var(--rt-border);background:linear-gradient(180deg,#0d141d,#0a1017)}
.runtime-brand{padding:16px;border:1px solid var(--rt-border);border-radius:20px;background:linear-gradient(180deg,#132030,#0f1823)}
.runtime-brand small{display:block;color:var(--rt-accent);text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:800}
.runtime-brand h1{margin:6px 0 0;font-size:22px;color:var(--rt-text)}
.runtime-brand p{margin:8px 0 0;color:var(--rt-muted);font-size:12px;line-height:1.5}
.runtime-nav{display:grid;gap:8px;margin-top:14px}
.runtime-nav a{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--rt-border);border-radius:14px;background:#0f1720;color:var(--rt-text);text-decoration:none;font-size:13px;font-weight:700}
.runtime-nav a.active{outline:1px solid rgba(88,210,197,.7)}
.runtime-nav a span{color:var(--rt-muted);font-size:11px}
.runtime-main{padding:18px}
.runtime-top{padding:16px;border:1px solid var(--rt-border);border-radius:20px;background:linear-gradient(180deg,#132030,#0f1823)}
.runtime-top h2{margin:0;color:var(--rt-text)}
.runtime-top p{margin:8px 0 0;color:var(--rt-muted)}
.runtime-card{margin-top:14px;padding:18px;border:1px solid var(--rt-border);border-radius:18px;background:linear-gradient(180deg,#132030,#0f1823);color:var(--rt-text)}
.runtime-card p{color:var(--rt-muted);line-height:1.6}
.runtime-linklist{display:grid;gap:8px;margin-top:12px}
.runtime-link{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--rt-border);border-radius:14px;background:#0f1720;color:var(--rt-text);text-decoration:none;font-size:13px;font-weight:700}
.runtime-link span{color:var(--rt-muted);font-size:11px}
.runtime-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
pre{margin:0;background:#0b1118;color:#cbe4ff;border:1px solid var(--rt-border);border-radius:14px;padding:12px;overflow:auto;white-space:pre-wrap}
@media(max-width:980px){.runtime-shell{grid-template-columns:1fr}.runtime-meta{grid-template-columns:1fr}}