/* ══════════════════════════════════════════════
   평강 블루 — 다듬기 (삼성 웹 디자인 원칙을 참고해 정리, 색상 코드는 그대로)

   1. 평면: 그림자 대신 흰 바탕과 연한 면(--cream)으로 구분 (팝업 · 사진 위 재생 버튼만 예외)
   2. 모양 규칙 세 가지만: 버튼 · 칩 = 알약 / 사진 · 카드 = 12px / 탭 · 메뉴 = 각진 2px 막대
   3. 버튼: 높이 40 · 좌우 20~24 · 14px/700
      기본 버튼 = 진한 남색(--ink) 채움 / 테두리 버튼 = 마우스를 올리면 남색으로 반전
   4. 파랑(--point)은 '지금 여기'(선택된 메뉴 · 탭 · 쪽 번호)와 아이콘 · 링크에만
   5. 글자 굵기는 700까지 (900 → 700), 큰 제목은 자간을 살짝 좁게
   6. 키보드로 이동할 때 보이는 초점: 2px 점선
   7. 사진 칸: 마우스를 올리면 사진만 살짝 확대 (1.05), 색은 바꾸지 않음
   ══════════════════════════════════════════════ */

:root {
  --r-pill: 999px;
  --r-card: 12px;
  --r-sm: 8px;
  --h-btn: 40px;
}

/* ── 6. 키보드 초점 ── */
.pk-site :is(a, button, summary, [tabindex]):focus-visible { outline: 2px dotted var(--ink); outline-offset: 2px; }
.pk-site :is(input, select, textarea):focus-visible { outline: 2px dotted var(--ink); outline-offset: 1px; }

/* ── 5. 글자 ── */
.pk-site .pg-title { font-size: 30px; font-weight: 700; letter-spacing: -0.02em; }
.pk-site .lnb-title { font-weight: 700; letter-spacing: -0.02em; }
.pk-site .ft-logo { font-weight: 700; }
.pk-site .pk-main .jipyo-line { font-weight: 700; letter-spacing: -0.03em; }
.pk-site .pk-main .ms-text { font-weight: 700; letter-spacing: -0.02em; }
.pk-site .pk-main .ms-month b { font-weight: 700; letter-spacing: -0.04em; }
.pk-site .pk-intl .ih-title { font-weight: 700; letter-spacing: -0.025em; }
.pk-site .pk-intl :is(.ih-card-title, .ih-link-title, .ih-visit-name) { font-weight: 700; }

/* ══ 머리말 (메뉴) ══ */
.pk-site .nav { background: rgba(255,255,255,.96); }
/* 메뉴 이름: 쉴 때는 진한 글자, 올리거나 지금 있는 메뉴는 파랑 + 2px 막대 */
.pk-site .nav-links > a,
.pk-site .nav-drop-trigger { font-size: 16px; font-weight: 700; letter-spacing: -0.01em; color: var(--ink) !important; }
.pk-site .nav-links > a:hover, .pk-site .nav-links > a.selected,
.pk-site .nav-item-dropdown:hover .nav-drop-trigger,
.pk-site .nav-item-dropdown.open .nav-drop-trigger,
.pk-site .nav-item-dropdown.selected .nav-drop-trigger { color: var(--point) !important; }
.pk-site .nav-item-dropdown:hover .nav-drop-trigger::after,
.pk-site .nav-item-dropdown.open .nav-drop-trigger::after { transform: scaleX(1); }
/* 펼친 메뉴(화면 폭 전체 판)는 layout.css '펼친 메뉴' */
.pk-site .nav-drop-link:hover, .pk-site .nav-drop-link.on { color: var(--point); }
/* 오른쪽 아이콘(검색 등) · 언어 단추: 연한 면의 동그란 단추 */
.pk-site .nav-icon { width: 36px; height: 36px; border-radius: 50%; background: var(--cream); border: 1px solid var(--cream); color: var(--ink-mid) !important; transition: border-color .2s, color .2s; }
.pk-site .nav-icon:hover { border-color: var(--cream-dark); color: var(--ink) !important; }
.pk-site .nav-lang-btn { height: 36px; padding: 0 12px; border-radius: var(--r-pill); background: var(--cream); border: 1px solid var(--cream); color: var(--ink-mid); }
.pk-site .nav-lang-btn:hover, .pk-site .nav-lang.open .nav-lang-btn { background: var(--cream); border-color: var(--cream-dark); color: var(--ink); }
/* 작은 펼침 목록(언어 · 교회소개 항목): 그림자 대신 테두리 */
.pk-site :is(.nav-lang-menu, .pg-sec-list) { border-radius: var(--r-card); box-shadow: none; border-color: var(--cream-dark); padding: 8px; }
.pk-site :is(.nav-lang-menu, .pg-sec-list) a { border-radius: var(--r-sm); }
/* 검색 줄 */
.pk-site .nav-search { box-shadow: none; }
.pk-site .nav-search-submit { height: var(--h-btn); padding: 0 24px !important; border-radius: var(--r-pill); background: var(--ink) !important; font-size: 14px; display: inline-flex; align-items: center; }
.pk-site .nav-search-submit:hover { background: var(--royal) !important; }

