:is(#illustration-teaching,#illustration-teaching-chat)[hidden]{display:none!important}
:is(#illustration-teaching,#illustration-teaching-chat){display:grid;gap:1rem;min-width:0}
:is(#illustration-teaching,#illustration-teaching-chat) .teaching-card{border:0;border-radius:1rem;background:#0f172a;padding:1.25rem;min-width:0}
:is(#illustration-teaching,#illustration-teaching-chat) h2{font-size:1.125rem;font-weight:600;margin:0 0 .75rem}
:is(#illustration-teaching,#illustration-teaching-chat) p{font-size:.875rem;line-height:1.65;margin:.65rem 0;overflow-wrap:anywhere}
:is(#illustration-teaching,#illustration-teaching-chat) .teaching-muted{color:#94a3b8;font-size:.8rem}
:is(#illustration-teaching,#illustration-teaching-chat) button:disabled{opacity:.5;cursor:not-allowed}
:is(#illustration-teaching,#illustration-teaching-chat) :focus-visible:not(.teaching-cta){outline:2px solid #38bdf8;outline-offset:3px}
:is(#illustration-teaching,#illustration-teaching-chat) .teaching-error{color:#fda4af}
:is(#illustration-teaching,#illustration-teaching-chat) .teaching-comparison{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin:1rem 0}
:is(#illustration-teaching,#illustration-teaching-chat) figure{margin:0;min-width:0}:is(#illustration-teaching,#illustration-teaching-chat) figcaption{font-size:.875rem;margin-bottom:.5rem}
:is(#illustration-teaching,#illustration-teaching-chat) .teaching-image-frame{aspect-ratio:3/4;max-height:560px;background:#020617;border-radius:.75rem;display:flex;align-items:center;justify-content:center;overflow:hidden}
:is(#illustration-teaching,#illustration-teaching-chat) img{width:100%;height:100%;object-fit:contain}
:is(#illustration-teaching,#illustration-teaching-chat) textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #475569;border-radius:.5rem;background:#020617;padding:.75rem;color:#e2e8f0;margin-top:.5rem;resize:vertical}
:is(#illustration-teaching,#illustration-teaching-chat) label{font-size:.875rem}:is(#illustration-teaching,#illustration-teaching-chat) .teaching-thread{max-height:18rem;overflow:auto}
@media(min-width:768px){:is(#illustration-teaching,#illustration-teaching-chat) .teaching-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}}

#illustration-teaching-chat .teaching-chat.is-collapsed{padding:0;border-color:transparent;background:transparent;border-radius:.5rem}
#illustration-teaching-chat .teaching-chat.is-collapsed .teaching-button{margin:0;background:transparent;box-shadow:none;border:1px solid #475569;color:#cbd5e1}
#illustration-teaching-chat .teaching-chat.is-collapsed .teaching-button:hover{background:#1e293b;color:#f1f5f9}
@media(min-width:640px){#illustration-teaching .teaching-card{padding:1.5rem}}