/* MÔN AI · LỚP 9 · TIẾT 4 (31/10/2026): clip bài học, xưởng prompt, phiếu Đúng/Sai. Chỉ trang Tiết 4 nạp. */
.clip{margin:0}
.clip video{display:block;width:100%;height:auto;border-radius:18px;background:var(--ink);box-shadow:0 18px 40px -24px rgba(23,52,50,.55)}
.clip figcaption{margin-top:10px;font-size:.92rem;color:var(--ink-3)}
.clip.rong{max-width:860px;margin-inline:auto}
.rong-anh{max-width:720px;margin:clamp(30px,4vw,44px) auto 0}
.sau-viec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,48px)}
.vi-du h3{margin-top:14px}

.pm-luoi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin-top:22px}
.pm-luoi label{display:block;font-weight:600}
.pm-luoi input{display:block;width:100%;min-height:48px;margin-top:6px;padding:10px 14px;font:inherit;font-weight:400;font-size:16px;color:var(--ink);background:#fffdf8;border:1.5px solid var(--ink-3);border-radius:12px}
.pm-luoi input:focus{outline:2px solid var(--teal);outline-offset:1px;border-color:var(--teal)}
.pm-kq{margin-top:20px;padding:16px 18px;min-height:3.2em;border-radius:14px;background:var(--mint);font-size:1.05rem;overflow-wrap:anywhere}
.pm-tieu{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0}
.pm-tieu li{padding:6px 12px;border:1.5px solid var(--ink-3);border-radius:999px;font-size:.92rem;color:var(--ink-3);transition:background .25s,color .25s,border-color .25s}
.pm-tieu li.dat{background:var(--teal-d);border-color:var(--teal-d);color:#fff}

.ds-cau{list-style:decimal;margin:16px 0 28px;padding-left:1.4em}
.ds-cau>li{padding:16px 0;border-bottom:1px solid rgba(23,52,50,.14)}
.ds-nut{display:flex;gap:10px;margin-top:10px}
.ds-nut button{font:inherit;font-weight:600;min-width:88px;min-height:46px;padding:8px 16px;color:var(--ink);background:#fffdf8;border:1.5px solid var(--ink-3);border-radius:12px;cursor:pointer}
.ds-nut button:hover{border-color:var(--teal)}
.ds-nut button[aria-pressed="true"]{background:var(--mint);border-color:var(--teal-d)}
.ds-kq{margin-top:8px;min-height:1.5em;font-weight:600}
.ds-kq.khop{color:var(--teal-d)}
.ds-kq.lech{color:var(--coral-d)}

@media (max-width:640px){
  .sau-viec,.pm-luoi{grid-template-columns:minmax(0,1fr)}
}