.reader-tools {display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin:1rem 0}
.reader-resource {margin:3rem 0;scroll-margin-top:5rem}
.reader-paradigm {margin:2rem 0}
.reader-table-scroll {overflow-x:auto;max-width:100%}
.reader-table-scroll table {border-collapse:collapse;width:100%}
.reader-table-scroll caption {text-align:left;font-weight:600;padding:.6rem}
.reader-table-scroll td,.reader-table-scroll th {border:1px solid #aab6c4;padding:.7rem;vertical-align:top;text-align:left;min-width:8rem}
.reader-parse {font-size:.9rem;color:#46546b;margin:.4rem 0}
.reader-resource dt {font-weight:600;margin-top:1.5rem}
.reader-resource dd {margin:.5rem 0 1.5rem 1rem}
.grammar-speak {font-size:.8rem;cursor:pointer}
.grammar-speak.speaking {outline:3px solid #277d64}
.grammar-quiz-modal[hidden] {display:none!important}
.grammar-quiz-modal {position:fixed;inset:0;z-index:10000;background:#16243acc;display:flex;align-items:center;justify-content:center;padding:1rem}
.grammar-quiz-card {background:#fff;color:#18273b;border-radius:1rem;padding:1.5rem;width:44rem;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 1rem 4rem #0005}
.grammar-quiz-card header {display:flex;align-items:center;justify-content:space-between;gap:1rem}
.grammar-quiz-card h2 {margin:0}
.grammar-quiz-card button {cursor:pointer;padding:.6rem 1rem;white-space:normal}
.grammar-quiz-card button:focus-visible,.reader-tools :focus-visible,.grammar-speak:focus-visible {outline:3px solid #255ec2;outline-offset:3px}
.grammar-quiz-card .quiz-options {display:grid;gap:.7rem;margin:1rem 0}
.grammar-quiz-card .quiz-option {text-align:left;background:#f4f7fa;border:1px solid #718198;border-radius:.4rem;color:#18273b}
.grammar-quiz-card .quiz-option.correct,.grammar-quiz-card .quiz-feedback.right {background:#e1f5e8;color:#15532b}
.grammar-quiz-card .quiz-option.wrong,.grammar-quiz-card .quiz-feedback.wrong {background:#fbe6e6;color:#842222}
.grammar-quiz-card .quiz-feedback {padding:1rem;margin-top:1rem;border:1px solid currentColor;border-radius:.4rem}
.grammar-quiz-card .quiz-actions {display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}
.grammar-quiz-card .quiz-input {width:100%;padding:.75rem;margin-top:1rem}
.grammar-quiz-card .quiz-progress {margin:1rem 0;font-size:.9rem}
.grammar-quiz-card .big {font-size:1.5rem;font-weight:700}
.grammar-quiz-card .quiz-prompt {font-size:1.15rem;margin:1rem 0}
@media(max-width:600px) {.grammar-quiz-card {padding:1rem}.reader-resource dd {margin-left:0}}

.reading-layout > .reading {min-width:0}
/* Chapter-only stylesheet: make the inherited platform shell usable on phones. */
@media(max-width:760px) {
  .app-shell {display:block!important;grid-template-columns:minmax(0,1fr)!important}
  .sidebar {position:static!important;width:100%!important;height:auto!important;min-height:0!important;min-width:0!important;max-width:none!important;padding:12px!important}
  .sidebar .brand {max-width:100%;overflow:hidden}
  .sidebar .ethio-pattern,.sidebar .flag-line {display:none!important}
  #gtm-mobile-menu-toggle {display:inline-flex!important;align-self:flex-start;margin:8px 0}
  .sidebar #gtm-sidebar-v2 {display:none!important}
  .sidebar #gtm-sidebar-v2.gtm-mobile-menu-open {display:grid!important}
  header.topbar {height:auto!important;min-height:60px;flex-wrap:wrap!important;padding:12px!important;gap:10px}
  header.topbar .account {flex-wrap:wrap!important;max-width:100%}
  main.content {padding:18px 14px!important}
  .reading-layout {display:block!important}
  .reading-section {padding:16px 12px!important}
  .reading,.page-head {overflow-wrap:anywhere}
  .chapter-side {margin-top:2rem}
}

.reader-tools button,.grammar-speak {border:1px solid #799583;border-radius:.45rem;background:#f3f8f4;color:#12492a;padding:.4rem .65rem}
.reader-tools a {text-decoration:underline;text-underline-offset:.2rem}