.ev-surface .classroom-example{background:var(--paper-2)}.ev-surface .classroom-example h2{max-width:40ch}.ev-surface .classroom-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-block:28px}.ev-surface .classroom-steps article{border-top:2px solid var(--teal);padding-top:18px;min-width:0}.ev-surface .classroom-step{font-family:var(--mono);font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;font-weight:600;margin-bottom:16px;color:var(--teal-deep)}.ev-surface .classroom-steps blockquote{font-family:var(--serif);font-size:1.4rem;line-height:1.45;margin:0;max-width:40ch}.ev-surface .classroom-steps article>p:not(.classroom-step){font-size:1rem;line-height:1.7;color:var(--ink-2);max-width:60ch}.ev-surface .classroom-example a{display:inline-flex;min-height:44px;align-items:center;line-height:1.5}.ev-surface .classroom-fine{font-size:var(--text-small);line-height:var(--lh-small);color:var(--ink-2);margin-top:16px;max-width:60ch}.ev-surface .classroom-features{margin-top:24px;border-block:1px solid var(--line)}.ev-surface .classroom-features>summary{cursor:pointer;min-height:52px;padding-block:16px;font-weight:600;line-height:1.5}.ev-surface .classroom-features .feat-grid{margin-block:20px}.ev-surface .classroom-features summary:focus-visible{outline:2px solid var(--teal);outline-offset:3px}@media (max-width:800px){.ev-surface .classroom-steps{grid-template-columns:minmax(0,1fr)}}