/* Guides de l'Atelier du vin (nsp_guide()) : « En bref », sections, questions
   fréquentes, outils liés, sources. Sous chaque outil, après ses feuilles. */

/* ---------- En bref et sections ---------- */
body.nsa-page .guide { padding-block: clamp(3.5rem, 7vw, 5.5rem); border-top: 1px solid var(--filet); }
body.nsa-page .guide__grille { display: grid; grid-template-columns: minmax(0, 20rem) minmax(0, 1fr); gap: clamp(2rem, 6vw, 5rem); align-items: start; }
body.nsa-page .guide__bref { position: sticky; top: 7rem; padding: clamp(1.5rem, 3vw, 2rem); background: var(--fond-2); border-left: 3px solid var(--cuivre); }
body.nsa-page .guide__etiquette { margin: 0; font-family: var(--sans); font-size: .6875rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--cuivre-texte); }
body.nsa-page .guide__resume { margin: .85rem 0 0; font-family: var(--titre); font-size: 1.1875rem; line-height: 1.55; color: var(--encre); text-wrap: pretty; }
body.nsa-page .guide__signature { margin: 1.25rem 0 0; padding-top: 1rem; border-top: 1px solid var(--filet); font-family: var(--sans); font-size: .75rem; line-height: 1.6; color: var(--texte-doux); }
body.nsa-page .guide__texte { max-width: 44rem; }
body.nsa-page .guide__section + .guide__section { margin-top: clamp(2rem, 4vw, 2.75rem); }
body.nsa-page .guide__section h2 { margin: 0; font-family: var(--titre); font-size: clamp(1.5rem, 2.6vw, 1.875rem); font-weight: 400; line-height: 1.25; color: var(--encre); text-wrap: balance; }
body.nsa-page .guide__section p { margin: .9rem 0 0; font-size: 1.0625rem; line-height: 1.8; text-wrap: pretty; }

/* ---------- Questions fréquentes (styles de l'accueil, fond clair) ---------- */
body.nsa-page .guide-faq h2.titre { text-wrap: balance; }

/* ---------- Pour aller plus loin ---------- */
body.nsa-page .guide-liens { padding-block: clamp(3rem, 6vw, 4.5rem); }
body.nsa-page .guide-liens .entete { text-align: center; }
body.nsa-page .guide-liens .entete .fleur { margin-inline: auto; }
body.nsa-page .guide-liens .surtitre a { color: inherit; text-decoration: none; }
body.nsa-page .guide-liens__liste { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.5rem); margin: clamp(1.75rem, 3vw, 2.5rem) 0 0; padding: 0; list-style: none; }
body.nsa-page .guide-liens__liste a { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 1rem; row-gap: .35rem; height: 100%; padding: 1.35rem 1.5rem; color: inherit; text-decoration: none; background: var(--blanc); border: 1px solid var(--filet); border-top: 3px solid var(--rouge); transition: transform .3s var(--ease), box-shadow .3s; }
body.nsa-page .guide-liens__liste a:hover { transform: translateY(-3px); box-shadow: 0 14px 30px -18px rgba(58, 29, 18, .35); }
body.nsa-page .guide-liens__liste a:focus-visible { outline: 2px solid var(--cuivre); outline-offset: 3px; }
body.nsa-page .guide-liens__icone { grid-row: span 2; display: inline-grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: 50%; background: var(--fond-2); color: var(--rouge); }
body.nsa-page .guide-liens__icone svg { width: 1.35rem; height: 1.35rem; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
body.nsa-page .guide-liens__titre { font-family: var(--titre); font-size: 1.25rem; line-height: 1.25; color: var(--encre); }
body.nsa-page .guide-liens__texte { font-size: .9375rem; line-height: 1.6; }

/* ---------- Sources ---------- */
body.nsa-page .guide-sources { padding-block: clamp(2rem, 4vw, 3rem); border-top: 1px solid var(--filet); }
body.nsa-page .guide-sources__titre { margin: 0 0 1rem; font-family: var(--sans); font-size: .75rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--cuivre-texte); }
body.nsa-page .guide-sources ul { display: grid; gap: .5rem; margin: 0; padding: 0; list-style: none; }
body.nsa-page .guide-sources a { color: var(--rouge); }
body.nsa-page .guide-sources span { font-size: .8125rem; color: var(--texte-doux); }

@media (max-width: 960px) {
  body.nsa-page .guide__grille { grid-template-columns: minmax(0, 1fr); }
  body.nsa-page .guide__bref { position: static; }
  body.nsa-page .guide-liens__liste { grid-template-columns: minmax(0, 1fr); }
}

@media print {
  body.nsa-page .guide-liens, body.nsa-page .guide-sources { display: none; }
}