/* Doina Vin House · page layer of pages/consum-responsabil.html (its page-scoped <style>, copied verbatim). */
  /* ==========================================================================
     pages/consum-responsabil.html · page "Consum responsabil" (theme: assets/pages/consum-responsabil.css;
     prefix pg-consum-). Responsible drinking, 18+: a short legal document in the house frame.
     Copy: content/pages/brand/responsible-drinking.json (RO), a working draft for legal review
     (LAWYER_COURIER_ALCOHOL: the notice in the head, the delivery age check and the official warnings
     stay placeholders). LifWin states no percentage (LIFWIN_ABV) and does not follow the pregnancy and
     driving block until the lawyer confirms it may (pending note on "sarcina-volan"): it closes the
     document, after the Wine in Moderation note.
     Photo: the cellar gate, CMB shoot of 6 September 2025 (a copy of the crama photo). Layout only: kit
     tokens and components (notice, factlist, house tile well, tertiary link, visit strip).
     ========================================================================== */

  /* head: a band masthead with the title and lead; the draft notice beside them from 900 px */
  .pg-consum-head { padding-block: var(--sp-6); }
  .pg-consum-head__grid { display: grid; gap: var(--sp-5); }
  .pg-consum-head h1 { margin-top: var(--sp-2); }
  .pg-consum-head .dvh-lead { margin-top: var(--sp-3); }
  .pg-consum-notice__title { font-weight: var(--fw-strong); }

  /* body: the contents (a rail from 900 px) and the document */
  .pg-consum-body { padding-top: var(--sp-6); }
  .pg-consum-body__grid { display: grid; gap: var(--sp-6); }
  .pg-consum-toc ol { margin-top: var(--sp-3); border-top: 1px solid var(--line); }
  .pg-consum-toc a { display: flex; align-items: baseline; gap: var(--sp-3); min-height: var(--tap); padding-block: var(--sp-3); border-bottom: 1px solid var(--line); color: var(--ink); text-decoration: none; font-family: var(--font-display); font-size: var(--fs-card); line-height: var(--lh-card); text-wrap: pretty; }
  .pg-consum-toc a span { flex: none; min-width: 2ch; font-family: var(--font-text); font-size: var(--fs-meta); line-height: var(--lh-meta); color: var(--muted); font-variant-numeric: tabular-nums; }
  .pg-consum-toc a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }

  .pg-consum-doc { min-width: 0; container: pg-consum-doc / inline-size; }
  .pg-consum-sec { padding-block: var(--sp-7); border-top: 1px solid var(--line); }
  .pg-consum-sec:first-child { padding-top: 0; border-top: 0; }
  .pg-consum-flow > * + * { margin-top: var(--sp-5); }
  .pg-consum-flow > h2 + * { margin-top: var(--sp-4); }
  .pg-consum-flow > .pg-consum-maxims { margin-top: var(--sp-6); }
  .pg-consum-flow > .pg-consum-go { margin-top: var(--sp-3); }

  /* 18+: when the age is confirmed (the delivery check waits for the lawyer); the section rule closes it */
  .pg-consum-checks { max-width: var(--text-measure); }
  .pg-consum-checks > div:last-child { border-bottom: 0; }
  @media (min-width: 600px) { .pg-consum-checks > div { grid-template-columns: 11rem minmax(0, 1fr); } }

  /* choose, share, take care: three maxims under one rule each */
  .pg-consum-maxims { display: grid; gap: var(--sp-5) var(--col-gap); }
  .pg-consum-maxim { padding-top: var(--sp-4); border-top: 1px solid var(--ink); }
  .pg-consum-maxim p { margin-top: var(--sp-2); font-size: var(--fs-ui); line-height: 1.55; text-wrap: pretty; }

  /* pregnancy and driving: one plain sentence, the official wording still to come */
  .pg-consum-statement { font-family: var(--font-display); font-size: var(--fs-h3); line-height: 1.45; max-width: 36ch; text-wrap: pretty; }
  .pg-consum-pending { max-width: var(--text-measure); }

  /* LifWin: text and the line's bottles in its tinted well (a single-house surface) */
  .pg-consum-lifwin { display: grid; gap: var(--sp-6); align-items: center; }
  .pg-consum-lifwin .dvh-housetile { display: block; width: 100%; max-width: 28rem; }
  .pg-consum-lifwin .dvh-card__well { aspect-ratio: 4 / 3; }
  .pg-consum-lifwin .dvh-card__well::before { width: 50%; }
  .pg-consum-lifwin .dvh-card__img:nth-of-type(1):nth-last-of-type(3) { left: 36%; }
  .pg-consum-lifwin .dvh-card__img:nth-of-type(3) { left: 64%; }
  .pg-consum-lifwin .dvh-card__img:only-of-type { left: 50%; height: 86%; }
  @media (prefers-reduced-motion: no-preference) and (hover: hover) {
    .pg-consum-lifwin .dvh-housetile .dvh-card__img { transition: translate var(--dur-ui) var(--ease-out); }
    .pg-consum-lifwin .dvh-housetile:hover .dvh-card__img { translate: -50% -6px; }
  }

  /* the way out: the cellar gate beside the last word (kit visit strip) */
  .pg-consum-end { padding-top: var(--sp-8); }

  @container pg-consum-doc (min-width: 720px) {
    .pg-consum-maxims { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .pg-consum-lifwin { grid-template-columns: minmax(0, 1fr) minmax(0, 18rem); gap: var(--sp-7); }
    .pg-consum-lifwin .dvh-card__well { aspect-ratio: 4 / 5; }
    .pg-consum-lifwin .dvh-card__well::before { width: 70%; }
    .pg-consum-lifwin .dvh-card__img:nth-of-type(1):nth-last-of-type(3) { left: 27%; }
    .pg-consum-lifwin .dvh-card__img:nth-of-type(3) { left: 73%; }
  }
  @media (min-width: 900px) {
    .pg-consum-head { padding-block: var(--sp-8) var(--sp-7); }
    .pg-consum-head__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--sp-8); align-items: end; }
    .pg-consum-head__grid--solo { grid-template-columns: minmax(0, 1fr); }
    .pg-consum-body { padding-top: var(--sp-8); }
    .pg-consum-body__grid { grid-template-columns: minmax(0, 3fr) minmax(0, 8fr); gap: var(--sp-8); align-items: start; }
  }
  @media (min-width: 900px) and (min-height: 640px) {
    .pg-consum-toc { position: sticky; top: calc(var(--header-h) + var(--sp-5)); }
  }