/* ============================================================
 * farpa DS · component · pull · v1.0.0 · 2026-05-10
 * ------------------------------------------------------------
 * Pull quote / marginalia · break editorial.
 * Fraunces opsz 72 weight 500 · border-left blood-700.
 *
 * Padrão:
 *   <blockquote class="farpa-pull">
 *     <p>Cada decisão estrutural tem ADR público.</p>
 *     <cite class="farpa-pull__cite">Conselho 3-de-3 · 2026-05-10</cite>
 *   </blockquote>
 *
 * Modifier:
 *   --marginalia · flutua à direita em viewports ≥ 1024px (max 28ch)
 * ============================================================ */

.farpa-pull {
  font-family: var(--font-display);
  font-variation-settings: var(--font-variation-display-pull);
  font-weight: var(--fw-medium);
  font-size: var(--fs-2xl);
  line-height: 1.2;
  color: var(--fg);
  border-left: 3px solid var(--accent-rule);
  padding-left: var(--sp-5);
  margin: var(--sp-6) 0;
  max-width: 50ch;
}

.farpa-pull p {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0 0 var(--sp-3);
  max-width: none;
}

.farpa-pull p:last-child {
  margin-bottom: 0;
}

.farpa-pull__cite {
  display: block;
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  font-weight: var(--fw-medium);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-style: normal;
  color: var(--accent);
  margin-top: var(--sp-3);
}

/* Marginalia · flutua à direita em desktop · vira block normal em mobile */
@media (min-width: 1024px) {
  .farpa-pull--marginalia {
    float: right;
    max-width: 28ch;
    margin-inline-start: var(--sp-5);
    margin-block: var(--sp-2) var(--sp-5);
    font-size: var(--fs-xl);
  }
}

/* HC · border 4px · sem itálicos */
[data-theme="hc"] .farpa-pull {
  border-left-width: 4px;
}