/* AI Teachers | Agentic OS practice cockpit 2026 */
.os-pilot-page{max-width:1150px;margin:auto;padding-bottom:90px;color:#1a2940}
.os-pilot-bread{padding:24px 0 0;font-size:.81rem;font-weight:650;color:#52617c}.os-pilot-bread a{color:#3855ba}
.os-pilot-hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:37px;align-items:center;padding:55px 0}
.os-pilot-eyebrow{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#4b51b4}
.os-pilot-hero h1{font-size:clamp(2.4rem,5.5vw,4.5rem);line-height:1.07;letter-spacing:-.045em;margin:12px 0 20px}
.os-pilot-hero p{color:#536175;line-height:1.75;max-width:635px}
.os-pilot-hero figure{margin:0}.os-pilot-hero img{display:block;width:100%;height:auto;border-radius:24px;object-fit:cover;aspect-ratio:1.4}
.os-pilot-hero figcaption{font-size:.68rem;color:#687083;margin:7px 0}
.os-pilot-badges{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.os-pilot-badges span{font-size:.79rem;font-weight:700;border-radius:99px;padding:8px 12px;background:#eef2fb;border:1px solid #cbd6e9}
.os-pilot-setup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.os-pilot-panel{border:1px solid #dce3ee;border-radius:22px;padding:clamp(20px,3vw,31px);background:#fff;min-width:0}
.os-pilot-panel h2{font-size:clamp(1.4rem,2.4vw,2rem);margin:0 0 14px}
.os-pilot-panel h3{font-size:1.2rem;margin:0 0 11px}
.os-pilot-panel p{line-height:1.67;color:#506077;font-size:.92rem}
.os-pilot-panel:first-child{background:#f3f4ff;border-color:#cfd5fa}
.os-pilot-form{display:grid;gap:12px}
.os-pilot-form label{font-size:.89rem;font-weight:750}
.os-pilot-form textarea{min-height:205px;width:100%;padding:15px;border:1px solid #acbad2;border-radius:12px;font:inherit;font-size:.96rem;background:#fff;color:#1e304b;line-height:1.65;resize:vertical}
.os-pilot-controls{display:flex;gap:9px;flex-wrap:wrap}
.os-pilot-controls button,.os-pilot-review button{border:1px solid #a8b5ca;padding:11px 14px;border-radius:10px;background:#fff;color:#1f3156;font-size:.88rem;font-weight:750;min-height:44px}
.os-pilot-controls button:hover,.os-pilot-review button:not(:disabled):hover{background:#e9eeff}
.os-pilot-controls .os-pilot-primary{background:#2446d9;color:#fff;border-color:#2446d9}
.os-pilot-controls .os-pilot-primary:hover{background:#1935aa}
.os-pilot-controls button:disabled,.os-pilot-review button:disabled{opacity:.48;cursor:not-allowed}
.os-pilot-status{border-radius:12px;border:1px solid #d6dfef;background:#f7faff;padding:12px 15px;font-size:.84rem;font-weight:650;min-height:50px;line-height:1.5}
.os-pilot-stages{list-style:none;padding:0;margin:15px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pilot-stage{display:flex;gap:9px;align-items:flex-start;border:1px solid #e0e6ed;border-radius:12px;padding:13px;background:#f9fafc;min-width:0}
.pilot-stage-symbol{font-weight:800;display:grid;place-items:center;min-width:27px;height:27px;border-radius:50%;font-size:.85rem;background:#e2e6eb;color:#526178}
.pilot-stage.pass .pilot-stage-symbol{background:#d4ebd9;color:#26663a}
.pilot-stage.fail .pilot-stage-symbol{background:#fde2e1;color:#a02e2e}
.pilot-stage strong{display:block;font-size:.81rem;line-height:1.4}.pilot-stage p{margin:4px 0 0;font-size:.73rem;color:#677484}
.os-pilot-review{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}
.os-pilot-review .os-approve{background:#2b654c;color:#fff;border-color:#2b654c}
.os-pilot-review .os-reject{border-color:#be796d;color:#824234}
.os-pilot-results{margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.os-pilot-results .os-pilot-panel{background:#fff}
.os-pilot-results h4{font-size:.94rem;margin:18px 0 8px}
.pilot-evidence-list{list-style:none;padding:0;display:grid;gap:10px;margin:0}
.pilot-evidence-list li{border-radius:10px;border:1px solid #e0e6ea;background:#f7fafb;padding:13px 14px}
.pilot-source-id{font-size:.66rem;font-weight:850;letter-spacing:.1em;color:#485ec4}
.pilot-evidence-list p{margin:4px 0 0;font-size:.85rem;line-height:1.7;overflow-wrap:anywhere}
.pilot-evidence-note{font-size:.76rem!important;color:#768193!important}
.os-pilot-next{border:1px solid #ced9d2;background:#eaf4eb;border-radius:22px;padding:clamp(25px,4vw,40px);margin-top:18px}
.os-pilot-next h2{font-size:clamp(1.5rem,2.8vw,2.5rem);margin:10px 0 16px}.os-pilot-next p{color:#4a6554;max-width:800px}
.os-pilot-terminal{background:#182741;color:#e7effe;border-radius:14px;padding:20px;margin:20px 0;overflow-x:auto}
.os-pilot-terminal code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;font-size:.86rem;color:#e4eeff}
.os-pilot-next .os-pilot-actions{display:flex;flex-wrap:wrap;gap:13px;margin:15px 0}
.os-pilot-actions a{display:inline-block;background:#fff;border:1px solid #84a38d;border-radius:99px;padding:11px 16px;text-decoration:none;font-size:.89rem;font-weight:750}
.os-pilot-actions a:hover{background:#f6fff7}
.os-pilot-page button:focus-visible,.os-pilot-page a:focus-visible,.os-pilot-page textarea:focus-visible{outline:3px solid #2f50d8;outline-offset:3px}
.os-pilot-note{font-size:.83rem;color:#667083;line-height:1.7}
@media(max-width:800px){.os-pilot-hero,.os-pilot-setup,.os-pilot-results{grid-template-columns:1fr}.os-pilot-hero{padding:28px 0}.os-pilot-hero figure{order:-1}.os-pilot-hero img{max-height:280px;aspect-ratio:1.8}.os-pilot-stages{grid-template-columns:1fr 1fr}.os-pilot-review button{flex:1 1 45%}}
@media(max-width:480px){.os-pilot-panel{padding:18px}.os-pilot-stages{grid-template-columns:1fr}.os-pilot-controls button{flex:1 1 100%}.os-pilot-hero h1{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){.os-pilot-page *{scroll-behavior:auto!important}}

.os-pilot-form>.os-pilot-primary{display:block;width:100%;padding:13px 20px;border:1px solid #2446d9;border-radius:12px;background:#2446d9;color:#fff;font-weight:800;min-height:48px;font-size:.93rem;cursor:pointer}
.os-pilot-form>.os-pilot-primary:hover{background:#1935ad}

.os-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:28px 0}.os-setup-step{display:flex;flex-direction:column}.os-setup-step .os-pilot-terminal{margin-top:auto}.os-setup-step h2{margin:10px 0 16px}@media(max-width:800px){.os-setup-grid{grid-template-columns:1fr}}