/* ─────────────────────────────────────────────────────────────
   veil-together.css — "함께 만들기 / Build it with us" 블록 (2026-09-11)

   왜 있나: 이 블록(.together-grid / .together-card / .together-church)의
   스타일이 `index-ko.html` · `membership.html` · `membership-en.html`
   **세 파일의 <style> 태그 안에만** 복사돼 있었다.
   그래서 같은 마크업을 쓰는 `index-en.html` · `index-es.html` ·
   `index-pt.html` 은 규칙이 하나도 안 걸린 날것으로 나갔다 —
   테두리도 3열 그리드도 여백도 없이 문단이 세로로 흐르는 상태였다.
   (2026-09-06 PRICING-1 에서 한국어에만 넣고 나머지 3개 언어를 빠뜨린 것)

   ⚠ 같은 계열의 결함이 이 레포에서 반복됐다 — 2026-08-20 랜딩 푸터,
     2026-09-06 안내 페이지 35개(veil-footer.css). 원인은 늘 같다:
     **마크업은 복사되는데 스타일이 한 파일 안에 갇혀 있는 것.**
     그래서 인라인을 지우고 이 공용 파일 하나로 모은다.
     `tests/together-block-wiring.test.mjs` 가 전 HTML 을 훑어
     마크업을 쓰는 페이지가 이 파일을 로드하는지 강제한다.

   어떻게 쓰나: veil-header.css 와 같은 자리(</head> 근처)에 링크한다.
   자족형이다 — 다른 스타일시트의 변수·리셋에 기대지 않는다.
   값은 `index-ko.html` 라이브 실측과 같다(그쪽이 유일하게 정상이었다).

   ⛔ 다크모드는 잠금 상태다(DESIGN-3). 라이트 기준으로만 쓴다.
   ───────────────────────────────────────────────────────────── */

.together .together-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 22px;
}

.together .together-card {
  border: 1px solid rgba(17, 17, 17, .10);
  border-radius: 16px;
  padding: 22px 20px;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.together .together-card h3 { font-size: 1.05rem; margin: 0; }
.together .together-card p { margin: 0; color: #4b4b4b; line-height: 1.6; flex: 1; }
.together .together-card .btn { align-self: flex-start; margin-top: 6px; }

.together .together-church { margin-top: 18px; color: #4b4b4b; }
/* 금색 #CDA00A 는 흰 배경에서 2.43:1 이라 글자에 못 쓴다(2026-08-30 판정).
   글자용 금색은 #7F6104 다. */
.together .together-church a { color: #7F6104; font-weight: 600; }

@media (max-width: 760px) {
  .together .together-grid { grid-template-columns: 1fr; }
}

/* ── 2026-09-15 — 이 블록의 세 버튼을 금색 CTA 로 (Eddy 지시) ──
   왜: 랜딩에서 실제로 행동을 요청하는 자리가 여기인데 회색 아웃라인이라
   눈에 걸리지 않았다. '핵심 CTA = 금색' 은 2026-08-28 확정된 체계다.
   ⛔ 흰 배경 위 #CDA00A 글자는 2.43:1 이라 못 쓴다 — 면을 금색으로 채우고
     글자는 #1A1405 로 간다(veil-header.css 의 --vh-gold-ink 와 같은 값, 12.6:1).
   ⛔ 공용 .btn-o 를 직접 고치지 않는다. 그 클래스는 사이트 전역이라 번진다.
     선택자 3개라 mono/modern 의 .btn-o(1개)를 특정성으로 이긴다 — !important 불필요.
   ⚠ 위쪽 '.together .together-card .btn { align-self … }' 와 선택자가 같다.
     뒤에 오는 이 블록이 이겨야 하므로 순서를 바꾸지 말 것. */
.together .together-card .btn {
  background: #CDA00A;
  border: 1px solid #CDA00A;
  color: #1A1405;
  font-weight: 700;
  box-shadow: 0 1px 2px rgba(20, 20, 26, .10);
}
.together .together-card .btn:hover {
  background: #B08A06;
  border-color: #B08A06;
  color: #1A1405;
}