/* 첫 화면 전용 — cw/theme.css 뒤에 */
/* ---------- 히어로 ---------- */
.cw-hero{background:var(--cw-card);border-bottom:1px solid var(--cw-line)}
.cw-hero__in{padding-block:48px 40px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:center}
.cw-hero__in>*{min-width:0}   /* 1fr 은 minmax(auto,1fr) 이라 검색 input 고유 폭(20자≈312px)이 트랙 최소 폭이 되어 안드로이드 웹뷰(360px)에서 374px 로 넘치던 것 — minmax(0,…) 로 (2026-10-17 S26 실기기 측정) */
.cw-eyebrow{font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--cw-ink);margin:0 0 14px}
.cw-hero h1{margin:0 0 14px;font-size:clamp(28px,4vw,40px);line-height:1.3;font-weight:900;letter-spacing:-1px;text-wrap:balance}
.cw-hero__lede{margin:0 0 20px;font-size:17px;color:var(--cw-fg2);max-width:54ch}
.cw-search{display:flex;gap:8px;max-width:560px}
.cw-search label{flex:1;display:flex;align-items:center;gap:10px;border:2px solid var(--cw-line);border-radius:12px;padding:0 14px;height:52px;background:var(--cw-card)}
.cw-search label:focus-within{border-color:var(--cw-brand)}
.cw-search input{border:0;outline:none;font:inherit;font-size:16px;flex:1;min-width:0;width:100%;background:transparent;color:var(--cw-fg)}
.cw-search .cw-btn{height:52px}
.cw-recent{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--cw-mute);margin-top:14px}
.cw-recent a{padding:4px 10px;border-radius:999px;background:var(--cw-soft);color:var(--cw-ink-strong);text-decoration:none}
.cw-tiles{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.cw-tile{text-decoration:none;color:inherit;background:var(--cw-bg);border:1px solid var(--cw-line);border-radius:var(--cw-radius);padding:20px;display:flex;flex-direction:column;gap:10px;min-height:120px}
.cw-tile:hover{border-color:var(--cw-brand)}
.cw-tile svg{width:28px;height:28px;stroke:var(--cw-ink)}
.cw-tile b{font-size:17px;font-weight:700}
.cw-tile span{font-size:13px;color:var(--cw-fg2)}

/* ---------- 본문 2열 ---------- */
.cw-main{padding-block:32px 0;display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}
.cw-col{display:flex;flex-direction:column;gap:24px}
.cw-moods{display:flex;gap:8px;flex-wrap:wrap}
.cw-moods a,.cw-moods button{padding:10px 16px;border-radius:999px;border:1.5px solid var(--cw-line);background:var(--cw-card);font:inherit;font-size:14px;color:var(--cw-fg);text-decoration:none;min-height:44px;cursor:pointer}
.cw-moods a:hover{border-color:var(--cw-brand);color:var(--cw-ink)}
.cw-today h3{margin:8px 0 6px;font-size:22px;font-weight:700}
.cw-today h3 a{color:var(--cw-fg);text-decoration:none}
.cw-today p{margin:0;font-size:15px;color:var(--cw-fg2);max-width:60ch}
.cw-list{list-style:none;margin:0;padding:0}
.cw-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--cw-line-soft);flex-wrap:wrap}
.cw-list li>a:first-child{font-weight:700;text-decoration:none;color:var(--cw-fg)}
.cw-list .cw-sub{font-size:13px;color:var(--cw-mute)}
.cw-list .cw-time{margin-left:auto;font-size:12px;color:var(--cw-mute)}
.cw-join{background:#357F72;color:#fff;display:flex;flex-direction:column;gap:12px;border:0}   /* 2026-10-20 Lighthouse: 흰 글자 대비 — 브랜드 #3F8C7E 는 3.98:1 이라 #357F72(4.74:1) 로. 라이트·다크 같은 색 */
.cw-join h2{margin:0;font-size:19px}
.cw-join p{margin:0;font-size:14px;color:#fff}
.cw-join__more{color:#fff;font-size:13px;text-decoration:underline;text-underline-offset:2px}   /* "기여한 사람들 →" (전에는 inline style + opacity .9 로 대비 3.56:1) */
.cw-stats{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;font-variant-numeric:tabular-nums}
.cw-stats dt{font-size:12px;color:var(--cw-mute)}
.cw-stats dd{margin:0;font-size:20px;font-weight:700}
.cw-stats dd.is-new{color:var(--cw-ink)}
.cw-regions{display:flex;flex-wrap:wrap;gap:6px}
.cw-regions a{font-size:13px;padding:5px 10px;border-radius:8px;background:var(--cw-bg);text-decoration:none;color:var(--cw-fg)}
.cw-regions a b{color:var(--cw-ink)}
.cw-regions a.more{color:var(--cw-ink)}

/* ---------- 푸터 ---------- */
.cw-footer{margin-top:36px;padding:20px 0 28px;border-top:1px solid var(--cw-line);display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--cw-mute);align-items:center}
.cw-footer a{color:var(--cw-fg2);text-decoration:none}
.cw-footer .cw-btn{margin-left:auto;min-height:36px;padding:0 12px;font-size:13px;font-weight:500;background:var(--cw-card);color:var(--cw-fg);border:1px solid var(--cw-line)}

/* ---------- 반응형 ---------- */
@media (max-width:900px){
  .cw-hero__in{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:32px 28px}
  .cw-main{grid-template-columns:1fr}
}
@media (max-width:600px){
  .cw-search{flex-direction:column}
  .cw-search .cw-btn{width:100%}
  .cw-tiles{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .cw-tile{padding:16px;min-height:0}
  .cw-stats{grid-template-columns:1fr 1fr 1fr}
  .cw-stats dd{font-size:17px}
}
@media (prefers-reduced-motion:no-preference){.cw-tile,.cw-moods a{transition:border-color .15s}}
/* ---------- church.wiki 적용 보강 (2026-10-13) — 시안 패키지에 없던, 이 사이트의 기존 기능과 맞물리는 부분 ---------- */
body.cw-home-page main.wrap{max-width:none;padding:0}                             /* 첫 화면은 히어로를 가로로 꽉 채운다 */
.cw-moods button:hover{border-color:var(--cw-brand);color:var(--cw-ink);background:var(--cw-card)}
.cw-moods .cards__item{font-size:14px;font-weight:500}
.cw-wide{grid-column:1/-1}
.cw-card .chips{margin:0}
.cw-card .chips a{border-radius:8px;padding:5px 10px;background:var(--cw-bg);border-color:var(--cw-line);color:var(--cw-fg);text-decoration:none}
.cw-card .chips a small{color:var(--cw-ink);font-weight:700}
.cw-card .kcat{border-bottom-color:var(--cw-line-soft)}
.cw-card .kcat__h{color:var(--cw-ink-strong)}
.cw-card .changes li{border-bottom-color:var(--cw-line-soft);font-size:14px}
.cw-card .changes__field{background:var(--cw-bg)}
.cw-card .chip--src{background:var(--cw-bg);color:var(--cw-fg2);border-radius:999px;padding:0 8px}
.cw-card .plain{margin:0;padding-left:18px;display:grid;gap:6px;font-size:15px}
.cw-card .plain a{font-weight:500;color:var(--cw-fg);text-decoration:none}
.cw-card .plain .muted{color:var(--cw-mute);font-size:13px}
.cw-card__more{margin:12px 0 0;font-size:13px}
.cw-card__more a{text-decoration:none}
.cw-home .cards{margin:0}

/* ---------- 다크 모드 보강 (2026-10-13, 사용자 지적 "함께 만들어요 두 버튼이 묻힘") ----------
   .cw-home a{color:var(--cw-ink)} 가 .cw-btn--white/.cw-btn--ghost 의 글자색을 덮어써 다크에서 민트 글자가 됐다. 카드 안에서는 색을 고정한다. */
.cw-home .cw-join .cw-btn--white{background:#fff;color:#1F5F55;font-weight:700}
.cw-home .cw-join .cw-btn--white:hover{background:#E3F1EE}
.cw-home .cw-join .cw-btn--ghost{color:#fff;border:1.5px solid rgba(255,255,255,.9);font-weight:700}
.cw-home .cw-join .cw-btn--ghost:hover{background:rgba(255,255,255,.14)}
.cw-home .cw-join a{color:#fff}
[data-theme="dark"] .cw-join{background:#357F72}          /* 다크에서도 카드는 밝은 틸로 띄워 눈에 들어오게 (대비 4.74:1) */
[data-theme="dark"] .cw-join p{color:#fff}
.cw-home .cw-tile{color:var(--cw-fg)}                       /* 같은 이유로 타일 글자색이 틸로 바뀌던 것도 바로잡음 */