/* Classroom mode (served by learn.php at /class). Builds on learn.css; everything is cl-*. */
.cl-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 6px}
.cl-chips .lr-chip{text-decoration:none}
.cl-sec h2{margin:26px 0 12px;font-family:var(--display);font-size:1.7rem;letter-spacing:.03em}
.cl-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.cl-card{padding:14px 16px}.cl-card .lr-ct{padding:0}
.cl-sum{display:block;margin-top:8px;color:var(--lr-mid);font-size:.92rem;line-height:1.45}
.cl-ks{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--lr-mid);margin:0 0 10px}
.cl-box{border:1px solid var(--line2);border-radius:14px;background:var(--lr-card);padding:14px 16px;margin:14px 0;max-width:760px}
.cl-box h2{margin:0 0 6px;font-size:1.2rem}.cl-box p{margin:0 0 8px;color:var(--lr-mid)}
.cl-rep{font-family:var(--mono);font-size:.9rem;word-break:break-word}.cl-rep-h{font-size:.85rem!important}
.cl-live select{margin:4px 0 10px}
.cl-sheet{background:#f4f7ff;color:#111826;border-radius:12px;padding:18px 22px;margin:18px 0;max-width:760px}
.cl-sheet h2{margin:0 0 8px;color:#111826;font-size:1.3rem}
.cl-qs{padding-left:22px}.cl-qs li{margin:0 0 14px;line-height:1.5}.cl-qs a{color:#0b5fa5}
.cl-line{display:block;border-bottom:1px solid #8a97b0;height:1.7em}
.cl-teacher summary{cursor:pointer;font-weight:700}.cl-teacher ol{color:var(--lr-mid);line-height:1.55;padding-left:22px}.cl-teacher li{margin:0 0 8px}
@media(max-width:1000px){.cl-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.cl-cards{grid-template-columns:1fr}}
@media print{
 body{background:#fff!important}
 .ap>:not(main),.cl-noprint,.lr-needjs{display:none!important}
 .cl-sheet{background:#fff;border-radius:0;padding:0;margin:0;max-width:none}
 .cl-sheet,.cl-sheet *{color:#000!important}
 .lr-main{padding:0}
}
a.lr-btn{display:inline-block;text-decoration:none;color:inherit}a.lr-btn.pri{color:#1a1200}
.cl-box .lr-btn{margin:4px 8px 0 0}