/* Landing posts (templates/landing-post.html, chinese-deck-ads#22). Linked after site.css; colours are its tokens only,
   so dark mode follows by itself. */

/* Post styles: one shows. base.html's head script sets data-post-style on <html> before the page paints; with no
   script, answer-first shows. */
html:not([data-post-style="problem-first"]) [data-post-style-body="problem-first"] { display: none; }
html[data-post-style="problem-first"] [data-post-style-body="answer-first"] { display: none; }

/* MOE's per-lesson characters (partials/moe-lists.html): one table per book, plain characters a size up in the
   Chinese face. Chinese text wraps between any two characters, so four columns fit a 390 px phone. */
.moe-lists h3 .zh, .moe-lists h3 [lang], .moe-lists summary [lang] { font-weight: 500; }
.moe-summary { color: var(--muted); }
.moe-table { margin-top: 4px; }
.moe-table caption {
    caption-side: top;
    text-align: left;
    padding: 18px 0 6px;
    font: 700 15px/1.3 var(--sans);
    color: var(--ink);
}
.moe-table th:first-child, .moe-table td:first-child { width: 2.6em; }
.moe-table td:first-child { color: var(--muted); font-variant-numeric: tabular-nums; }
.moe-table td[lang] { font: 500 19px/1.55 var(--zh); color: var(--text); }
.moe-credit { margin-top: 12px; font-size: 14px; color: var(--muted); }
.moe-old { margin: 28px 0 8px; border-top: 1px solid var(--soft); padding-top: 4px; }
.moe-old summary {
    cursor: pointer;
    padding: 14px 0;
    font: 700 18px/1.3 var(--serif);
    color: var(--ink);
}
.moe-old summary:hover { text-decoration: underline; text-underline-offset: 3px; }

/* Every Level's tables behind a Level switcher (partials/moe-lists.html with moe_level 'all', the textbook posts,
   chinese-deck-ads#26): the practice-box buttons as the reader widget's, one Level's panel shown. */
.moe-levels { max-width: 360px; margin-top: 16px; }
.moe-level > h3:first-child { margin-top: 8px; }