/* =============================================================
   PK-PULLQUOTE — V38 Stage K polish-kit. Promotes a sentence out
   of a paragraph wall the way POLISH-SPEC.md §38a-3 prescribes
   for "That's the entire mechanism. Not a discount. A different
   way to price you." — Fraunces italic, a gold accent rule (the
   one place gold is allowed off body text: a decorative rule,
   not text color — DESIGN LAW's "gold accent-never-body" governs
   typographic color, not a 4px structural mark).

   CSS-only. Markup is plain HTML the caller writes:
     <blockquote class="pk-pullquote">…</blockquote>
   or, for a centered closing-line treatment:
     <blockquote class="pk-pullquote pk-pullquote--center">…</blockquote>
   ============================================================= */
.pk-pullquote {
  font-family: 'Fraunces', serif;
  font-style: italic;
  font-weight: 500;
  font-size: clamp(22px, 2.6vw, 30px);
  line-height: 1.35;
  letter-spacing: -.01em;
  color: var(--ink);
  max-width: 60ch;
  margin: var(--pk-space-3, 24px) 0;
  padding: 2px 0 2px 28px;
  position: relative;
}
.pk-pullquote::before {
  content: '';
  position: absolute;
  left: 0; top: 4px; bottom: 4px;
  width: 4px;
  background: var(--lemon);
  border-radius: 2px;
}
.pk-pullquote cite {
  display: block;
  margin-top: 10px;
  font-family: 'JetBrains Mono', monospace;
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--mute);
}

/* Centered closer variant — top+bottom gold rule instead of a
   left rule, echoing `.void .mark`'s short underline motif. */
.pk-pullquote--center {
  text-align: center;
  padding: 22px 0;
  margin-left: auto;
  margin-right: auto;
}
.pk-pullquote--center::before {
  left: 50%; top: 0; bottom: auto;
  width: 36px; height: 4px;
  transform: translateX(-50%);
  border-radius: 2px;
}