.docs-shell{max-width:1240px}.docs-nav{margin-bottom:46px}.docs-header{max-width:850px;margin-bottom:46px}.docs-header h1{font-size:clamp(32px,5vw,50px);line-height:1.2}.docs-header>p{font-size:18px;line-height:1.75;color:#b9c6df}.docs-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}.primary-link{display:inline-block;padding:12px 18px;border-radius:8px;background:#8be4c3;color:#10271f;font-weight:650}.primary-link.secondary{background:#263450;color:#eef2ff;border:1px solid #485572}.docs-links>a:last-child{font-size:14px;padding:10px}.docs-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;align-items:start}.docs-toc{position:sticky;top:24px;padding-top:6px}.docs-toc .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:18px}.docs-toc a{display:block;padding:11px 0;font-size:14px;border-bottom:1px solid #263450}.docs-layout article{min-width:0}.docs-layout section{max-width:none;margin-bottom:24px;padding:28px;scroll-margin-top:24px;line-height:1.8}.section-number{color:#8be4c3;font-size:11px;font-weight:700;letter-spacing:2px}.docs-layout h2{font-size:26px;line-height:1.3;margin:12px 0 20px}.docs-layout h3{margin:0 0 10px;font-size:18px}.docs-layout p,.docs-layout li{color:#c4cee4}.docs-layout ul{padding-left:22px}.docs-layout li{margin:8px 0}.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0;list-style:none;counter-reset:steps}.flow li{counter-increment:steps;background:#0c1323;border:1px solid #34405c;padding:16px;border-radius:10px;margin:0}.flow li::before{content:'0' counter(steps);display:block;font-size:24px;font-weight:700;color:#8be4c3;margin-bottom:10px}.flow b{display:block;color:#eef2ff}.flow span{display:block;font-size:14px;line-height:1.7;margin-top:8px}.docs-layout code{font:13px Consolas,monospace;color:#99ebd0;overflow-wrap:anywhere}.docs-layout p code,.docs-layout li code,.docs-layout td code{background:#0c1323;padding:2px 5px;border-radius:4px}.docs-layout pre{max-height:none;white-space:pre;overflow:auto;overflow-wrap:normal;font-size:13px;line-height:1.85;margin:0 0 24px;border:1px solid #34405c;border-radius:0 0 10px 10px;padding:20px}.code-header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#202c45;border:1px solid #34405c;border-bottom:0;padding:10px 16px;border-radius:10px 10px 0 0;font-size:12px;color:#c4cee4}.code-header button{margin:0;padding:7px 12px;font-size:12px}.callout{background:#102b2b;border-left:3px solid #8be4c3;border-radius:0 8px 8px 0;padding:16px 18px}.callout.warning{border-color:#f3d57b;background:#302b22}.table-wrap{overflow:auto;margin:18px 0}.docs-layout table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.7}.docs-layout caption{text-align:left;color:#8be4c3;font-size:12px;padding:0 0 12px}.docs-layout th,.docs-layout td{text-align:left;padding:13px 12px;border-bottom:1px solid #34405c;vertical-align:top}.docs-layout th{color:#eef2ff;background:#1b2740}.docs-layout td{color:#c4cee4}.docs-layout details{border-top:1px solid #34405c;padding-top:16px;margin-top:20px}.docs-layout summary{font-weight:600;line-height:1.6}.piece-cycle{display:flex;flex-wrap:wrap;gap:10px}.piece-cycle span{border:1px solid #485572;border-radius:8px;padding:8px 12px;font-size:14px}.piece-cycle b{color:#8be4c3}.runtime-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.runtime-grid>div{padding:20px;background:#0c1323;border-radius:10px}.docs-bottom{text-align:center;padding:12px 20px 24px}.docs-bottom p{color:#c4cee4}#copy-status{min-height:22px;color:#8be4c3;font-size:14px}@media(max-width:900px){.docs-layout{grid-template-columns:1fr}.docs-toc{position:static;display:flex;flex-wrap:wrap;gap:4px 18px}.docs-toc .eyebrow{width:100%;margin-bottom:4px}.docs-toc a{font-size:13px;padding:8px 0}.docs-header{margin-bottom:24px}}@media(max-width:600px){.flow,.runtime-grid{grid-template-columns:1fr}.flow li{padding:14px}.flow li::before{font-size:18px;float:left;margin-right:12px}.docs-layout section{padding:20px}.docs-layout h2{font-size:23px}.docs-nav{gap:16px}.docs-nav>a:last-child{font-size:13px}.docs-layout pre{padding:14px}.docs-links{align-items:stretch}.primary-link{font-size:14px}.docs-layout th,.docs-layout td{padding:10px 8px}}
