/* Readable public and personal pages; colors follow the shared appearance. */
body.premium-site :is(.landing-card, .landing-benefits span, .media-card,
  .package-card, .quiz-question, .checkup-history-entry, .learning-history-item) {
  background: var(--surface);
  color: var(--body);
  border-color: var(--line);
}
body.premium-site .landing-card { box-shadow: none; }
body.premium-site .landing-card :is(p, .prose) { color: var(--body); font-size: 15px; line-height: 2.1; }
body.premium-site .landing-card :is(.muted, small, [data-landing-timer]) { color: var(--muted); font-size: 14px; }
body.premium-site .landing-card .field > span { color: var(--ink); font-size: 14px; }
body.premium-site .landing-benefits span { background: var(--sage); font-size: 14px; }
body.premium-site .landing-card input:not([type="checkbox"]) {
  color: var(--ink);
  background: var(--surface);
  border-color: var(--line);
  font-size: 16px;
}
body.premium-site .landing-code-actions button { color: var(--teal); font-size: 14px; }
body.premium-site .landing-rules { color: var(--body); font-size: 14px; }
body.premium-site .landing-card details summary { color: var(--teal); font-size: 14px; }
body.premium-site .landing-card [data-landing-message] { background: var(--sage); color: var(--ink); border: 1px solid var(--line); }
body.premium-site .landing-card :focus-visible { outline-color: var(--teal); }

body.premium-site :is(.game-banner, .game-stats > div, .account-reply) {
  background: var(--sage);
  color: var(--body);
  border-color: var(--line);
}
body.premium-site .game-banner strong { color: var(--ink); font-size: 16px; }
body.premium-site .game-banner p { color: var(--body); font-size: 15px; line-height: 2.1; }
body.premium-site .game-symbol { color: var(--teal); }
body.premium-site .game-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.premium-site .game-stats span { color: var(--body); font-size: 14px; line-height: 1.9; }
body.premium-site .game-stats strong { color: var(--ink); overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
body.premium-site .game-history h3 { color: var(--ink); font-size: 17px; line-height: 1.9; }
body.premium-site .game-history strong { color: var(--ink); font-size: 14px; white-space: normal; }
body.premium-site .game-history p { color: var(--body); font-size: 15px; line-height: 2.1; }
body.premium-site .game-history p.muted { color: var(--muted); font-size: 14px; }
body.premium-site .game-history .panel > div { flex-wrap: wrap; }
body.premium-site :is(.account-item p, .account-reply p) { color: var(--body); font-size: 15px; line-height: 2.1; }
body.premium-site .account-reply > strong { color: var(--ink); font-size: 14px; }
body.premium-site :is(.account-item small, .account-reply small) { color: var(--muted); font-size: 14px; }
body.premium-site .account-item > .text-link { font-size: 14px; max-width: 100%; }
body.premium-site .status-pill { font-size: 14px; line-height: 1.9; max-width: 100%; white-space: normal; }
body.premium-site .order-info > div { color: var(--muted); font-size: 14px; flex-wrap: wrap; }
body.premium-site .order-price { font-size: 14px; }

body.premium-site .package-card .prose { color: var(--body); font-size: 15px; line-height: 2.1; }
body.premium-site .package-courses li { color: var(--body); font-size: 15px; line-height: 2; }
body.premium-site .package-courses svg { color: var(--teal); }
body.premium-site .package-price span { color: var(--muted); font-size: 14px; }
body.premium-site .package-card .button { font-size: 14px; }
body.premium-site .quiz-question legend { color: var(--ink); font-size: 17px; line-height: 2; }
body.premium-site .quiz-question legend > span { color: var(--ink); background: var(--sage); font-size: 14px; }
body.premium-site .quiz-options label { color: var(--body); background: var(--surface); border-color: var(--line); font-size: 15px; line-height: 2; }
body.premium-site .quiz-options label:has(input:checked) { color: var(--ink); background: var(--sage); border-color: var(--teal); }
body.premium-site .quiz-options label:focus-within { outline: 2px solid var(--teal); outline-offset: 3px; }
body.premium-site :is(.quiz-form > .button, .checkup-actions .button) { font-size: 14px; }
body.premium-site :is(.button-secondary, .button-ghost) { background: var(--surface); color: var(--teal); border-color: var(--line); }
body.premium-site :is(.button-secondary, .button-ghost):hover { background: var(--sage); color: var(--ink); border-color: var(--teal); }
body.premium-site .checkup-history-entry > p { color: var(--body); font-size: 15px; line-height: 2.1; }
body.premium-site .checkup-history-entry summary { color: var(--teal); font-size: 15px; }
body.premium-site .checkup-table-wrap table { border-collapse: collapse; color: var(--body); font-size: 15px; line-height: 2; }
body.premium-site .checkup-table-wrap th { background: var(--sage); color: var(--ink); font-weight: 600; }
body.premium-site .checkup-table-wrap :is(th, td) { border-bottom: 1px solid var(--line); }
body.premium-site .checkup-score { background: var(--sage); color: var(--body); border-color: var(--line); }
body.premium-site .checkup-score > strong { color: var(--ink); overflow-wrap: anywhere; }
body.premium-site .notice.success { padding: 14px 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--sage); color: var(--ink); font-size: 15px; }
body.premium-site .learning-history-copy > small { color: var(--muted); font-size: 14px; }
body.premium-site :is(.learning-history-note, .learning-history-course) { font-size: 14px; }
body.premium-site .learning-history-item > .button { font-size: 14px; }

body.premium-site .engagement { border-color: var(--line); }
body.premium-site .engagement .button { font-size: 14px; min-height: 44px; }
body.premium-site .engagement-button[aria-pressed="true"] { background: var(--sage); color: var(--ink); border-color: var(--teal); }
body.premium-site .engagement-button[aria-pressed="true"] svg { fill: currentColor; fill-opacity: .12; }
body.premium-site .engagement-message { color: var(--body); font-size: 14px; line-height: 2; }
body.premium-site .media-card > p { color: var(--body); font-size: 15px; line-height: 2.1; }
body.premium-site .media-card > p.small { color: var(--muted); font-size: 14px; }
body.premium-site .content-video { background: var(--ink); }

@media (max-width: 540px) {
  body.premium-site .game-stats { grid-template-columns: 1fr; }
  body.premium-site .game-stats > div { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; }
  body.premium-site .game-stats span { margin-bottom: 0; }
  body.premium-site .game-stats strong { font-size: 22px; text-align: end; }
  body.premium-site .engagement .button { white-space: normal; text-align: start; }
  body.premium-site .account-item-heading { flex-wrap: wrap; }
}