/* /teach — three-step teacher application (Open Academy, mockup 1B).
   Loads after stem-shell.css; only page-local layout lives here. */
.teach-lede{color:var(--mut);max-width:60ch;margin-bottom:1.6rem}
.steps{display:flex;gap:6px;margin:0 0 1.2rem}
.steps span{flex:1;height:4px;border-radius:2px;background:var(--line)}
.steps span.on{background:var(--accent,#ff8a3d)}
.step-m{font-size:.85rem;color:var(--dim);margin-bottom:1rem}
.fg{margin-bottom:.9rem}
.frow{display:grid;gap:.9rem}
@media(min-width:560px){.frow{grid-template-columns:1fr 1fr}}
.phone-row{display:flex;gap:.6rem}
.phone-row select{width:8.5rem;flex:0 0 auto}
.phone-row input{flex:1 1 auto;min-width:0}
.fhelp{font-size:.82rem;color:var(--dim);margin-top:.35rem}
.field-err{display:none;color:#ff7a5c;font-size:.82rem;margin-top:.35rem}
.field-err.show{display:block}
.checks{display:grid;gap:.5rem}
@media(min-width:560px){.checks{grid-template-columns:1fr 1fr}}
.check{display:flex;align-items:center;gap:.6rem;padding:.65rem .8rem;border:1px solid var(--line);border-radius:9px;color:var(--text);font-size:.95rem;text-transform:none;letter-spacing:0;cursor:pointer;margin:0}
.check input{width:auto;margin:0}
.check:has(input:checked){border-color:var(--accent,#ff8a3d)}
.row{display:flex;gap:.6rem;margin-top:1.2rem}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.2rem;border-radius:999px;border:1px solid var(--accent,#ff8a3d);background:var(--accent,#ff8a3d);color:#0b0b0f;font-family:var(--body);font-weight:700;font-size:.95rem;cursor:pointer}
.btn.sec{background:transparent;color:var(--text);border-color:var(--line)}
.btn[disabled]{opacity:.55;cursor:default}
.fnote{font-size:.88rem;color:var(--dim);margin-top:.8rem;min-height:1.2em}
.fnote.err{color:#ff7a5c}
.fnote.ok{color:#5be3a3}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#t-done{padding:.5rem 0}
#t-done h2{margin-bottom:.4rem}
.teach-list{padding-left:1.2rem}
.teach-list li{margin:.4rem 0}