/*! Dinner Disaster 2.3.0 | game page text and width, scoped to .dd-page and .dd-root */
/* Game page text (the plugin-written sections) and game width. Only on the game page; only these classes. */

/* One type scale for the page text around the game: lede, body, section headings, questions. */
.dd-page { font-size: 1.0625rem; line-height: 1.6; }
.dd-page :where(p, li) { font-size: inherit; line-height: inherit; }
.dd-page p { margin: 0 0 .9em; }
.dd-page .dd-lede { font-size: 1.1875rem; line-height: 1.55; margin: 0 0 .5em; }
.dd-page h2 { font-size: clamp(1.5rem, 1.25rem + 1vw, 1.875rem); line-height: 1.2; font-weight: 700; margin: 2.2em 0 .6em; letter-spacing: normal; text-transform: none; }
.dd-page h3 { font-size: 1.125rem; line-height: 1.35; font-weight: 700; margin: 1.6em 0 .35em; letter-spacing: normal; text-transform: none; }
.dd-page :where(h2, h3):first-child { margin-top: 0; }
.dd-page ol, .dd-page ul { padding-left: 1.4em; margin: 0 0 1.2em; }
.dd-page li { margin: 0 0 .4em; }
.dd-page .dd-faq h3 + p { margin-bottom: 1.1em; }
.dd-page .dd-app-note { margin-top: 1.6em; padding: .75em 1em; border-left: 4px solid #f39c12; background: rgba(243, 156, 18, .1); border-radius: 0 8px 8px 0; }
.dd-page-intro { margin-bottom: 1.25rem; }
.dd-page-info { margin-top: 2rem; }

/* The game: wide on computers (the theme's wide width), edge to edge on phones. */
.dd-root { margin-top: 1.25rem; margin-bottom: 2rem; scroll-margin-top: 12px; }
@media (max-width: 600px) {
  .dd-root, .is-layout-constrained > .dd-root, .has-global-padding > .dd-root {
    width: 100vw !important; max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important;
  }
  .dd-root .dd-frame { border-radius: 0; box-shadow: none; }
}