/* ══ 서브 화면 제목줄 · 왼쪽 메뉴 ══ */
.pk-site .pg-head { padding: 44px 48px 32px; }
.pk-site .lnb-title { border-bottom-width: 2px; }

/* ══ 첫 화면 ══ */
/* 바로가기: 그림자 · 떠오르기 없이 테두리 → 채움만 */
.pk-site .pk-main .qn-ico { border-radius: 20px; box-shadow: none; border-color: var(--cream-dark); transition: background .18s, border-color .18s; }
.pk-site .pk-main .qn:hover .qn-ico, .pk-site .pk-main .qn:focus-visible .qn-ico { transform: none; box-shadow: none; }
.pk-site .pk-main .qn.hl .qn-ico { box-shadow: none; }
.pk-site .pk-main .qn-name { font-size: 13.5px; font-weight: 500; }
.pk-site .pk-main .qn:focus-visible { outline-offset: 4px; border-radius: var(--r-sm); }
/* 생방송 바로가기 버튼: 알약 */
.pk-site .pk-main .hb-live-go { border-radius: var(--r-pill); padding: 8px 16px; }
/* 섹션 이름: 영문 대문자 느낌 대신 담백하게 */
.pk-site .pk-main .section-label { font-size: 12px; letter-spacing: .04em; }

/* 위젯: 제목 옆 '더보기' = 진한 글자 + 밑줄 막대 */
.pk-site .pkl-more { font-size: 12px; font-weight: 700; color: var(--ink-mid) !important; text-decoration: underline; text-decoration-color: var(--cream-dark); text-underline-offset: 4px; }
.pk-site .pkl-more:hover { color: var(--ink) !important; text-decoration-color: var(--ink); }
/* 분류 표시 · 새 글 표시: 알약 */
.pk-site :is(.pkl-badge, .pkl-new) { border-radius: var(--r-pill); }
.pk-site .pkl-badge { padding: 2px 8px; }
/* 사진 · 영상 썸네일 */
.pk-site .pkl-gi { border-radius: 6px; }
.pk-site .pkl-yt-th { border-radius: var(--r-sm); }
.pk-site .pkl-yt-pl { box-shadow: none; }
.pk-site .pkl-banner .banner-thumb { border-radius: var(--r-sm); }
.pk-site .pkl-banner :is(.banner-btn, .banner-pause) { border-radius: 50%; width: 32px; height: 32px; }
.pk-site .pkl-banner .btype { border-radius: var(--r-pill); }

