/* v29 decodables for teachers */
.dt-page h1{margin:6px 0 10px}
.dt-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start;background:#f4eddd;color:#2b2a22;border:1px solid #b3a17c;border-radius:18px;padding:26px 28px;margin:10px 0 18px;box-shadow:0 4px 0 #49351e,0 9px 25px #0003}
.dt-hero .h-kick{color:#7a5410}
.dt-hero h1{color:#24372f}
.dt-hero p{line-height:1.6;color:#3b3a2e;margin:0}
.dt-how{margin:0;padding-left:22px;color:#3b3a2e;line-height:1.5}
.dt-how li{margin:0 0 10px}
.dt-note{color:#e8ddc0}
.dt-note a{color:#f2c14e}
.dt-section,.dt-card{background:#f4eddd;color:#2b2a22;border:1px solid #b3a17c;border-radius:18px;padding:22px 26px;margin:0 0 22px;box-shadow:0 4px 0 #49351e,0 9px 25px #0003}
.dt-section h2,.dt-card h2{color:#24372f;margin:4px 0 6px;font-size:24px}
.dt-section p,.dt-card p{color:#3b3a2e;line-height:1.55}
.dt-card .h-kick{color:#7a5410}
.dt-section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.dt-card-btns{display:flex;gap:8px;flex-wrap:wrap}
.dt-card.slim{padding:14px 22px}
.dt-card.slim h2{font-size:19px}
.dt-card.big{border:2px solid #7a5410}
.dt-table-wrap{overflow-x:auto;margin:12px 0 4px}
.dt-table{width:100%;border-collapse:collapse;font-size:15px}
.dt-table th{text-align:left;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#5a563f;background:#e5ddc9;padding:8px 10px}
.dt-table td{padding:10px;border-bottom:1px solid #d7ccb3;vertical-align:middle;color:#2b2a22}
.dt-table small{color:#5f5a48}
.dt-actions{white-space:nowrap;text-align:right}
.dt-actions .btn{margin-left:4px}
.dt-chip{display:inline-block;font:700 12px/1 system-ui,sans-serif;padding:5px 9px;border-radius:99px;background:#e5ddc9;color:#3b3a2e}
.dt-chip.done{background:#cfe6d6;color:#1d4a2d}
.dt-up{margin-left:6px}
.dt-empty{background:#fbf7ee;border:1px dashed #b3a17c;border-radius:12px;padding:14px 18px;margin-top:10px}
.dt-type{margin:12px 0 0;font-size:14px;color:#3b3a2e}
.dt-type select,.dt-form select{font:15px/1.3 system-ui,sans-serif;padding:7px 9px;border-radius:8px;border:1px solid #9aa58c;background:#fff;color:#243e33}
.dt-type small{color:#5f5a48;margin-left:6px}
.dt-level{font-family:Georgia,serif;color:#24372f;margin:22px 0 10px;font-size:20px}
.dt-level small{font:600 14px system-ui,sans-serif;color:#5f5a48;margin-left:6px}
.dt-steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.dt-step{display:grid;grid-template-columns:78px 1fr;gap:14px;background:#fbf7ee;border:1px solid #d7ccb3;border-radius:14px;padding:12px}
.dt-step img{width:78px;border-radius:6px;box-shadow:0 3px 8px #0003}
.dt-step h4{margin:2px 0 4px;font-family:Georgia,serif;font-size:18px;color:#24372f}
.dt-step p{margin:0 0 4px;font-size:14px;line-height:1.4}
.dt-num{font:800 11px/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7a5410}
.dt-eg{color:#5f5a48!important;font-style:italic}
.dt-step-btns{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.dt-home{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;margin:0 0 18px;padding:14px 20px;border-radius:14px;background:#f4eddd;border:2px solid #7a5410;color:#2b2a22;text-decoration:none}
.dt-home .h-kick{color:#7a5410}
.dt-home b{font-family:Georgia,serif;font-size:20px;color:#24372f}
.dt-home span:not(.h-kick){color:#3b3a2e}
.dt-home i{margin-left:auto;font-style:normal;font-size:22px;color:#7a5410}
.dt-home:focus-visible{outline:3px solid #c19b49;outline-offset:2px}
/* preview dialog (dark teacher dialog) */
.dt-preview{max-width:760px}
.dt-preview .dt-pat{font-weight:700}
.dt-story{background:#fbf6ea;color:#231c13;border-radius:12px;padding:16px 20px;max-height:46vh;overflow:auto;margin:12px 0 18px;font-family:Georgia,serif;font-size:17px;line-height:1.65}
.teacher-dialog .dt-story p{color:#231c13;margin:0 0 .8em}
.dt-pn{display:inline-block;min-width:2em;font:700 12px system-ui,sans-serif;color:#6b6250}
.teacher-dialog .dt-story .dt-more{font-style:italic;color:#5f5a48}
.dt-qs{line-height:1.5;padding-left:22px}
.dt-qs li{margin:0 0 12px}
.teacher-dialog .dt-qs small{color:#d6cba9}
.teacher-dialog .dt-qs summary{color:#e7cf95;cursor:pointer}
.dt-form label{display:block;font-weight:700;margin:12px 0 0}
.dt-form select{display:block;width:100%;margin-top:6px}
.teacher-dialog .dt-form,.teacher-dialog .dt-form label{color:#f0e3c5}
.teacher-dialog #dt-status{color:#ffb4a8}
.dt-form .dcd-check{margin-top:14px;font-weight:400}
@media(max-width:800px){.dt-hero{grid-template-columns:1fr}.dt-actions{white-space:normal;text-align:left}}
/* new class form: class type */
.new-library-class #ctype{width:100%;margin:4px 0 10px}