html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report]{box-sizing:border-box;min-width:0;background:var(--grammar-page-bg,var(--lesson-color-page));color:var(--grammar-page-ink,var(--read-primary));font-size:var(--grammar-chinese-size,1rem);line-height:1.5}
html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] *{box-sizing:border-box}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report].gr-embedded{border-radius:1rem;width:100%}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-container{width:100%;max-width:84rem;margin:auto;padding:1rem}
html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] :is(h2,h3,p){margin:.5rem 0}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] h2{font-size:1.25em;font-weight:750}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] h3{font-size:1.1em;font-weight:700}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.8rem}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] :is(.gr-button,.learning-back-button){display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.25rem;padding:.4rem .8rem;border:1px solid currentColor;border-radius:.65rem;background:var(--grammar-action-bg,var(--lesson-color-action));color:var(--grammar-action-ink,var(--read-primary));font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}
html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] button:disabled{cursor:default;opacity:.65}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] button[aria-pressed=true]{outline:2px solid currentColor;outline-offset:2px}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] :is(button,input,select):focus-visible{outline:2px solid currentColor;outline-offset:3px}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] input[type=checkbox]{width:1.1rem;height:1.1rem;flex-shrink:0;accent-color:var(--grammar-action-ink)}
html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] :is(.gr-tabs,.gr-publish){display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;background:var(--grammar-tools-bg,var(--lesson-color-tools));color:var(--grammar-tools-ink,var(--read-dock));padding:.75rem;border-radius:.75rem}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-tabs{margin-bottom:1rem}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-metrics>div{display:flex;flex-direction:column;gap:.5rem;padding:.9rem;background:var(--grammar-canvas-bg,var(--lesson-color-canvas));color:var(--grammar-canvas-ink,var(--app-canvas-ink));border-radius:.75rem}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-metrics strong{font-size:1.25em;overflow-wrap:anywhere}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-metrics>div:last-child strong{font-size:1em}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] :is(.gr-caption,.gr-muted){font-size:.9em}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-caption{margin:.7rem 0 1rem}
html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-filters{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin:1rem 0}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] :is(.gr-filters,.gr-publish) label{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] :is(input:not([type=checkbox]),select){min-height:2.3rem;padding:.35rem .6rem;border:1px solid currentColor;border-radius:.5rem;background:var(--grammar-directory-bg,var(--lesson-color-directory));color:var(--grammar-directory-ink,var(--app-card-ink));font:inherit;max-width:100%}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-note{flex:1;min-width:min(100%,16rem)}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-note input{flex:1;min-width:8rem}
html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-table-wrap{width:100%;overflow:auto;border:1px solid currentColor;border-radius:.75rem;background:var(--grammar-canvas-bg,var(--lesson-color-canvas));color:var(--grammar-canvas-ink,var(--app-canvas-ink))}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-table{width:100%;border-collapse:collapse;min-width:44rem;font-size:.95em}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-table :is(th,td){padding:.6rem .7rem;text-align:left;border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent);vertical-align:middle}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-table th{white-space:nowrap}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-table td small{display:block;font-size:.85em;margin-top:.15rem}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-sentences{display:flex;flex-direction:column;gap:.7rem;padding:.5rem 0}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-sentence{display:flex;gap:.65rem;align-items:flex-start}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-sentence>span{display:flex;flex-direction:column;gap:.1rem;min-width:0;overflow-wrap:anywhere}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-pagination{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.8rem 0;flex-wrap:wrap}
html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] :is(.gr-preview,.gr-task){padding:1rem;border:1px solid currentColor;border-radius:.75rem;background:var(--grammar-canvas-bg,var(--lesson-color-canvas));color:var(--grammar-canvas-ink,var(--app-canvas-ink));overflow-wrap:anywhere}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-preview{margin:.8rem 0}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-preview-list{max-height:45vh;overflow:auto;padding-left:1.7rem;margin:1rem 0}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-preview-list li{padding:.45rem .3rem}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-preview-list :is(strong,span){display:block}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-preview-list span{font-size:.9em}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-task-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr));gap:.8rem}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-task header{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-message{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;border:1px solid currentColor;border-radius:.6rem;padding:.7rem}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-error{border-width:2px}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-empty{padding:2rem;text-align:center}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-task-note{white-space:pre-wrap}
@media(max-width:720px){html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-container{padding:.6rem}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-publish{align-items:stretch}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-note{width:100%}html[data-learning-style] .grammar-reports.gr-embedded[data-grammar-report] .gr-filters>input{width:100%}}

/* 教师端沿用原音标督学 utility 与配色，仅补充语法内容排版。
   不匹配学生 gr-embedded，也不输出学习画布/工具栏区域色标记。 */
.gr-teacher[data-grammar-report]{box-sizing:border-box;min-width:0;font-size:14px;line-height:1.5;color-scheme:light}
.gr-teacher[data-grammar-report] *{box-sizing:border-box}
.gr-teacher .gr-teacher-toolbar{gap:1rem;flex-wrap:wrap}
.gr-teacher .gr-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.gr-teacher .gr-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;white-space:nowrap;cursor:pointer}
.gr-teacher button:disabled{opacity:.45;cursor:default}
.gr-teacher :is(button,input,select):focus-visible{outline:2px solid #047857;outline-offset:3px}
.gr-teacher :is(input:not([type=checkbox]),select){min-height:2.5rem;max-width:100%;padding:.45rem .75rem;border:1px solid #b5cec2;border-radius:.65rem;background:#fff;color:#203e36;font:inherit}
.gr-teacher input[type=checkbox]{width:1rem;height:1rem;flex-shrink:0;accent-color:#047857;cursor:pointer}
.gr-teacher :is(.gr-filters,.gr-publish) label{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.gr-teacher .gr-filters>input{width:16rem}
.gr-teacher .gr-filters>span{margin-left:auto;color:#64748b;font-size:.875rem}
.gr-teacher .gr-table-wrap{width:100%}
.gr-teacher .gr-table{border-collapse:collapse}
.gr-teacher .gr-table :is(th,td){padding:1rem;text-align:left;vertical-align:middle}
.gr-teacher .gr-table th{font-weight:600;white-space:nowrap}
.gr-teacher .gr-table td small{display:block;margin-top:.25rem;color:#64748b;font-size:.75rem}
.gr-teacher .gr-sentences{display:flex;flex-direction:column;gap:.75rem;padding:.25rem 0}
.gr-teacher .gr-sentence{display:flex;gap:.75rem;align-items:flex-start;padding:.25rem}
.gr-teacher .gr-sentence>span{display:flex;flex-direction:column;gap:.2rem;min-width:0;overflow-wrap:anywhere}
.gr-teacher .gr-sentence small,.gr-teacher .gr-muted{color:#64748b;font-size:.8125rem}
.gr-teacher .gr-pagination{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:1rem 0;flex-wrap:wrap}
.gr-teacher .gr-pagination>span{color:#64748b;margin-right:.5rem}
.gr-teacher .gr-publish{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;z-index:1}
.gr-teacher .gr-note{flex:1;min-width:min(100%,16rem)}
.gr-teacher .gr-note input{flex:1;min-width:8rem}
.gr-teacher .gr-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.gr-teacher .gr-metrics>div{display:flex;flex-direction:column;gap:.5rem}
.gr-teacher .gr-metrics span{color:#64748b;font-size:.8125rem}
.gr-teacher .gr-metrics strong{font-size:1.25rem;overflow-wrap:anywhere}
.gr-teacher .gr-metrics>div:last-child strong{font-size:1rem}
.gr-teacher .gr-caption{color:#64748b;font-size:.8125rem;margin:.75rem 0 1.5rem}
.gr-teacher .gr-report-title{font-size:1rem;font-weight:700;margin:0 0 1rem}
.gr-teacher :is(.gr-task,.gr-preview){overflow-wrap:anywhere}
.gr-teacher .gr-task header{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}
.gr-teacher .gr-task header>span{color:#047857}
.gr-teacher .gr-task p{margin:.5rem 0;color:#475569;font-size:.875rem}
.gr-teacher .gr-task-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr));gap:1rem}
.gr-teacher .gr-task-note{white-space:pre-wrap}
.gr-teacher .gr-preview{margin:0 0 1rem}
.gr-teacher .gr-preview h3{font-size:1.125rem;font-weight:700;margin:0 0 .75rem}
.gr-teacher .gr-preview-list{max-height:55vh;overflow:auto;list-style:decimal;padding-left:1.7rem;margin:1rem 0}
.gr-teacher .gr-preview-list li{padding:.5rem .25rem}
.gr-teacher .gr-preview-list :is(strong,span){display:block}
.gr-teacher .gr-preview-list span{font-size:.875rem;color:#64748b}
.gr-teacher .gr-message{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;border:1px solid #b5cec2;border-radius:.75rem;padding:.75rem;margin:0 0 1rem;background:#fff}
.gr-teacher .gr-error{color:#b91c1c;border-color:#fca5a5}
.gr-teacher .gr-empty{padding:3rem;text-align:center;color:#64748b}
@media(max-width:720px){.gr-teacher .gr-teacher-toolbar{padding:.75rem 1rem}.gr-teacher .gr-report-scroll{padding:1rem}.gr-teacher .gr-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.gr-teacher .gr-filters>input{width:100%}.gr-teacher .gr-publish{position:static}.gr-teacher .gr-note{width:100%}}