/* Paper-like sections for individual readings and posts; no fixed page height. */
body.news-reading-practice .lesson-section,
body.blog-post-practice .page .reading-sheet {
  min-width: 0;
  margin-block: 28px;
  padding: clamp(20px,4vw,40px);
  border: 1px solid var(--border2);
  border-radius: 3px;
  background: var(--practice-card);
  box-shadow: 0 4px 16px rgba(0,0,0,.07);
}
body.blog-post-practice .page .reading-sheet > :first-child { margin-top: 0; }
body.blog-post-practice .page .reading-sheet > :last-child,
body.news-reading-practice .lesson-section > :last-child { margin-bottom: 0; }
body.blog-post-practice .page .reading-sheet > .article-hero { padding-top: 0; }
body.blog-post-practice .page .reading-sheet :is(.quick-answer,.story-box,.word-card,.chart-card) { max-width: 100%; }
body.news-reading-practice .language-focus { border-inline-start: 3px solid var(--sky); }
body.news-reading-practice .vocabulary-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
body.news-reading-practice .vocabulary-word { color: var(--sky); }
body.news-reading-practice .word-phonetic { color: var(--muted); font: 400 15px/1.8 system-ui,sans-serif; overflow-wrap: anywhere; }
body.news-reading-practice .vocabulary-list .word-type { display: table; max-width: 100%; margin: 0 0 14px; padding: 2px 8px; color: var(--text); background: var(--surface2); border: 1px solid var(--border); border-radius: 5px; font-size: 12px; line-height: 1.8; }
body.news-reading-practice :is(.vocabulary-guide,.vocabulary-audio-status) { color: var(--muted); font-size: 14px; line-height: 1.8; }
body.news-reading-practice .vocabulary-audio { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; color: var(--sky); background: var(--practice-accent-wash); border: 1px solid var(--border); border-radius: 50%; cursor: pointer; }
body.news-reading-practice .vocabulary-audio[hidden] { display: none; }
body.news-reading-practice .vocabulary-audio:hover,
body.news-reading-practice .vocabulary-audio[aria-pressed="true"] { background: var(--surface2); border-color: var(--sky); }
body.news-reading-practice .vocabulary-audio:disabled { color: var(--muted); cursor: default; opacity: .65; }
body.news-reading-practice .vocabulary-audio:focus-visible { outline: 3px solid var(--sky); outline-offset: 3px; }
@media (max-width: 600px) {
  body.news-reading-practice .lesson-section,
  body.blog-post-practice .page .reading-sheet { margin-block: 20px; padding: 18px; }
  body.news-reading-practice .vocabulary-list li { padding: 16px; }
  body.blog-post-practice .page .reading-sheet .word-card { grid-template-columns: minmax(0,1fr); }
  body.blog-post-practice .page .reading-sheet .word-card > div + div { border-inline-start: 0; border-top: 1px solid var(--border); }
}
@media print {
  body.news-reading-practice .lesson-section,
  body.blog-post-practice .page .reading-sheet { background: white; color: black; border-color: #bbb; box-shadow: none; }
  body.news-reading-practice :is(.vocabulary-audio,.vocabulary-audio-status) { display: none; }
}