
/* ───────────────────────────────────────────────
   styles.css L3318-3337 — .block_message__body 매니페스토 블록
   ─────────────────────────────────────────────── */
/* Message body — HIxAI manifesto block */
.block_message__body {
  max-width: 760px;
  margin-top: 8px;
}
.block_message__body p {
  font-family: var(--font-kr);
  font-size: clamp(17px, 1.4vw, 20px);
  line-height: 1.85;
  color: var(--ink-700);
  margin: 0 0 18px;
  font-weight: 400;
}
.block_message__body p:last-child { margin-bottom: 0; }
.block_message__body-sign {
  margin-top: 28px !important;
  font-weight: 700 !important;
  color: var(--ink-900) !important;
}


/* ───────────────────────────────────────────────
   styles.css L3967-4017 — .manifesto 인용 + manifesto__display + btn--with-logo base (message 전용)
   ─────────────────────────────────────────────── */
/* Manifesto — "사다리, 그 이름의 이유" */
.manifesto {
  max-width: 760px;
  margin-top: 32px;
}
.manifesto__quote {
  font-family: var(--font-kr);
  font-size: clamp(20px, 2vw, 28px);
  font-weight: 700;
  line-height: 1.45;
  color: var(--ink-900);
  margin: 0 0 32px;
  padding: 4px 0 4px 18px;
  border-left: 3px solid var(--orange-700, #E8642C);
}
.manifesto p {
  font-family: var(--font-kr);
  font-size: clamp(15px, 1.2vw, 17px);
  line-height: 1.9;
  color: var(--ink-700);
  margin: 0 0 22px;
}
.manifesto p em {
  font-style: normal !important;
  font-family: var(--font-en);
  font-weight: 700;
  color: var(--ink-900);
  letter-spacing: -0.01em;
}
.manifesto__action { margin-top: 32px; }

/* Button with embedded logo + separator + label */
.btn--with-logo { gap: 12px !important; }
.btn--with-logo .btn__logo {
  height: 18px;
  width: auto;
  display: block;
}
.btn--with-logo .btn__sep {
  width: 1px;
  height: 18px;
  background: currentColor;
  opacity: 0.3;
}


/* ───────────────────────────────────────────────
   styles.css L4221-4230 — .btn--with-logo 흰배경 override — 매니페스토(message) 버튼 패밀리와 co-locate → block_message
   ─────────────────────────────────────────────── */
/* Manifesto button with logo — white background */
.btn--with-logo {
  background: var(--white) !important;
  color: var(--ink-900) !important;
  border-color: var(--ink-300) !important;
}
.btn--with-logo:hover {
  background: var(--white) !important;
  border-color: var(--ink-900) !important;
}

/* ───────────────────────────────────────────────
   styles.css L4545-4556 — manifesto__quote cite
   ─────────────────────────────────────────────── */
/* Manifesto cite */
.manifesto__quote cite {
  display: block;
  font-style: normal;
  font-family: var(--font-kr);
  font-size: 14px;
  font-weight: 500;
  color: var(--ink-500);
  margin-top: 10px;
  letter-spacing: -0.005em;
}

