/* LL "The room" over the quiz widget. static/quiz/quiz.css is the quiz lane's own sheet and stays as it is; every rule here
   outranks it through the .v-ll prefix. Palette and type only: the widget's words are its own. Mike's word of Wed 2026-11-04 7:28pm:
   the quiz pages carried the old site's color and branding. Square corners stay; the blue stays on the mark alone. */
.v-ll .plq { --q-blue: var(--room); --q-blue-600: #22404A; --q-blue-700: var(--room); --q-blue-050: #E4EBEE;
  --q-paper: var(--paper); --q-paper-2: var(--paper-2); --q-line: var(--line); --q-line-strong: #C2BBB4;
  --q-ink: var(--ink); --q-charcoal: var(--ink); --q-stone: var(--stone);
  --q-heading: var(--sans); --q-body: var(--sans); font-size: 18px; line-height: 1.55; max-width: 44rem; }
.v-ll .plq .plq-h, .v-ll .plq .plq-band { font-family: var(--serif); font-weight: 400; letter-spacing: -.005em; }
.v-ll .plq .plq-h1 { font-size: 48px; line-height: 1.05; }
.v-ll .plq .plq-h2 { font-size: 34px; line-height: 1.1; }
.v-ll .plq .plq-h3 { font-size: 26px; }
.v-ll .plq .plq-band { font-size: 48px; line-height: 1.05; color: var(--room); }
.v-ll .plq .plq-q { font-family: var(--sans); font-weight: 600; }
.v-ll .plq .plq-lbl, .v-ll .plq .plq-err, .v-ll .plq .plq-in, .v-ll .plq .plq-btn, .v-ll .plq textarea { font-family: var(--sans); }
.v-ll .plq .plq-quote { border-left-color: var(--room); }
.v-ll .plq .plq-eyebrow, .v-ll .plq .plq-count { color: var(--stone); }
.v-ll .plq .plq-fine { color: var(--stone); }
.v-ll .ll-paper > .quiz-page:first-of-type { padding-top: 56px; }
.v-ll main .plq p { max-width: none; }
@media (max-width: 640px) {
  .v-ll .plq { font-size: 17px; }
  .v-ll .plq .plq-h1, .v-ll .plq .plq-band { font-size: 36px; }
  .v-ll .ll-paper > .quiz-page:first-of-type { padding-top: 36px; }
}