/* Draft-only additions; the shared ../css/quiz.css is unchanged. */
#result-episode { font-style: italic; }

/* Cover art (approved Oct 12, episodes quiz only): M.W. 1927 apple-branch painting behind a solid linen panel. */
.screen--cover.cover--art {
  color: var(--charcoal);
  background-color: #EFEBE2;
  background-image: url("../img/cover-apple-branch.jpg");
  background-image: image-set(url("../img/cover-apple-branch.webp") type("image/webp"), url("../img/cover-apple-branch.jpg") type("image/jpeg"));
  background-size: cover; background-position: center; background-repeat: no-repeat;
}
.cover--art .cover__inner {
  background: rgba(246, 245, 240, 0.95); padding: 36px 24px 30px; margin: auto 0;
  max-width: 520px; box-shadow: 0 1px 0 rgba(52,47,44,.08);
}
.cover--art .cover__italic { color: var(--espresso); line-height: 1; }
.cover--art .cover__subhead, .cover--art .cover__intro { color: var(--charcoal); }
.cover--art .smallprint--light { color: #5E5A55; }
.cover--art .btn { background: var(--taupe-deep); }
.cover--art .footer--light { background: rgba(246, 245, 240, 0.95); padding: 10px 14px; color: #4A4542; }
.cover--art .footer--light p:last-child { color: #5E5A55; }
@media (min-width: 900px) {
  /* Desktop (Dr. Daryl, Oct 12): everything centered. The painting flanks a centered panel on both sides. */
  .screen--cover.cover--art {
    background-image: url("../img/cover-apple-branch.jpg"), url("../img/cover-apple-branch.jpg");
    background-image: image-set(url("../img/cover-apple-branch.webp") type("image/webp"), url("../img/cover-apple-branch.jpg") type("image/jpeg")), image-set(url("../img/cover-apple-branch.webp") type("image/webp"), url("../img/cover-apple-branch.jpg") type("image/jpeg"));
    background-size: auto 100%, auto 100%; background-position: left center, right center; background-repeat: no-repeat, no-repeat;
  }
  .cover--art .cover__inner { align-self: center; margin: auto; }
  .cover--art .footer--light { align-self: center; max-width: 520px; width: 100%; }
  .card, .lead__inner, .result__inner { margin-left: auto; margin-right: auto; text-align: center; }
  .result__body, .result__confirm, .lead__line, .smallprint { text-align: center; }
}

/* Footer: disclaimer is now the 2nd line (Privacy link added below it); keep the disclaimer's styling. */
.footer p:nth-child(2) { font-size: 12px; line-height: 1.5; color: #5E5A55; }
.footer p:nth-child(3) { margin-top: 4px; }
.cover--art .footer--light p:nth-child(2) { color: #5E5A55; }
.signup { margin: 28px 0 8px; padding: 20px 18px; border-top: 1px solid var(--gold); text-align: left; }
.signup .lead__line { text-align: center; margin-bottom: 16px; }
.signup .result__confirm { text-align: center; }
/* AA: the shared taupe button is 2.97:1 with ivory text; use deep taupe (5.85:1) on episodes buttons. */
#screen-result .btn { background: var(--taupe-deep); }
@media (hover: hover) { #screen-result .btn:hover { background: var(--espresso); } }

/* Result footer links: centered and stacked (Dr. Daryl, Oct 12). Episodes quiz only. */
#screen-result .result__links { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; font-size: 16px; color: #4A4542; margin-top: 30px; }
#screen-result .result__links .result__dot { display: none; }

@media (min-width: 900px) { .signup { text-align: center; } }