.lab-page{background:#fff;color:#18202b;--lab-copy:#535f6d;--lab-border:#e1e6ec;--lab-soft:#f7f9fb}
.lab-container{max-width:1320px;margin:auto;padding:0 34px}
.lab-intro{padding:64px 0 42px;background:radial-gradient(ellipse at 94% 0,#fff0f2,transparent 52%),linear-gradient(180deg,#fff,#f8fafb);border-bottom:1px solid var(--lab-border);scroll-margin-top:4px}
.lab-intro h1{font-size:clamp(38px,4.7vw,64px);line-height:1.23;letter-spacing:-2px;margin:0 0 24px}.lab-intro h1 span{color:var(--red)}
.lab-intro-lead{font-size:19px;line-height:1.85;color:#364354;max-width:940px;margin:0 0 24px}.lab-intro-copy{font-size:14px;line-height:1.9;color:var(--lab-copy);max-width:960px;margin:18px 0 0}
.lab-status-overview{display:flex;gap:10px;flex-wrap:wrap}.lab-status{display:inline-block;font-size:11px;font-weight:700;line-height:1.7;padding:5px 10px;border:1px solid #dce2e8;color:#566473;background:#f5f7fa;border-radius:6px}.lab-status-ready{border-color:#c6dfd3;background:#edf7f1;color:#27684b}
.lab-overview{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;margin-top:34px}.lab-overview a{grid-column:span 3;position:relative;background:#fff;border:1px solid var(--lab-border);border-radius:12px;padding:20px;transition:border-color .2s,box-shadow .2s}.lab-overview a:nth-child(n+5){grid-column:span 4}.lab-overview a:hover{border-color:#d92f3670;box-shadow:0 7px 24px #15171a08}.lab-overview a>span{display:block;font-size:11px;color:#b2252d;font-weight:750;letter-spacing:.8px}.lab-overview strong{display:block;font-size:16px;line-height:1.55;margin:12px 0 8px}.lab-overview small{display:block;font-size:12px;line-height:1.8;color:var(--lab-copy)}.lab-overview a>b{position:absolute;right:16px;top:17px;font-size:16px;color:#9b3940;font-weight:500}
.lab-reading-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:44px;padding-top:40px;align-items:start}.lab-sidebar{position:sticky;top:108px;max-height:calc(100vh - 128px);overflow-y:auto;scrollbar-width:thin}.lab-page .lab-toc{display:block;justify-content:flex-start;align-items:stretch;background:#f7f8fa;border:1px solid var(--lab-border);border-radius:12px;padding:16px}.lab-toc>p{font-size:11px;color:#66707c;font-weight:750;margin:0 0 14px}.lab-page .lab-toc a{display:flex;flex-direction:column;gap:4px;align-items:start;white-space:normal;padding:11px;margin:4px 0;border-radius:7px;line-height:1.5;box-shadow:none}.lab-toc a>span{font-size:10px;color:#697482;letter-spacing:1px}.lab-toc a>strong{font-size:13px;color:#414b57;font-weight:650}.lab-page .lab-toc a:hover,.lab-page .lab-toc a[aria-current="location"]{background:#fff;box-shadow:0 2px 8px #17202a06}.lab-toc a[aria-current="location"]>span,.lab-toc a[aria-current="location"]>strong{color:#b2252d}.lab-top-link{display:block;font-size:12px;color:#66707c;padding:16px 20px}.lab-reading-content{min-width:0}
.lab-block{padding:56px 0;border-bottom:1px solid var(--lab-border);scroll-margin-top:4px}.lab-block:first-child{padding-top:0}.lab-block-head{margin-bottom:28px}.lab-block-head h2{font-size:clamp(29px,3vw,40px);line-height:1.3;letter-spacing:-1px;margin:0 0 18px}.lab-block-head p,.lab-copy{font-size:15px;line-height:1.9;color:var(--lab-copy);margin:0}.lab-page h3{font-size:20px;line-height:1.5;margin:12px 0}.lab-small-label{font-size:11px;font-weight:750;letter-spacing:.6px;color:#b2252d}
.lab-bullets{padding:0;list-style:none;margin:15px 0 0}.lab-bullets li{position:relative;padding-left:15px;color:var(--lab-copy);font-size:13px;line-height:1.9;margin:8px 0}.lab-bullets li:before{content:"";position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background:#a8b5c5}
.lab-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.lab-comparison article{border:1px solid var(--lab-border);border-radius:14px;padding:26px}.lab-key-message{text-align:center;font-size:22px;font-weight:750;color:#344153;background:var(--lab-soft);border-radius:12px;margin-top:24px;padding:22px}.lab-key-message>b{color:#b2252d;font-weight:500;margin:0 7px}.lab-key-message>span{display:block;font-size:13px;font-weight:500;color:var(--lab-copy);margin-top:10px}
.lab-figure{margin:24px 0 0;padding:26px;border:1px solid var(--lab-border);background:var(--lab-soft);border-radius:16px}.lab-figure figcaption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 24px;font-size:12px;line-height:1.8;color:var(--lab-copy)}.lab-figure figcaption strong{font-size:13px;color:#344153}.lab-figure figcaption>span{font-size:11px}
.lab-system-inputs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0}.lab-system-inputs li{position:relative;border:1px solid #dce3eb;background:#fff;border-radius:9px;padding:17px 10px;text-align:center;display:flex;flex-direction:column;gap:6px}.lab-system-inputs b{font-size:13px;color:#344153}.lab-system-inputs span{font-size:11px;color:var(--lab-copy);line-height:1.6}.lab-system-inputs li:not(:last-child):after{content:"→";position:absolute;right:-16px;top:28px;font-size:16px;color:#9b3940}
.lab-flow-arrow{display:flex;flex-direction:column;gap:4px;text-align:center;font-size:24px;color:#b2252d;line-height:1.3;padding:12px 0}.lab-flow-arrow small{font-size:11px;color:var(--lab-copy)}.lab-analysis-core{text-align:center;border:1px solid #edbdc1;border-radius:12px;padding:22px;background:#fff0f2}.lab-analysis-core>span{font-size:26px;font-weight:800;color:#b2252d}.lab-analysis-core h3{font-size:17px;margin:6px 0}.lab-analysis-core p{font-size:13px;color:#6d4850;line-height:1.8;margin:0}
.lab-structure-outputs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:16px 0 0}.lab-structure-outputs span{font-size:12px;color:#42536a;background:#fff;border:1px solid #dce3eb;border-radius:6px;padding:6px 12px}.lab-evaluation-row{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:12px}.lab-evaluation-row>div{border:1px solid #dce3eb;border-radius:9px;padding:17px;text-align:center;background:#fff}.lab-evaluation-row b,.lab-evaluation-row span{display:block}.lab-evaluation-row b{font-size:14px;color:#344153}.lab-evaluation-row span{font-size:12px;color:var(--lab-copy);margin-top:6px;line-height:1.8}.lab-evaluation-row i{font-size:22px;color:#b2252d;font-style:normal;text-align:center}.lab-feedback{display:flex;gap:14px;align-items:center;border:1px dashed #bcc8d6;border-radius:9px;padding:17px 20px;margin-top:22px;background:#fff}.lab-feedback>span{font-size:28px;color:#b2252d}.lab-feedback b{font-size:13px;color:#344153}.lab-feedback p{font-size:12px;line-height:1.85;color:var(--lab-copy);margin:5px 0 0}.lab-emphasis{padding:18px 20px;border-left:3px solid var(--red);background:#fff7f7;border-radius:0 8px 8px 0;color:#9d2028;font-size:16px;font-weight:700;line-height:1.8;margin:24px 0 0}
.lab-capability-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lab-capability-cards article{padding:24px;border:1px solid var(--lab-border);border-radius:12px}.lab-capability-cards article>span{font-size:11px;color:#b2252d;font-weight:750}.lab-capability-cards h3{font-size:18px}
.lab-example{background:#fff9f9;border-color:#ead9dd}.lab-example-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:0}.lab-example-sequence li{background:#fff;border:1px solid #ead9dd;border-radius:10px;padding:22px 18px;position:relative}.lab-example-sequence li:not(:last-child):after{content:"→";position:absolute;right:-19px;top:50%;font-size:18px;color:#b2252d}.lab-example-sequence h3{font-size:17px}.lab-example-sequence h3 b{color:#b2252d;font-size:25px}.lab-example-sequence p{font-size:13px;color:var(--lab-copy);line-height:1.9;margin:0}.lab-example-feedback{font-size:12px;line-height:1.8;color:#8c343d;margin-top:20px;text-align:center}.lab-cycle{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;list-style:none;padding:22px 10px;margin:24px 0 0;border:1px solid var(--lab-border);border-radius:10px}.lab-cycle li{display:flex;flex-direction:column;gap:5px;text-align:center;position:relative}.lab-cycle b{font-size:11px;color:#344153}.lab-cycle span{font-size:11px;color:var(--lab-copy)}.lab-cycle li:not(:last-child):after{content:"→";position:absolute;right:-11px;top:8px;color:#b2252d;font-size:13px}
.lab-layer-stack article{display:grid;grid-template-columns:38px 1fr auto;gap:18px;align-items:start;padding:22px;border:1px solid #dce3eb;border-radius:10px;background:#fff}.lab-layer-number{width:34px;height:34px;border-radius:8px;background:#edf1f7;color:#536578;display:grid;place-items:center;font-size:11px;font-weight:750}.lab-layer-stack small{font-size:11px;color:#667385}.lab-layer-stack h3{font-size:18px;margin:7px 0 10px}.lab-layer-stack p{font-size:13px;color:var(--lab-copy);line-height:1.9;margin:0}.lab-layer-tag{font-size:10px;color:#667385;border:1px solid #dce3eb;padding:4px 7px;border-radius:5px;white-space:nowrap}.lab-layer-stack .lab-layer-analysis{border-color:#edbdc1;background:#fff6f7}.lab-layer-analysis .lab-layer-number{background:#f8dfe2;color:#a0252e}.lab-layer-link{display:flex;justify-content:space-evenly;gap:16px;font-size:11px;color:#9d2028;text-align:center;padding:14px 0}.lab-layer-link span{color:#617184}
.lab-milestone{border:1px solid #cddfd5;background:#f4faf6;border-radius:14px;padding:28px}.lab-milestone>h3{font-size:20px;color:#2e5843;max-width:800px;margin:20px 0 24px}.lab-connection-chain{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;padding:0;margin:0}.lab-connection-chain li{position:relative;border:1px solid #d2e4d9;border-radius:8px;background:white;padding:16px 10px;text-align:center}.lab-connection-chain b,.lab-connection-chain span{display:block}.lab-connection-chain b{font-size:12px;color:#315c45}.lab-connection-chain span{font-size:11px;line-height:1.8;color:#526d5d;margin-top:6px}.lab-connection-chain li:not(:last-child):after{content:"→";position:absolute;right:-16px;top:28px;font-size:16px;color:#39805b}
.lab-status-boundaries,.lab-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.lab-status-boundaries article,.lab-materials article{border:1px solid var(--lab-border);border-radius:12px;padding:24px}.lab-status-boundaries h3,.lab-materials h3{font-size:18px}.lab-status-boundaries p,.lab-materials p{font-size:13px;line-height:1.9;color:var(--lab-copy);margin:0}.lab-materials{margin-top:0}.lab-materials article>span{font-size:11px;color:#b2252d;font-weight:750}.lab-config-strip{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:18px;background:var(--lab-soft);border-radius:10px;margin:24px 0 18px}.lab-config-strip strong{font-size:12px;color:#344153;margin-right:3px}.lab-config-strip span{font-size:12px;color:#526275;border:1px solid #dce3eb;background:#fff;border-radius:6px;padding:5px 10px}
.lab-applications{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}.lab-applications article{border:1px solid var(--lab-border);border-radius:12px;padding:26px}.lab-applications h3{font-size:19px}.lab-applications p{font-size:13px;line-height:1.9;color:var(--lab-copy);margin:0}.lab-applications article>div{font-size:11px;line-height:1.9;color:#76515a;border-top:1px solid var(--lab-border);padding-top:16px;margin-top:18px}
.lab-integration-stack>div{border:1px solid #dce3eb;border-radius:9px;background:white;padding:20px;text-align:center}.lab-integration-stack>div>span{display:block;font-size:11px;color:#667385}.lab-integration-stack b{display:block;font-size:18px;color:#344153;margin:8px 0}.lab-integration-stack small{display:block;font-size:12px;color:var(--lab-copy);line-height:1.9}.lab-integration-stack .lab-integration-center{background:#fff0f2;border-color:#edbdc1}.lab-integration-center b{font-size:26px;color:#b2252d}.lab-integration-stack>i{display:block;text-align:center;font-size:11px;font-style:normal;color:#9d2028;padding:12px 0}.lab-api-exchange{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px}.lab-api-exchange article{border:1px solid var(--lab-border);border-radius:10px;padding:24px}.lab-api-exchange h3{font-size:18px;margin-top:0}.lab-api-exchange p{font-size:13px;color:var(--lab-copy);line-height:1.9;margin:0}.lab-foundations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.lab-foundations>span{font-size:11px;line-height:1.9;color:var(--lab-copy);padding:16px 10px;border-top:2px solid #dce3eb}.lab-foundations b{font-size:14px;color:#344153;display:block;margin-bottom:7px}.lab-direction{padding:24px;background:var(--lab-soft);border-radius:10px;margin-top:22px}.lab-direction>span{font-size:11px;color:#b2252d;font-weight:750}.lab-direction p{font-size:15px;color:#344153;line-height:1.8;margin:12px 0}.lab-direction small{font-size:12px;color:var(--lab-copy);line-height:1.8}
.lab-closing{background:linear-gradient(140deg,#fff0f2,#f8fafc);border:1px solid #eddde1;border-radius:16px;padding:44px 30px;margin:54px 0 72px;text-align:center}.lab-closing h2{font-size:clamp(28px,3vw,38px);line-height:1.35;letter-spacing:-1px;margin:0 0 20px}.lab-closing h2>span{color:#b2252d}.lab-closing p{font-size:14px;line-height:1.9;color:var(--lab-copy);margin:0 0 26px}.lab-closing>div:last-child{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
@media(max-width:1100px){.lab-reading-layout{grid-template-columns:180px minmax(0,1fr);gap:26px}.lab-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-overview a,.lab-overview a:nth-child(n+5){grid-column:auto}.lab-overview a:last-child{grid-column:1 / -1}.lab-capability-cards,.lab-status-boundaries,.lab-materials{grid-template-columns:1fr}.lab-system-inputs,.lab-connection-chain{grid-template-columns:1fr;gap:22px}.lab-system-inputs li:not(:last-child):after,.lab-connection-chain li:not(:last-child):after{content:"↓";left:0;right:0;top:auto;bottom:-24px}.lab-example-sequence{grid-template-columns:1fr}.lab-example-sequence li:not(:last-child):after{content:"↓";left:0;right:0;top:auto;bottom:-25px;text-align:center}.lab-cycle{grid-template-columns:1fr;gap:24px;padding:24px}.lab-cycle li:not(:last-child):after{content:"↓";left:0;right:0;top:auto;bottom:-23px}.lab-layer-stack article{grid-template-columns:34px 1fr;gap:14px}.lab-layer-tag{grid-column:2;justify-self:start}.lab-foundations{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.lab-reading-layout{display:block;padding-top:24px}.lab-sidebar{position:static;max-height:none;overflow:visible;margin-bottom:30px}.lab-page .lab-toc{display:flex;flex-wrap:wrap;gap:8px;padding:12px}.lab-toc>p{flex-basis:100%;margin:0 0 3px}.lab-page .lab-toc a{flex-direction:row;align-items:center;gap:8px;padding:9px 10px;margin:0}.lab-top-link{display:none}}
@media(max-width:600px){.lab-container{padding:0 20px}.lab-intro{padding:40px 0 30px}.lab-intro h1{font-size:clamp(30px,8vw,40px);letter-spacing:-1px}.lab-intro-lead{font-size:16px}.lab-intro-copy{font-size:13px}.lab-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:26px}.lab-overview a{padding:18px 16px}.lab-overview strong{font-size:15px}.lab-page .lab-toc a>strong{font-size:12px}.lab-block{padding:42px 0}.lab-block-head h2{font-size:28px;letter-spacing:-.5px}.lab-block-head p,.lab-copy{font-size:14px}.lab-comparison,.lab-applications,.lab-api-exchange{grid-template-columns:1fr;gap:16px}.lab-comparison article,.lab-applications article{padding:22px}.lab-key-message{font-size:17px;padding:20px 12px}.lab-key-message>b{margin:0 3px}.lab-figure{padding:20px 16px;border-radius:12px}.lab-evaluation-row{grid-template-columns:1fr;gap:8px}.lab-evaluation-row i{transform:rotate(90deg)}.lab-structure-outputs{gap:8px}.lab-structure-outputs span{font-size:11px;padding:5px 8px}.lab-feedback{padding:15px 16px}.lab-emphasis{font-size:14px;padding:16px}.lab-example-sequence li{padding:20px}.lab-layer-stack article{padding:18px 16px;gap:12px}.lab-layer-stack h3{font-size:17px}.lab-layer-link{flex-direction:column;gap:5px}.lab-milestone{padding:22px}.lab-milestone>h3{font-size:18px}.lab-integration-stack b{font-size:16px}.lab-direction p{font-size:13px;overflow-wrap:anywhere}.lab-closing{padding:34px 20px;margin:42px 0 48px}.lab-closing h2{font-size:27px;letter-spacing:-.5px}}
@media(prefers-reduced-motion:reduce){.lab-overview a{transition:none}}
