/* Prose — the long-form copy block. Notes: docs/component-prose-notes.md */

/* Dark focus ring for the light surface. */
.prose :focus-visible{outline-color:#0a0a0a;}
.prose{background:#faf9f6;padding:5rem 2rem 6rem}
/* Continues from the section above. */
.prose--flush-top{padding-top:0}
.prose-inner{max-width:820px;margin:0 auto}
.prose-block{margin-bottom:3.5rem}
.prose-block:last-child{margin-bottom:0}
.prose-eyebrow{display:block;font-family:var(--display);font-size:.875rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#2A2A2A;margin-bottom:1rem}
/* Two selectors so the class wins regardless of tag. */
.prose-h2,
.prose-block p.prose-h2{font-family:var(--display);font-size:clamp(1.4rem,2.4vw,2rem);font-weight:500;letter-spacing:.01em;line-height:1.3;color:var(--charcoal);border-left:3px solid var(--gold);padding-left:1.2rem;margin-bottom:1.4rem}
.prose-block p{font-family:var(--body);font-size:1.05rem;line-height:1.8;color:#555;margin-bottom:1.1rem}
.prose-block p:last-child{margin-bottom:0}
/* Anchor targets, offset for the fixed header. */
.prose-block[id]{scroll-margin-top:7rem}
.prose-out{margin-top:1.6rem}
.prose-out a{
  font-family:var(--display);font-size:.85rem;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dark);
}
.prose-out a:hover{text-decoration:underline}
/* ── Lists ── */
.prose-block ul,
.prose-block ol{margin:0 0 1.1rem;padding-left:1.4rem}
.prose-block li{
  font-family:var(--body);font-size:1.05rem;line-height:1.8;
  color:#555;margin-bottom:.5rem;
}
.prose-block li:last-child{margin-bottom:0}
.prose-block strong{color:var(--charcoal)}
.prose-block a{color:var(--gold-dark);text-decoration:underline}
/* Exception for .brush-link inside a prose block. */
.prose-block a.brush-link{color:#2A2A2A;text-decoration:none}
.prose-rule{max-width:820px;margin:0 auto 3.5rem;height:1px;background:linear-gradient(90deg,transparent,rgba(230,173,31,.25) 20%,rgba(230,173,31,.25) 80%,transparent)}
/* ── Fine print ── */
.prose-block--fine{border-top:1px solid rgba(0,0,0,.09);padding-top:2.5rem}
.prose-block--fine p{font-size:.9rem;line-height:1.7;color:#6b6b6b}
.prose-fine-label{
  display:block;
  font-family:var(--display);
  font-size:.8rem;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#6b6b6b;
  margin-bottom:.6rem;
}
.prose-block--fine p + .prose-fine-label{margin-top:1.8rem}