/* 외국어 첫 화면 */
.pk-site .pk-intl .ih-btn { height: var(--h-btn); padding: 0 24px; border-radius: var(--r-pill); font-size: 14px; border-color: var(--ink); color: var(--ink); background: transparent; transition: background .2s linear, color .2s linear, border-color .2s linear; }
.pk-site .pk-intl .ih-btn:hover { background: var(--ink); border-color: var(--ink); color: #fff; }
.pk-site .pk-intl .ih-btn-primary { background: var(--ink); border-color: var(--ink); color: #fff; }
.pk-site .pk-intl .ih-btn-primary:hover { background: var(--royal); border-color: var(--royal); }
.pk-site .pk-intl .ih-card-ico { border-radius: var(--r-card); }
.pk-site .pk-intl .ih-sermon-th { border-radius: var(--r-card); }
.pk-site .pk-intl .ih-sermon-play { box-shadow: none; }
.pk-site .ih-player-frame { border-radius: var(--r-card); }

/* ══ 게시판 ══ */
/* 3. 버튼: 높이 40 알약, 테두리 버튼은 마우스를 올리면 남색으로 반전 */
/* (라이믹스 공통 .btn이 높이 24px을 !important로 고정하므로 여기서도 !important) */
.pk-site .pk-board .btn { height: var(--h-btn) !important; line-height: 1.2 !important; padding: 0 20px !important; border-radius: var(--r-pill); font-size: 14px; font-weight: 700;
  border: 1px solid var(--ink); background: transparent; color: var(--ink); transition: background-color .2s linear, border-color .2s linear, color .2s linear; }
.pk-site .pk-board .btn:hover { background: var(--ink); border-color: var(--ink); color: #fff; }
.pk-site .pk-board .btn-primary { background: var(--ink); border-color: var(--ink); color: #fff; }
.pk-site .pk-board .btn-primary:hover { background: var(--royal); border-color: var(--royal); color: #fff; }
.pk-site .pk-board .btn-danger:hover { background: var(--live); border-color: var(--live); color: #fff; }
.pk-site .pk-board .btn-danger-solid { background: var(--live); border-color: var(--live); color: #fff; }
.pk-site .pk-board .btn-danger-solid:hover { background: #c94a25; border-color: #c94a25; }
.pk-site .pk-board .bd-write { height: var(--h-btn); padding: 0 22px; border-radius: var(--r-pill); font-size: 14px; background: var(--ink); }
.pk-site .pk-board .bd-write:hover { background: var(--royal); }
.pk-site .pk-board .bd-pick-toggle { height: var(--h-btn); padding: 0 16px; border-radius: var(--r-pill); font-size: 13px; font-weight: 700; color: var(--ink); border-color: var(--cream-dark); }
.pk-site .pk-board .bd-pick-toggle:hover, .pk-site .pk-board .bd-pick-toggle.on { color: var(--ink); border-color: var(--ink); }
.pk-site .pk-board .bd-setup { width: var(--h-btn); height: var(--h-btn); border-radius: 50%; align-items: center; justify-content: center; background: var(--cream); padding: 0; }
.pk-site .pk-board .bd-setup:hover { color: var(--ink); background: var(--cream-dim); }
/* 검색 칸: 알약 */
.pk-site .pk-board .bd-search { border-radius: var(--r-pill); height: var(--h-btn); background: var(--cream); border-color: var(--cream); }
.pk-site .pk-board .bd-search:focus-within { border-color: var(--ink); background: #fff; }
.pk-site .pk-board .bd-search select { height: 38px; background: transparent; padding: 0 4px 0 16px; font-size: 13px; }
.pk-site .pk-board .bd-search input[type=text] { height: 38px; background: transparent; font-size: 13px; }
.pk-site .pk-board .bd-search button { height: 38px; background: transparent; border-left: 0; padding: 0 16px 0 10px; color: var(--ink-mid); }
.pk-site .pk-board .bd-search button:hover { color: var(--ink); }
/* 분류 칩 */
.pk-site .pk-board .bd-cat { padding: 0 16px; height: 36px; display: inline-flex; align-items: center; font-size: 13px; border-radius: var(--r-pill); }

/* 글 목록: 머리줄은 가볍게, 줄 간격은 넉넉하게 */
.pk-site .pk-board .bd-list thead th { padding: 14px 12px; font-size: 12px; background: transparent; border-bottom: 1px solid var(--ink); }
.pk-site .pk-board .bd-list tbody td { padding: 16px 12px; }
.pk-site .pk-board .bd-title a { font-size: 14px; }
.pk-site .pk-board .bd-list tbody tr:hover td { background: var(--cream); }
.pk-site .pk-board tr.bd-notice td { background: var(--cream); }
.pk-site .pk-board :is(.bd-cat-badge, .gal-cat, .bd-new, .rd-tag) { border-radius: var(--r-pill); }
.pk-site .pk-board .bd-cat-badge { padding: 3px 10px; font-size: 11px; }
.pk-site .pk-board .bd-notice-strip li { border-radius: var(--r-sm); background: var(--cream); }

/* 사진 · 영상 카드: 테두리 없이 12px, 마우스를 올리면 사진만 확대 */
.pk-site .pk-board .gal-thumb { border: 0; border-radius: var(--r-card); }
.pk-site .pk-board .gal-card:hover .gal-thumb { border-color: transparent; }
.pk-site .pk-board .gal-card:hover .gal-thumb img { transform: scale(1.05); }
.pk-site .pk-board .gal-card.on .gal-thumb { border: 0; outline: 2px solid var(--point); outline-offset: 2px; }
.pk-site .pk-board .gal-title { font-size: 14px; font-weight: 700; }
.pk-site .pk-board .alb-item { border-radius: var(--r-sm); }
.pk-site .pk-board .wp-thumb { border-radius: var(--r-card); box-shadow: none; }

/* 쪽 번호: 동그라미, 지금 쪽은 남색 */
.pk-site .pk-board .bd-page { min-width: 36px; height: 36px; border-radius: var(--r-pill); }
.pk-site .pk-board .bd-page.on { background: var(--ink); color: #fff; }
.pk-site .pk-board.pk-type-video .bd-page { border-color: transparent; }

/* 글 읽기: 면(--cream)으로 구분, 모서리 12px */
.pk-site .pk-board :is(.rd-player, .rd-body .rd-yt, .rd-body .rd-legacy-video) { border-radius: var(--r-card); }
.pk-site .pk-board :is(.rd-extra, .fm-extra) { border: 0; border-radius: var(--r-card); background: var(--cream); }
.pk-site .pk-board .rd-files { border-radius: var(--r-card); }
.pk-site .pk-board .rd-wall { border-radius: var(--r-card); }
.pk-site .pk-board .wl-down { border-radius: var(--r-card); background: var(--ink); }
.pk-site .pk-board .wl-down:hover { background: var(--royal); }
.pk-site .pk-board .fm-hint { border-radius: var(--r-sm); }

/* 글쓰기 입력 칸 */
.pk-site .pk-board :is(.fm input[type=text], .fm input[type=password], .fm input[type=email], .fm input[type=url], .fm select, .fm textarea, .fm-regdate input[type=datetime-local]) { border-radius: var(--r-sm); }
.pk-site .pk-board :is(.fm input, .fm select, .fm textarea):focus { border-color: var(--ink); }

/* ══ 팝업 ══ */
.pk-site .pk-popup-box { border-radius: 16px; box-shadow: 0 24px 64px rgba(0,0,0,.24); }

/* ══ 움직임을 줄이도록 설정한 사람에게는 확대 없이 ══ */
@media (prefers-reduced-motion: reduce) {
  .pk-site .pk-board .gal-card:hover .gal-thumb img, .pk-site .pkl-gi:hover img { transform: none; }
}

/* ══ 좁은 화면 ══ */
@media (max-width: 960px) {
  .pk-site .pg-head { padding: 28px 20px 22px; }
  .pk-site .pk-board .btn { height: 38px !important; padding: 0 16px !important; font-size: 13px; }
}
@media (max-width: 600px) {
  .pk-site .pg-title { font-size: 24px; }
  .pk-site .nav-icon { width: 34px; height: 34px; }
  .pk-site .nav-lang-btn { height: 34px; padding: 0 10px; }
  .pk-site .pk-board .bd-write { padding: 0 16px; }
}