/* ═══════════════════════════════════════════════════════════════
   pages-modern.css — 상세 페이지(about/tools/membership/church/testimony/policy)
   를 모던 시스템으로 통일. app-modern.css(토큰·nav·footer·btn) 뒤에 로드.
   ═══════════════════════════════════════════════════════════════ */

/* styles.css 팔레트 통째 오버라이드: 테라코타→블루, 베이지→그레이, 세리프→Gothic */
:root{
  --bg:#ffffff!important;--bg-2:#F1F1F4!important;--bg-3:#E9E9EE!important;
  --ink:#0B0B0F!important;--ink-2:#3A3A42!important;--ink-3:#6C6C77!important;--muted:#6C6C77!important;
  --line:#E9E9EE!important;--line-2:#E0E0E6!important;
  --gold:#1E3AFF!important;--gold-2:#1024C7!important;--gold-soft:#EEF0FF!important;
  --nav-bg:rgba(255,255,255,.72)!important;--nav-bg-scrolled:rgba(255,255,255,.9)!important;
  --serif:'Gothic A1','Archivo',sans-serif!important;--sans:'Inter','Gothic A1',sans-serif!important;
}

/* base */
body{background:var(--m-bg)!important;color:var(--m-ink)!important;font-family:'Inter','Gothic A1',sans-serif!important}
main, section, .tools-layout{background:transparent!important}

/* 헤딩: 세리프 → Gothic A1 최중량 */
h1,h2,.section-head h1,.section-head h2,.tool-head h1,.tool-head h2,.plan-head h3,
.testimony h1,.testimony h2,.membership h1,.membership h2,.brand-story h1,.brand-story h2{
  font-family:'Gothic A1','Archivo',sans-serif!important;font-weight:900!important;
  color:var(--m-ink)!important;letter-spacing:-.03em!important;line-height:1.1!important
}
.tool-head p,.section-head p,.section-sub{color:var(--m-muted)!important}

/* kicker */
.kicker{color:var(--m-blue)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.06em;font-family:'Inter','Gothic A1',sans-serif!important}
.kicker i{color:var(--m-blue)!important;font-style:normal}

