/* A quieter reading hierarchy for the Lab's four architectural illustrations. */
:root{--lab-gap:clamp(32px,5vw,72px);--lab-rule:#d9e0e5;--lab-copy:#4d5e6b}
#why,#commands,#built{padding-block:88px}
#why .wrap,#commands .wrap,#built .wrap{max-width:1440px}
.lab-flow{margin:0;min-width:0;background:#fafbfc}
.lab-flow iframe{display:block;border:0;width:100%;height:460px}
.lab-copy,.lab-command-copy,.lab-evidence-copy{min-width:0}
#why>.wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:var(--lab-gap);align-items:center}
#why .lab-copy .sec-head{display:block;margin:0 0 32px}
#why .lab-copy .sec-head h2{font-size:clamp(30px,3vw,42px);line-height:1.3;letter-spacing:-.025em;margin:0}
#why .lab-copy .sec-head p{font-size:15px;line-height:1.85;margin:24px 0 0;color:var(--lab-copy)}
#why .thesis{display:block;margin:0;border:0}
.lab-pillar{border-top:1px solid var(--lab-rule);margin:0}
.lab-pillar summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;padding:20px 0;list-style:none}
.lab-pillar summary::-webkit-details-marker,.lab-example summary::-webkit-details-marker,.lab-evidence-details summary::-webkit-details-marker{display:none}
#why .lab-pillar h3{font-size:18px;font-weight:500;line-height:1.5;margin:0;letter-spacing:0}
#why .lab-pillar p{margin:0 0 24px;padding-right:24px;color:var(--lab-copy);font-size:14px;line-height:1.9}
.lab-pillar svg,.lab-example svg,.lab-evidence-details>summary svg{flex:none;color:#677e90;transition:transform .2s}
.lab-pillar[open]>summary svg,.lab-example[open]>summary svg,.lab-evidence-details[open]>summary svg{transform:rotate(180deg)}
.lab-pillar summary:hover,.lab-example summary:hover,.lab-evidence-details>summary:hover{color:var(--accent)}
.lab-pillar summary:focus-visible,.lab-example summary:focus-visible,.lab-evidence-details>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
#why .lab-flow iframe{height:650px}
#commands{background:#fff}
#commands>.wrap>.sec-head{max-width:760px;margin-bottom:48px}
#commands>.wrap>.sec-head h2{font-size:clamp(30px,3vw,42px);line-height:1.3}
#commands .cmds,.en-command-grid{display:flex!important;flex-direction:column;gap:56px!important}
#commands .cmd,.en-command-grid>article{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--lab-gap);align-items:center;background:transparent;border:0;border-top:1px solid var(--lab-rule);border-radius:0;padding:36px 0 0;min-width:0;overflow:visible}
#commands .cmd>.lab-command-copy,.en-command-grid>article>.lab-command-copy{grid-column:2;grid-row:1}
#commands .cmd>.lab-flow,.en-command-grid>article>.lab-flow{grid-column:1;grid-row:1;align-self:center}
#commands .cmd:nth-child(even)>.lab-command-copy,.en-command-grid>article:nth-child(even)>.lab-command-copy{grid-column:1}
#commands .cmd:nth-child(even)>.lab-flow,.en-command-grid>article:nth-child(even)>.lab-flow{grid-column:2}
#commands .cmd .hd{display:block;padding:0;background:transparent;border:0}
#commands .cmd .hd code{display:block;font-size:26px;font-weight:450;letter-spacing:-.025em;background:none;padding:0;color:var(--accent);margin:0 0 14px}
#commands .cmd .hd>span{display:block;font-size:14px;line-height:1.8;color:var(--lab-copy)}
#commands .cmd .desc{display:grid;grid-template-columns:1fr;gap:24px;padding:28px 0 24px;border:0;font-size:14px;line-height:1.8;color:var(--lab-copy)}
#commands .cmd .desc b{font-size:15px;font-weight:550;margin-bottom:8px}
#commands .cmd .desc ul{padding-left:18px;margin:0}
#commands .cmd .desc li{padding:1px 0}
#commands .cmd .stage.lab-flow{height:auto;overflow:hidden;background:#fafbfc}
#commands .cmd .lab-flow iframe{height:470px}
.lab-example{border-top:1px solid var(--lab-rule)}
.lab-example summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;padding:17px 0;font-size:13px;color:#52697b}
#commands .cmd .term{margin:0;padding:20px;font-size:12px;line-height:1.85;overflow-wrap:anywhere;white-space:pre-wrap;border:0}
#commands .agents{margin-top:40px;padding:20px 0;border:0;border-top:1px solid var(--lab-rule);background:transparent;gap:14px}
#built>.wrap{display:block}
.lab-evidence-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--lab-gap);align-items:center}
.lab-evidence-row>.lab-flow{grid-column:1;grid-row:1}
.lab-evidence-row>.lab-evidence-copy{grid-column:2;grid-row:1}
#built .lab-evidence-copy .sec-head{display:block;margin:0}
#built .lab-evidence-copy h2{font-size:clamp(30px,3vw,42px);line-height:1.4;margin:0;max-width:12em;text-wrap:balance}
#built .lab-evidence-copy p{font-size:15px;line-height:1.95;margin:24px 0 0;color:var(--lab-copy);max-width:38em}
#built .lab-flow iframe{height:450px}
.lab-evidence-details{border-top:1px solid var(--lab-rule);border-bottom:1px solid var(--lab-rule);margin-top:40px}
.lab-evidence-details>summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;list-style:none;font-size:15px;color:#334c60;cursor:pointer}
.lab-evidence-body{padding:8px 0 32px}
#built .lab-evidence-body .telemetry{margin-bottom:32px}
#built .built{gap:24px;margin:32px 0}
#built .built div{padding:20px 0}
#built .built small{font-size:12px}
#built .built span{font-size:13px;line-height:1.8}
#built .two-col{gap:24px;margin-bottom:24px}
@media(max-width:1000px) and (min-width:761px){:root{--lab-gap:32px}#why>.wrap{grid-template-columns:1fr 1.1fr}#why .lab-flow iframe{height:610px}#why .lab-copy .sec-head h2{font-size:32px}#commands .cmd .desc{font-size:13px;gap:20px}#commands .cmd .hd code{font-size:23px}}
@media(max-width:760px){#why,#commands,#built{padding-block:56px}#why>.wrap,.lab-evidence-row{display:flex;flex-direction:column;gap:28px;align-items:stretch}#why .lab-copy .sec-head{margin-bottom:24px}#why .lab-copy .sec-head h2,#commands>.wrap>.sec-head h2,#built .lab-evidence-copy h2{font-size:30px}#why .lab-copy .sec-head p,#built .lab-evidence-copy p{font-size:14px;margin-top:20px}#why .lab-flow iframe{height:540px}.lab-pillar summary{padding:17px 0}#why .lab-pillar h3{font-size:17px}#why .lab-pillar p{font-size:14px;padding-right:8px}#commands .cmd,.en-command-grid>article{display:flex;flex-direction:column;gap:24px;padding-top:28px;align-items:stretch}#commands .cmds,.en-command-grid{gap:40px!important}#commands .cmd .lab-flow iframe,#built .lab-flow iframe{height:410px}#commands .cmd .hd code{font-size:24px}#commands .cmd .desc{font-size:14px;gap:20px;padding-block:24px}#commands .cmd .lab-command-copy{order:0}#commands .cmd .lab-flow{order:1}#commands>.wrap>.sec-head{margin-bottom:32px}.lab-evidence-details{margin-top:28px}.lab-evidence-details>summary{font-size:14px;padding-block:20px}#built .built{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}#built .built span{font-size:12px}#built .lab-evidence-copy p.en-fine{font-size:12px}#commands .agents{align-items:flex-start}#commands .agents>.arrow{display:none}}
@media(prefers-reduced-motion:reduce){.lab-pillar svg,.lab-example svg,.lab-evidence-details>summary svg{transition:none}}
@media(max-width:760px){#why .lab-flow iframe{height:400px}}
