/* Teacher desk mirrors the student's warm paper, readable text and section colors. */
:root { --teacher-typeface:"Times New Roman",Times,"Microsoft JhengHei","PingFang TC","Noto Sans TC",sans-serif; }
html { scroll-behavior:smooth; }
[hidden] { display:none!important; }
body { --paper:#f6f3ec; --card:#fffefa; --line:#dddacf; --teal:#286b62; --teal-dark:#20594f; font-family:var(--teacher-typeface); font-size:18px; line-height:1.75; }
body :where(a,button,input,textarea,select,label,code,h1,h2,h3,h4,h5,h6,p,span,small,strong,b,em,i,blockquote,figcaption,li,td,th,option,summary,legend,dt,dd) { font-family:var(--teacher-typeface)!important; }
.admin-jumps { position:sticky; top:10px; z-index:5; display:flex; flex-wrap:wrap; gap:8px; margin-bottom:30px; padding:10px; border:1px solid var(--line); border-radius:12px; background:rgba(255,254,250,.96); box-shadow:0 3px 14px #263f3810; }
.admin-jumps a { padding:8px 16px; border:1px solid #cedacf; border-radius:7px; color:#286b62; background:#eef6f1; font-size:18px; font-weight:700; text-decoration:none; }
.admin-jumps a:nth-child(3) { color:#87473b; background:#fff1e9; border-color:#e5cabd; }.admin-jumps a:nth-child(5) { color:#80601f; background:#fff7df; border-color:#e4d6ab; }
.admin-jumps a:hover { border-color:currentColor; }.manager-card,.account-card,.operation-card,.dashboard { scroll-margin-top:110px; }
.unit-edit-link,.unit-preview-link { display:block; width:100%; padding:8px 10px; border:1px solid #aac6b7; border-radius:7px; background:#edf7f1; color:#286b62; font-size:17px; font-weight:700; text-decoration:none; }
.unit-preview-link { background:#fff8e8; border-color:#dac99f; color:#80601f; }
.unit-ai-link,.book-job-actions .unit-ai-link { background:#fff1c8; border-color:#b78b34; color:#684910; }
.manager-card { border-top:5px solid #286b62; }.account-card { border-top:5px solid #ab5146; background:#fffaf6; }.operation-card { border-top:5px solid #b58a32; background:#fffdf4; }#processingCard { border-top-color:#59849a; background:#f5fafb; }
.unit-row { grid-template-columns:118px minmax(0,1fr) 190px; }.unit-meta { width:100%; }.unit-visual-summary { font-size:15px; }.unit-main label,.unit-order label,.visible-toggle { font-size:17px; }
.brand strong,.page-heading h1,.section-heading h2,.editor-heading h2,.units-heading h3,.dashboard h2,.student-account>header strong { font-family:var(--teacher-typeface); letter-spacing:0; }
.page-heading h1 { line-height:1.25; }.section-heading h2 { font-size:32px; }.page-heading>div>p:not(.eyebrow),.dashboard-lead>p:not(.eyebrow),.note { font-size:19px; }.eyebrow { font-family:"Times New Roman",serif; font-size:13px; }
label,input,textarea,select { font-size:18px; }label small,.message,.publish-checklist,.permission-choice,.delivery-status { font-size:16px; }button,.quiet-link,.student-link { font-size:18px; }input,select { min-height:46px; }.metric-grid dt,.metric-grid small { font-size:16px; }.metric-grid dd { font-family:"Times New Roman",serif; font-size:38px; }.metric-grid>div { min-height:116px; }.mode-card { font-size:17px; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid #245f82; outline-offset:3px; }
.knowledge-navigation,.question-navigation { grid-template-columns:1fr 1fr!important; }
.knowledge-navigation>span,.question-navigation>span { grid-column:1/-1; grid-row:2; font-size:16px!important; }
.knowledge-navigation>button,.question-navigation>button { padding:6px 4px; font-size:15px; white-space:nowrap; }
@media(max-width:640px) { .admin-jumps { position:static; margin-bottom:24px; }.admin-jumps a { flex:1 1 125px; text-align:center; font-size:17px; }.unit-row { grid-template-columns:1fr; }.unit-meta { grid-template-columns:1fr 1fr; }.unit-visual-summary,.visible-toggle,.unit-edit-link,.unit-preview-link { grid-column:1/-1; }.page-heading h1 { font-size:36px; }.section-heading h2 { font-size:29px; }.topbar-actions { flex-wrap:wrap; justify-content:flex-end; }.metric-grid dd { font-size:32px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* Authoring panels use the same read / story / practice sequence as the reader. */
.workbench { grid-template-columns:235px minmax(0,1fr); background:#fffefa; }.editor { padding:28px; }.editor-grid { grid-template-columns:190px minmax(0,1fr); gap:20px; }.rail { background:#edf5ee; padding:25px 16px; }.rail h2,.panel h2,.unit-visual-heading h3 { font-family:var(--teacher-typeface); }.panel-heading h2 { font-size:34px; }.panel-actions p,.panel-heading>p { font-size:18px; }.panel-heading>p { max-width:380px; color:#627265; }.step b { font-family:"Times New Roman",serif; font-size:18px; }.step small,.source-info,.rail-note,.source-chip { font-size:16px; }.step { border-color:#d2ded3; background:#f5faf5; }.step.active { color:#20594f; border-color:#a6c5b3; border-left:4px solid #286b62; }
.form-card { padding:20px; gap:22px; }.form-card small,.ai-draft-note,.dialogue-editor>p { font-size:16px; line-height:1.75; }.reader-fields { min-width:0; display:grid; gap:16px; margin:0; padding:20px; border:1px solid #c5d9cb; border-top:4px solid #286b62; border-radius:12px; background:#eef7f1; }.reader-fields legend { padding:0 8px; font-size:23px; font-weight:700; color:#286b62; }.reader-fields .field-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.reader-check-fields { background:#fff9e8; border-color:#e0d2ab; border-top-color:#b88929; }.reader-check-fields legend { color:#85611e; }.question-hint-fields { background:#f1f6fa; border-color:#c3d4df; border-top-color:#578499; }.question-hint-fields legend { color:#42697d; }.editor-note { margin:0; padding:12px 14px; border:1px dashed #bfcdbd; border-radius:8px; color:#536953; background:#fffefb; font-size:17px; line-height:1.8; font-weight:400; }
.guide-example-fields { display:grid; gap:14px; }.guide-example-row { display:grid; gap:12px; padding:15px; border:1px solid #cbdccf; border-radius:9px; background:#fffefa; }.guide-example-row button { justify-self:start; font-size:16px; }.source-editor { border:1px solid #d6d4ca; border-radius:10px; padding:16px; background:#f7f6f0; }.source-editor>summary { color:#68624c; font-weight:700; font-size:19px; }.source-fields { display:grid; gap:16px; margin-top:18px; }.unit-visual-card { display:block; background:#f7f5ed; padding:16px 20px; }.unit-visual-card>summary { font-size:22px; font-weight:700; color:#706239; }.unit-visual-heading { margin:18px 0 14px; }.dialogue-editor { border-top:4px solid #a34e45; background:#fff3ed; }.dialogue-editor legend { color:#91473e; font-size:23px; }.comic-panel-editor { background:#fffcf8; }.comic-corner-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.comic-corner-fields>div { display:grid; gap:8px; grid-template-columns:1fr 1fr; border:1px solid #dbc9bd; border-radius:9px; background:#fff; padding:12px; }.comic-corner-fields strong { grid-column:1/-1; color:#91473e; }
.practice-settings { display:grid; gap:18px; padding:22px; border:1px solid #dfc1bc; border-top:5px solid #ab5146; border-radius:12px; background:#fff7f0; }.practice-settings>p { margin:0; color:#705444; }.diagnostic-question-fields { display:grid; gap:10px; }.diagnostic-question { display:flex; align-items:start; gap:12px; padding:15px; border:1px solid #decfc3; border-radius:9px; background:#fffefa; }.diagnostic-question input { width:20px; min-width:20px; height:20px; min-height:20px; margin-top:5px; }.diagnostic-question span { display:grid; gap:8px; min-width:0; }.diagnostic-question small { font-size:17px; color:#627265; font-weight:400; overflow-wrap:anywhere; }
.media-current figure { width:180px; }.media-current img { height:120px; object-fit:contain; background:#fff; }.media-current figcaption,.remove-media { font-size:15px; }#supplementMedia figure { width:100%; }#supplementMedia img { height:auto; max-height:650px; object-fit:contain; }#supplementSourcePreview img { max-height:none; height:auto; }.reader-preview-dialog { width:min(1160px,calc(100vw - 32px)); max-height:calc(100vh - 24px); padding:22px; border:1px solid #b7cbb9; border-radius:16px; background:#fffefa; color:#263f38; }.reader-preview-dialog::backdrop { background:#152f3699; backdrop-filter:blur(3px); }.reader-preview-dialog header { display:flex; align-items:center; justify-content:space-between; gap:18px; }.reader-preview-dialog h2 { margin:0; font-size:30px; }.reader-preview-dialog>p { margin:10px 0 16px; font-size:17px; color:#627265; }.reader-preview-dialog iframe { display:block; width:100%; height:65vh; border:1px solid #d9ddce; border-radius:10px; background:#f7f3eb; }.topbar { flex-wrap:wrap; }.save-state { max-width:430px; }
@media(max-width:1000px) { .workbench,.editor-grid { grid-template-columns:1fr; }.rail { border-right:0; border-bottom:1px solid #d1dccf; }.progress-list { grid-template-columns:repeat(3,minmax(0,1fr)); }.picker { position:static; }.panel-heading { display:grid; }.panel-actions { max-width:none; justify-items:start; } }
@media(max-width:640px) { .editor,.form-card,.reader-fields { padding:16px; }.reader-fields .field-grid,.comic-corner-fields { grid-template-columns:1fr; }.progress-list { grid-template-columns:1fr 1fr; }.step { padding:10px; grid-template-columns:24px 1fr; font-size:18px; }.panel-heading h2 { font-size:30px; }.reader-preview-dialog { width:calc(100vw - 16px); padding:14px; }.reader-preview-dialog header { flex-wrap:wrap; }.topbar .save-state { width:100%; margin-left:0; order:3; }.topbar button { font-size:17px; }.media-current figure { width:100%; } }