/* ── 요금제 (.plan) ── */
.plan{background:var(--m-card)!important;border:1px solid var(--m-line)!important;border-radius:20px!important;box-shadow:var(--m-sh-sm)!important}
.plan-featured{border-color:var(--m-blue)!important;box-shadow:0 20px 50px -12px color-mix(in srgb,var(--m-blue) 30%,transparent)!important}
.plan-badge{background:var(--m-blue)!important;color:#fff!important;border:0!important;border-radius:999px!important}
.plan-head h3{color:var(--m-ink)!important;font-family:'Gothic A1',sans-serif!important;font-weight:800!important}
.plan-tag{color:var(--m-muted)!important}
.plan-price .num{font-family:'Gothic A1',sans-serif!important;font-weight:900!important;color:var(--m-ink)!important}
.plan-price .per{color:var(--m-muted)!important}
.plan-feat li{color:var(--m-ink2)!important}
.plan-feat li strong{color:var(--m-ink)!important}
.plan-feat li::before,.list-veil li::before{color:var(--m-blue)!important}
.plan-foot{color:var(--m-muted)!important}
.soon{color:var(--m-blue)!important;background:var(--m-blue-soft)!important;border-radius:6px;padding:1px 6px;font-size:.72em}

/* ── 후기 (.testi) ── */
.testi{background:var(--m-card)!important;border:1px solid var(--m-line)!important;border-radius:20px!important;box-shadow:var(--m-sh-sm)!important}
.testi--featured{border-color:var(--m-blue)!important;box-shadow:0 20px 50px -12px color-mix(in srgb,var(--m-blue) 26%,transparent)!important}
.testi-quote{color:var(--m-blue)!important;opacity:.22}
.testi blockquote{color:var(--m-ink)!important}
.testi mark{background:var(--m-blue-soft)!important;color:var(--m-blue)!important;padding:0 4px;border-radius:4px}
.testi-avatar{background:var(--m-blue-soft)!important;color:var(--m-blue)!important;border:0!important}
.testi-who strong{color:var(--m-ink)!important}
.testi-who span{color:var(--m-muted)!important}
.testi-stars,.testi rating{color:var(--m-gold)!important}

/* ── tools / church tier bar ── */
.tier-badge{border:1px solid var(--m-line)!important;border-radius:999px!important;color:var(--m-ink2)!important;background:var(--m-soft)!important;font-weight:600!important}
.tier-badge .dot{background:var(--m-gold)!important}
.back{color:var(--m-muted)!important}
.back:hover{color:var(--m-ink)!important}

/* faq / details (about) */
.faq-list details,details.reveal{border:1px solid var(--m-line)!important;border-radius:14px!important;background:var(--m-card)!important;box-shadow:var(--m-sh-sm)!important}
.faq-list summary,details summary{color:var(--m-ink)!important;font-weight:600!important}
.faq-list details p,details p{color:var(--m-muted)!important}

/* 일반 카드/타일 */
.card,.tool-card,.story-card,.value-card,.info-card{background:var(--m-card)!important;border:1px solid var(--m-line)!important;border-radius:18px!important;box-shadow:var(--m-sm)!important}

/* 폼/입력 (church 로그인, tools) */
input[type=text],input[type=email],input[type=password],textarea,select{
  border:1px solid var(--m-line)!important;border-radius:12px!important;background:var(--m-card)!important;color:var(--m-ink)!important;font-family:'Inter','Gothic A1',sans-serif!important}
input:focus,textarea:focus,select:focus{outline:2px solid var(--m-blue)!important;outline-offset:-2px}

/* 테이블 */
table{border-color:var(--m-line)!important}
th{color:var(--m-muted)!important}
td,th{border-color:var(--m-line)!important}

/* 달력(tools 감사일기) 기본 톤만 */
.cal,.calendar,.cal-grid{background:var(--m-card)!important;border-color:var(--m-line)!important}
.cal-day,.cal-cell{border-color:var(--m-line)!important;color:var(--m-ink2)!important}
.cal-day.has,.cal-cell.has{background:var(--m-blue-soft)!important;color:var(--m-blue)!important}

/* 강조 mark 전역(테라코타 → 블루) */
mark{background:var(--m-blue-soft)!important;color:var(--m-blue)!important}

/* ── tools/church 전용 헤더 (.tools-topbar) ── */
.tools-topbar{background:color-mix(in srgb,var(--m-bg) 82%,transparent)!important;border-bottom:1px solid var(--m-line)!important;backdrop-filter:blur(12px) saturate(160%)!important;box-shadow:none!important}
.tools-topbar .brand,.tools-topbar .brand-name{color:var(--m-ink)!important;font-family:'Gothic A1','Archivo',sans-serif!important;font-weight:900!important}
.tools-topbar .brand-mark{color:var(--m-gold)!important}
.tools-nav a,.tools-top a,.tools-nav button,.tools-topbar .tab{color:var(--m-muted)!important;font-weight:500!important}
.tools-nav a:hover,.tools-nav a.is-active,.tools-topbar .tab.is-active{color:var(--m-ink)!important}
.tools-nav a.is-active,.tools-topbar .tab.is-active{border-color:var(--m-blue)!important;color:var(--m-blue)!important}

/* ── tools 감사일기 카드/달력 ── */
.grat-card,.grat-history,.grat-item{background:var(--m-card)!important;border:1px solid var(--m-line)!important;border-radius:16px!important;box-shadow:var(--m-sh-sm)!important}
.grat-date{color:var(--m-muted)!important}
.grat-today-chip{background:var(--m-blue-soft)!important;color:var(--m-blue)!important;border:0!important;border-radius:999px!important}
.grat-saved{color:var(--m-blue)!important}
.grat-no{color:var(--m-muted)!important}
.gr-center-num{color:var(--m-ink)!important;font-family:'Gothic A1',sans-serif!important}
.gr-center-label,.gr-legend{color:var(--m-muted)!important}
.gr-ring{stroke:var(--m-blue)!important}
.gr-spoke.on,.gr-spoke.has{background:var(--m-blue)!important}
.grat-photo{border-radius:12px!important}
.grat-del{color:var(--m-muted)!important}

/* plan 불릿(배경형) 테라코타 → 블루 */
.plan-feat li::before,.list-veil li::before{background:var(--m-blue)!important}

/* 본문 강조/인용 테라코타 정리 */
.brand-story em,.brand-story i,.testi blockquote{font-style:normal}