/* All layout and tool changes are scoped to the single pilot route. */
.pilot-active .sidebar,.pilot-active #science-personal-notebook,.pilot-active #notebook-button,.pilot-active #reset-progress,.pilot-active #teacher-button,.pilot-active .science-floating-tools,.pilot-active #science-language,.pilot-active label[for="science-language"]{display:none!important}
.pilot-active .app-shell{display:block;max-width:1320px;margin:auto}.pilot-active #main{max-width:none;padding:20px 26px}.pilot-active .breadcrumb{display:none}.pilot-active .topbar{position:static}.pilot{--ink:#203e35;--leaf:#28664f;--paper:#fffef9;color:var(--ink);font-size:16px;line-height:1.55}.pilot-heading{border-left:5px solid #cc9d4e;padding-left:18px}.pilot h1{font-size:clamp(30px,4vw,44px);margin:0;line-height:1.15}.pilot h2{font-size:24px;margin:18px 0 12px}.pilot h3{font-size:18px;margin:0 0 12px}.pilot p{margin:10px 0}.pilot-toplinks{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:14px}.pilot button,.pilot select,.pilot input,.pilot textarea{font:inherit}.pilot button{min-height:42px;border-radius:9px;padding:8px 12px;border:1px solid #789185;background:#fff;color:var(--ink);cursor:pointer}.pilot button:focus-visible,.pilot input:focus-visible,.pilot textarea:focus-visible,.pilot select:focus-visible,.pilot summary:focus-visible{outline:3px solid #b26d20;outline-offset:3px}.pilot button[aria-current],.pilot button[aria-pressed="true"],.pilot .primary{background:var(--leaf);color:white}.pilot button:disabled{opacity:.6;cursor:default}.pilot-trail{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.pilot-trail button{text-align:left}.pilot-trail .pilot-caption{display:block;color:inherit}.pilot-freedom,.pilot-caption,#pilot-save-status{font-size:13px;color:#496156}.pilot-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:20px;align-items:start}.pilot-reference,.pilot-explain{min-width:0;background:var(--paper);border:1px solid #d3ded0;border-radius:16px;padding:20px}.pilot-reference>section+section{border-top:1px solid #d3ded0;margin-top:18px;padding-top:18px}.pilot-section-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pilot-section-heading h3{margin-right:auto}.pilot-section-heading button{font-size:13px}.pilot-reading{font-size:17px;line-height:1.65}.pilot details{margin-top:12px}.pilot summary{cursor:pointer;font-weight:650}.pilot dt{font-weight:bold}.pilot dd{margin:0 0 10px}.pilot input:not([type=checkbox]),.pilot textarea,.pilot select{width:100%;padding:9px;border:1px solid #849e8b;border-radius:8px;background:white;color:#193b31}.pilot textarea{resize:vertical;min-height:116px}.pilot label{display:block;margin:8px 0;font-weight:600}.pilot-diagram{margin:12px 0;background:#f1f5e9;padding:12px;border-radius:12px}.pilot svg{width:100%;height:auto;display:block}.pilot figcaption{font-size:13px}.pilot-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pilot-controls select{width:auto;max-width:100%}.pilot-controls label,.pilot-toggle{font-size:14px}.pilot input[type=checkbox]{width:20px;height:20px;vertical-align:middle}.pilot table{width:100%;border-collapse:collapse;font-size:14px;margin-top:14px}.pilot caption{text-align:left;font-weight:600;font-size:13px;padding-bottom:7px}.pilot td,.pilot th{padding:7px;border:1px solid #ced8c7;text-align:left}.pilot th{font-weight:600}.pilot-chain{display:flex;align-items:center;gap:6px;margin:12px 0;flex-wrap:wrap;font-size:13px}.pilot-chain b{background:white;border:1px solid #648675;border-radius:7px;padding:7px}.pilot-disconnected{opacity:.65;text-decoration:line-through}.pilot-result,.pilot-choice-feedback{padding:10px 12px;background:#edf3e6;border-radius:8px}.pilot fieldset{border:0;padding:0;margin:0 0 14px}.pilot legend{font-weight:600;margin-bottom:10px}.pilot fieldset button{display:block;width:100%;text-align:left;margin:7px 0}.pilot-writing{margin-top:18px}.pilot-rubric{font-size:14px;border-block:1px solid #d8dfd4;padding:10px 0}.pilot-feedback{background:#eaf2ed;border-left:4px solid #32765a;padding:9px 12px;margin-top:14px;font-size:14px;overflow-wrap:anywhere}.pilot-revision{border-top:1px solid #d5ddd0;padding:10px 0;overflow-wrap:anywhere}.pilot-footer{display:flex;justify-content:space-between;gap:16px;margin-top:18px}.pilot-guide{font-size:13px}.pilot-challenge{margin-top:20px;border-top:1px solid #c8d4c3;padding-top:12px}@media(min-width:1000px){.pilot-reference{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;scrollbar-gutter:stable}}@media(max-width:760px){.pilot-workspace{grid-template-columns:1fr}.pilot-active #main{padding:16px 12px}.pilot-trail{gap:5px}.pilot-trail button{font-size:12px;padding:7px}.pilot-reference,.pilot-explain{padding:16px}.pilot-toplinks{gap:10px}.pilot-footer button{font-size:14px}.pilot svg text{font-size:16px}}

