/* Guide pages — long-form reading on top of editorial.css. */

.guide { max-width: 74ch; margin: 0 auto; padding: 3.5rem 0 1rem; }
.guide__eyebrow { font-size: 0.68rem; letter-spacing: 0.24em; text-transform: uppercase; color: var(--ink-faint); margin-bottom: 1.6rem; }
.guide__eyebrow a { color: var(--ink-faint); }
.guide__eyebrow a:hover { color: var(--wine); }

.guide h1 {
  font-family: "Fraunces", Georgia, serif; font-weight: 350;
  font-size: clamp(2.1rem, 5.5vw, 3.5rem); line-height: 1.04; letter-spacing: -0.025em; margin: 0 0 1.4rem;
}
.guide__lede { font-size: 1.2rem; line-height: 1.55; color: var(--ink-soft); margin: 0 0 2.5rem; padding-bottom: 2rem; border-bottom: 1px solid var(--rule); }
.guide__lede strong { color: var(--ink); }

.guide h2 {
  font-family: "Fraunces", Georgia, serif; font-weight: 400;
  font-size: clamp(1.45rem, 3vw, 2rem); line-height: 1.15; letter-spacing: -0.015em; margin: 3rem 0 1rem;
}
.guide h3 { font-family: "Fraunces", Georgia, serif; font-weight: 400; font-size: 1.2rem; margin: 2rem 0 0.5rem; }
.guide p { margin: 0 0 1.1rem; }
.guide ul { margin: 0 0 1.3rem; padding-left: 1.2rem; }
.guide li { margin-bottom: 0.55rem; }
.guide li::marker { color: var(--gold); }
/* Prose links only. Without the :not(.btn), this beats .btn--wine on specificity and paints
   wine text onto a wine pill — an invisible button. */
.guide a:not(.btn) { color: var(--wine); border-bottom: 1px solid var(--rule); }
.guide a:not(.btn):hover { border-color: var(--wine); }
.guide a.btn { border-bottom: none; }
.guide strong { color: var(--ink); }

.guide blockquote {
  margin: 1.8rem 0; padding: 1.1rem 1.5rem; background: var(--cream-2);
  border-left: 3px solid var(--gold); border-radius: 0 3px 3px 0;
}
.guide blockquote p { margin: 0; font-family: "Fraunces", Georgia, serif; font-style: italic; font-size: 1.06rem; }

.faq { margin-top: 3.5rem; padding-top: 2rem; border-top: 1px solid var(--ink); }
.faq__item { margin-bottom: 1.6rem; }
.faq__item h3 { margin: 0 0 0.4rem; font-size: 1.08rem; }
.faq__item p { color: var(--ink-soft); margin: 0; }

.related { margin-top: 3.5rem; padding-top: 2rem; border-top: 1px solid var(--rule); }
.related h2 { font-size: 0.7rem; letter-spacing: 0.24em; text-transform: uppercase; color: var(--ink-faint); font-family: "Instrument Sans", sans-serif; margin: 0 0 1.2rem; }
.related ul, .guide-list { list-style: none; padding: 0; margin: 0; }
.related li { margin-bottom: 1.1rem; }
.related li a { font-family: "Fraunces", Georgia, serif; font-size: 1.14rem; color: var(--ink); border: none; display: block; }
.related li a:hover { color: var(--wine); }
.related li span { display: block; color: var(--ink-soft); font-size: 0.9rem; }

.guide-list li { padding: 1.2rem 0; border-bottom: 1px solid var(--rule-soft); }
.guide-list li a { border: none; }
.guide-list h3 { font-family: "Fraunces", Georgia, serif; font-weight: 400; font-size: 1.28rem; margin: 0 0 0.3rem; color: var(--ink); }
.guide-list li a:hover h3 { color: var(--wine); }
.guide-list p { color: var(--ink-soft); font-size: 0.94rem; margin: 0; }

.guide__updated { margin-top: 3rem; font-size: 0.8rem; color: var(--ink-faint); }