// Pullquote.jsx — print pull-quote: rules above and below, no card
function Pullquote({ children, cite }) {
  return (
    <blockquote style={{
      borderTop: '2px solid var(--c-smoke)',
      borderBottom: '1px solid var(--c-border)',
      padding: '26px 0 24px',
      margin: '36px 0',
    }}>
      <p style={{
        fontFamily: 'var(--font-display)',
        fontSize: 22,
        fontWeight: 500,
        lineHeight: 1.45,
        letterSpacing: '-0.01em',
        color: 'var(--c-smoke)',
      }}>
        {children}
      </p>
      {cite && (
        <cite style={{
          display: 'block',
          marginTop: 14,
          fontFamily: 'var(--font-body)',
          fontSize: 12,
          color: 'var(--c-whisper)',
          letterSpacing: '0.12em',
          textTransform: 'uppercase',
          fontStyle: 'normal',
          fontWeight: 600,
        }}>
          — {cite}
        </cite>
      )}
    </blockquote>
  );
}

window.Pullquote = Pullquote;