.pilot-active .workspace{padding:0}.pilot-active .workspace-top,.pilot-active .science-language,.pilot-active .site-footer #save-state{display:none!important}.pilot-active .topbar{height:64px;min-height:64px}.pilot-active .science-identity{padding-top:8px;padding-bottom:8px}.pilot-active #science-connection-status:empty{display:none}.pilot-heading p{margin:4px 0}.pilot-heading .eyebrow{font-size:11px}.pilot h1{font-size:34px}.pilot-active #main{padding-top:14px}.pilot-trail{margin-top:12px}.pilot h2{font-size:22px;margin-top:12px}.pilot label{font-size:15px}.pilot-active .site-footer{margin-top:12px;padding-top:12px}@media(min-width:1000px){.pilot-reference{position:static;max-height:none;overflow:visible}.pilot-explain{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;scrollbar-gutter:stable}}
@media(max-width:700px){.pilot-active .topbar{height:auto;min-height:64px;flex-wrap:nowrap;padding:10px 12px}.pilot-active .top-actions{width:auto;gap:12px;flex-wrap:wrap}.pilot-active .top-actions .text-button{font-size:12px}.pilot-active .brand{flex-shrink:0}.pilot figcaption{font-size:14px}}

/* Keep the four-column observation table readable within narrow screens. */
@media(max-width:760px){.pilot table{table-layout:fixed}.pilot th,.pilot td{white-space:normal;overflow-wrap:anywhere;padding:6px 4px}.pilot th:first-child{width:46%}}

/* Expanded, illustrated reading stays in the page while students investigate. */
.pilot-reading{background:var(--paper);border:1px solid #d3ded0;border-radius:16px;padding:22px;margin-bottom:20px;scroll-margin-top:12px}
.pilot-reading-block{padding:16px 0;border-bottom:1px solid #e0e7d9}.pilot-reading-block:last-of-type{border:0}.pilot-reading h4{font-size:19px;line-height:1.35;margin:0 0 10px}.pilot-reading p{max-width:76ch;margin:0 0 12px}.pilot-reading-block.illustrated{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:center}.pilot-reading .pilot-diagram{margin:0}.pilot-reading figcaption{line-height:1.5}.pilot-reading .pilot-chain{font-size:12px}.pilot-reading .pilot-chain b{padding:5px}.pilot-rubric{background:#f2f5ec;padding:12px;border-radius:8px;font-size:14px}.pilot-rubric ol{padding-left:22px}.pilot-rubric li+li{margin-top:5px}.pilot-writing{border-top:2px solid #d3ded0;padding-top:16px;margin-top:24px}.pilot-reflection{border-top:1px solid #d3ded0;padding-top:16px;margin-top:18px}.pilot-reflection h4{margin:0}.pilot-reflection-saved{white-space:pre-wrap;font-size:14px}.pilot-explain fieldset{border-bottom:1px solid #d3ded0;padding-bottom:14px;margin-top:18px}.pilot-explain{position:static;max-height:none;overflow:visible}.pilot-reference{position:static;max-height:none;overflow:visible}.pilot-earlier{border-top:1px solid #d3ded0;padding-top:12px}.pilot-earlier p{overflow-wrap:anywhere}.pilot-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(min-width:1000px){.pilot-reference{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;scrollbar-gutter:stable}.pilot-explain{position:static;max-height:none;overflow:visible}}
@media(max-width:760px){.pilot-reading{padding:16px}.pilot-reading-block.illustrated{grid-template-columns:1fr;gap:10px}.pilot-workspace{grid-template-columns:1fr}.pilot-reading-block{padding:12px 0}.pilot-reading{font-size:16px}.pilot-reading h4{font-size:18px}}