.grammar-card{max-width:850px;margin:auto;text-align:center}.grammar-card .exercise-meta{text-align:left}.grammar-english{font-size:clamp(27px,3.4vw,42px)!important;line-height:1.55!important;overflow-wrap:anywhere;margin:42px 0 20px!important}.grammar-chinese{font-size:clamp(20px,2.3vw,27px);line-height:1.7;margin:16px 0}.grammar-context{font-size:15px;color:var(--muted);line-height:1.7;margin:12px 0 24px}.grammar-lesson-name{font-size:14px;color:var(--muted);text-align:left;margin:0 0 25px}[data-reading-status]{min-height:28px;color:#526743;text-align:center;font-size:15px;margin:20px 0}[data-reading-status]:empty{display:none}.grammar-card .reading-controls{margin-top:32px}.grammar-card .reading-skip{margin-top:20px}.grammar-course-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grammar-course-list a{justify-content:space-between;white-space:normal}.grammar-course-list small{color:var(--muted);margin-left:12px}.reading-level{margin:28px 0 16px}.grammar-preview{padding:14px 18px;background:#f4f7ee;border-radius:12px;margin:16px 0}.grammar-preview li{margin:12px 0;line-height:1.7}.grammar-preview small{color:var(--muted)}@media(max-width:600px){.grammar-card{padding:24px 18px}.grammar-english{margin-top:28px!important}.grammar-card .reading-controls{gap:10px}.grammar-card .reading-controls .button{font-size:15px;padding:14px 12px}.grammar-course-list{grid-template-columns:1fr}.grammar-context{font-size:14px}.grammar-card .exercise-meta{gap:10px}.grammar-card .reading-skip .button{font-size:14px}}

.sentence-image{display:block;width:auto;max-width:100%;max-height:220px;object-fit:contain;border-radius:14px;margin:12px auto}.image-credit{font-size:11px;line-height:1.5;color:#7c756e;text-align:center;overflow-wrap:anywhere;margin:6px auto 14px}.image-credit a{color:inherit}@media(max-width:600px){.sentence-image{max-height:180px}}
.image-credit summary{width:fit-content;margin:auto;cursor:pointer;padding:5px 8px}.image-credit p{margin:4px 0 0}
.exercise-card:not(.grammar-card) .sentence-image{max-height:140px}@media(max-width:600px){.grammar-card .sentence-image{max-height:140px}.exercise-card:not(.grammar-card) .sentence-image{max-height:100px}}