:root{color:#e5e7eb;font-synthesis:none;background:#10141c;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}#app{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#171e2b;border-right:1px solid #2b3547;height:100vh;padding:32px 24px;position:sticky;top:0}.brand{color:#fff;font-size:1.25rem;font-weight:700;text-decoration:none}.language-selector{gap:8px;margin-bottom:24px;display:flex}.language-selector button{color:#cbd5e1;font:inherit;cursor:pointer;background:0 0;border:1px solid #3a465e;border-radius:6px;align-items:center;gap:7px;padding:7px 10px;font-size:.8rem;display:inline-flex}.language-selector svg{border-radius:2px;width:24px;height:16px}.language-selector button:hover{background:#263246}.language-selector button[aria-pressed=true]{color:#fff;background:#245a8d;border-color:#7dd3fc}.language-selector button:focus-visible{outline-offset:4px;outline:2px solid #7dd3fc}.sidebar p{color:#aab7ca}nav{gap:12px;margin-top:40px;display:grid}nav a{color:#cbd5e1;border-radius:8px;padding:12px 16px;text-decoration:none}nav a:hover{background:#263246}nav a[aria-current=page]{color:#fff;background:#245a8d}a:focus-visible{outline-offset:4px;outline:2px solid #7dd3fc}#content{padding:clamp(24px,5vw,72px)}h1{margin-top:0}@media (width<=700px){#app{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #2b3547;border-right:none;height:auto;position:static}nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}}#availability-banner{color:#fb923c;background:#fb923c17;border:1px solid #fb923c;border-left-width:4px;border-radius:8px;margin-bottom:16px;padding:14px 18px;font-weight:700;line-height:1.6}#availability-banner[hidden]{display:none}.sidebar nav a.test-page-tab{color:#fdba74;border:1px solid #fb923c;box-shadow:0 0 12px #fb923c22}.sidebar nav a.test-page-tab[aria-current=page]{background:#fb923c20;border-color:#fdba74}.sidebar nav a[hidden]{display:none}.test-page-unavailable{border:1px solid #fb923c;border-radius:16px;max-width:780px;margin:40px auto;padding:28px;line-height:1.7}.test-page-unavailable .demo-badge{color:#fdba74;border:1px solid #fb923c80;border-radius:20px;padding:4px 10px;font-size:12px}.test-page-unavailable a{color:#fdba74;margin:12px;display:inline-block}