/* ==========================================================================
   Basic Korean — 블로그 전체 브랜드 스킨 (bk-theme.css)
   Blogger 기본 테마(Contempo) 위에 덮어쓰는 스킨.
   강의 페이지(bk.css)와 같은 팔레트: 틸 #3fa796 · 코랄 #e0726e · Jua/Quicksand.
   설치: 테마 head 의 bk.css 줄 아래에 이 파일 링크 1줄 추가 (README 참고)
   ========================================================================== */

:root {
  --bk-bg: #ffffff;
  --bk-bg2: #f3f7f6;
  --bk-line: #e4eae8;
  --bk-ink: #242a28;
  --bk-muted: #7b847f;
  --bk-teal: #3fa796;
  --bk-teal-dark: #2c8273;
  --bk-teal-soft: #e2f1ee;
  --bk-coral: #e0726e;
  --bk-coral-soft: #fdeeed;
  --bk-display: "Jua", "Noto Sans KR", sans-serif;
  --bk-sans: "Noto Sans KR", -apple-system, "Helvetica Neue", sans-serif;
}

/* ---------- 전체 바탕 · 기본 글꼴 ---------- */
body {
  font-family: var(--bk-sans) !important;
  color: var(--bk-ink) !important;
  background:
    radial-gradient(900px 520px at 82% -8%, rgba(63, 167, 150, .08), transparent 60%),
    radial-gradient(760px 480px at -8% 108%, rgba(224, 114, 110, .08), transparent 60%),
    var(--bk-bg) !important;
}
.page_body, .bg-photo, .bg-photo-overlay { background: transparent !important; }
a { color: var(--bk-teal-dark); }
a:hover { color: var(--bk-teal); }

/* ---------- 상단 헤더 ---------- */
.centered-top-container, .centered-top-placeholder {
  background: rgba(255, 255, 255, .85) !important;
  border-bottom: 1px solid var(--bk-line);
  backdrop-filter: blur(8px);
}
.widget.Header .title, .widget.Header h1, .blog-name .title {
  font-family: "Quicksand", var(--bk-sans) !important;
  font-weight: 700 !important;
  letter-spacing: .06em;
  color: var(--bk-ink) !important;
  text-transform: uppercase;
}
.widget.Header .title a { color: var(--bk-ink) !important; }
.widget.Header .subtitle, .blog-name .subtitle {
  font-family: var(--bk-sans) !important;
  color: var(--bk-muted) !important;
  font-size: 14px;
}
/* 헤더 링크 목록 (Youtube/Instagram 등) — 알약 버튼 */
.widget.PageList a, .widget.LinkList a {
  display: inline-block;
  border: 1px solid var(--bk-line);
  background: #fff;
  color: var(--bk-teal-dark) !important;
  border-radius: 999px;
  padding: 5px 14px;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none !important;
  transition: .12s;
}
.widget.PageList a:hover, .widget.LinkList a:hover {
  border-color: var(--bk-teal);
  background: var(--bk-teal-soft);
}
.widget.PageList li, .widget.LinkList li { border: 0 !important; }

/* ---------- 카테고리 메뉴 (bk-nav.js 가 삽입) ---------- */
#bk-nav {
  background: rgba(255, 255, 255, .92);
  border-bottom: 1px solid var(--bk-line);
  backdrop-filter: blur(8px);
  position: sticky;
  top: 0;
  z-index: 30;
}
#bk-nav .bk-nav-in {
  max-width: 968px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 4px;
  padding: 6px 10px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
#bk-nav .bk-nav-a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  min-width: 74px;
  padding: 7px 14px 6px;
  border-radius: 12px;
  text-decoration: none !important;
  border-bottom: 2.5px solid transparent;
  transition: .12s;
  white-space: nowrap;
}
#bk-nav .bk-nav-a .k {
  font-family: var(--bk-display);
  font-size: 16.5px;
  color: var(--bk-ink);
  line-height: 1.25;
}
#bk-nav .bk-nav-a .e {
  font-family: "Quicksand", var(--bk-sans);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .05em;
  color: var(--bk-muted);
  text-transform: uppercase;
}
#bk-nav .bk-nav-a:hover { background: var(--bk-teal-soft); }
#bk-nav .bk-nav-a:hover .k { color: var(--bk-teal-dark); }
#bk-nav .bk-nav-a.on { border-bottom-color: var(--bk-coral); }
#bk-nav .bk-nav-a.on .k { color: var(--bk-teal-dark); }
#bk-nav .bk-nav-a.on .e { color: var(--bk-coral); }
@media (max-width: 640px) {
  #bk-nav .bk-nav-in { justify-content: flex-start; }
  #bk-nav .bk-nav-a { min-width: 64px; padding: 6px 10px 5px; }
  #bk-nav .bk-nav-a .k { font-size: 15px; }
}

/* ---------- 홈 글 목록 → 카드 ---------- */
.blog-posts .post-outer-container, .blog-posts .post-outer {
  background: #fff !important;
  border: 1px solid var(--bk-line) !important;
  border-radius: 18px !important;
  box-shadow: 0 4px 18px rgba(63, 167, 150, .06) !important;
  overflow: hidden;
  transition: transform .12s, border-color .12s;
}
.blog-posts .post-outer-container:hover { border-color: var(--bk-teal) !important; transform: translateY(-2px); }
.post-title, .post-title.entry-title, h3.post-title {
  font-family: var(--bk-display) !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}
.post-title a { color: var(--bk-ink) !important; text-decoration: none !important; }
.post-title a:hover { color: var(--bk-teal-dark) !important; }
.snippet-item, .post-snippet { color: var(--bk-muted) !important; font-size: 14.5px; line-height: 1.7; }
.snippet-thumbnail img { border-radius: 12px; }

/* 날짜/작성자 줄 정리 */
.post-header .byline { color: var(--bk-muted) !important; font-size: 12.5px; }
.byline.post-author, .byline.post-share-buttons { display: none !important; } /* 작성자·공유 메뉴 숨김 */

/* Read more 버튼 */
.jump-link, .jump-link.flat-button {
  border: 0 !important;
}
.jump-link a, a.jump-link {
  display: inline-block;
  background: var(--bk-teal) !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 13.5px !important;
  border-radius: 999px !important;
  padding: 8px 18px !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.jump-link a:hover, a.jump-link:hover { filter: brightness(1.06); }

/* 글 더보기 (페이지네이션) */
#blog-pager a, .blog-pager a {
  border: 1px solid var(--bk-line) !important;
  background: #fff !important;
  color: var(--bk-teal-dark) !important;
  border-radius: 999px !important;
  padding: 9px 20px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
#blog-pager a:hover, .blog-pager a:hover { border-color: var(--bk-teal) !important; background: var(--bk-teal-soft) !important; }

/* ---------- 개별 글 화면 ---------- */
.post-body, .post-body.entry-content { font-family: var(--bk-sans); color: var(--bk-ink); }
.post-outer-container .post-title { font-size: 28px; }

/* ---------- 사이드바 ---------- */
.sidebar-container {
  background: #fbfdfc !important;
  border-left: 1px solid var(--bk-line);
}
.sidebar-container .widget .title, .sidebar-container .widget h2, .sidebar-container .widget h3.title {
  font-family: var(--bk-display) !important;
  font-weight: 400 !important;
  color: var(--bk-teal-dark) !important;
  font-size: 18px !important;
  border-left: 3px solid var(--bk-coral);
  padding-left: 10px;
}
/* 연도별 보관함 숨김 */
.widget.BlogArchive { display: none !important; }
/* 'Powered by Blogger' / 신고 줄은 그대로 두기 (정책) */

/* 인기 게시물 */
.widget.PopularPosts .item-title a { color: var(--bk-ink) !important; font-weight: 700; }
.widget.PopularPosts .item-title a:hover { color: var(--bk-teal-dark) !important; }
.widget.PopularPosts .item-snippet { color: var(--bk-muted) !important; font-size: 13px; }
.widget.PopularPosts img { border-radius: 10px; }

/* 라벨 → 칩 */
.widget.Label li, .widget.Label li.list-label-widget-content {
  display: inline-block !important;
  border: 0 !important;
  margin: 3px 4px 3px 0 !important;
  padding: 0 !important;
}
.widget.Label a {
  display: inline-block;
  border: 1px solid var(--bk-line);
  background: #fff;
  color: var(--bk-ink) !important;
  border-radius: 999px;
  padding: 5px 13px;
  font-size: 13.5px;
  text-decoration: none !important;
  transition: .12s;
}
.widget.Label a:hover { border-color: var(--bk-coral); color: var(--bk-coral) !important; background: var(--bk-coral-soft); }
.widget.Label .label-count { color: var(--bk-muted); font-size: 11.5px; }

/* 프로필 */
.widget.Profile .profile-name-link { color: var(--bk-teal-dark) !important; font-weight: 700; }
.widget.Profile img { border-radius: 50%; }

/* ---------- 검색창 ---------- */
.searchBox input, .search input.search-input {
  font-family: var(--bk-sans) !important;
  border-radius: 999px !important;
  border: 1.5px solid var(--bk-line) !important;
}
.searchBox input:focus, .search input.search-input:focus { border-color: var(--bk-teal) !important; }

/* ---------- 푸터 ---------- */
.centered-bottom, footer.footer {
  background: var(--bk-bg2) !important;
  border-top: 1px solid var(--bk-line);
  color: var(--bk-muted) !important;
}

/* ---------- 모바일 보정 ---------- */
@media (max-width: 640px) {
  .blog-posts .post-outer-container { border-radius: 14px !important; }
  .post-outer-container .post-title { font-size: 22px; }
}


/* ==========================================================================
   v2 리디자인 (2026-06-12) — 시안: theme-mockup-home.html
   추천 카드 · 16:9 썸네일 카드 · 푸터 인기 그리드 · 헤더 그라디언트
   ========================================================================== */

/* ---------- 헤더: 틸 소프트 단색 + 둥근 로고, 화면 끝까지 풀블리드 ---------- */
html, body { overflow-x: hidden; }
.centered-top-container, .centered-top-placeholder {
  background: var(--bk-teal-soft) !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
.widget.Header img { border-radius: 50%; }

/* ---------- 홈 글 목록 위 섹션 제목 (bk-nav.js 가 body.bk-home 부여) ---------- */
body.bk-home .blog-posts::before {
  content: "● 최근 강의";
  display: block;
  font-family: var(--bk-display);
  font-size: 20px;
  color: var(--bk-teal-dark);
  margin: 10px 8px 4px;
}

/* (16:9 풀폭 썸네일 시도는 Contempo 마크업과 충돌해 롤백 — 2026-06-12.
   썸네일은 기본 플로트 + 둥근 모서리 유지) */

/* ---------- 추천 게시물(FeaturedPost) — 큰 카드 (1차, 마크업 확인 후 정밀화) ---------- */
.widget.FeaturedPost {
  background: #fff;
  border: 1px solid var(--bk-line);
  border-radius: 20px;
  box-shadow: 0 6px 24px rgba(63, 167, 150, .10);
  padding: 22px 26px;
  margin: 24px 0 4px;
  transition: border-color .12s;
}
.widget.FeaturedPost:hover { border-color: var(--bk-teal); }
.widget.FeaturedPost .title {
  font-family: var(--bk-display) !important;
  font-weight: 400 !important;
  color: var(--bk-teal-dark) !important;
  font-size: 15px !important;
}
.widget.FeaturedPost h3, .widget.FeaturedPost .post-title {
  font-family: var(--bk-display) !important;
  font-weight: 400 !important;
  font-size: 27px !important;
  line-height: 1.3 !important;
}
.widget.FeaturedPost h3 a, .widget.FeaturedPost .post-title a { color: var(--bk-ink) !important; text-decoration: none !important; }
.widget.FeaturedPost h3 a:hover, .widget.FeaturedPost .post-title a:hover { color: var(--bk-teal-dark) !important; }
.widget.FeaturedPost .post-snippet, .widget.FeaturedPost .snippet-item { color: var(--bk-muted) !important; font-size: 14.5px; }
.widget.FeaturedPost img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 14px;
}

/* ---------- 푸터의 인기 게시물 → 3열 카드 그리드 ---------- */
.centered-bottom .widget.PopularPosts > .title, .footer .widget.PopularPosts > .title, .centered-bottom .widget.PopularPosts h3.title {
  font-family: var(--bk-display) !important;
  font-weight: 400 !important;
  color: var(--bk-teal-dark) !important;
  font-size: 20px !important;
  border: 0 !important;
  padding-left: 0 !important;
}
.centered-bottom .widget.PopularPosts ul, .footer .widget.PopularPosts ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  list-style: none;
  padding: 0;
  margin: 12px 0 0;
}
@media (max-width: 860px) { .centered-bottom .widget.PopularPosts ul, .footer .widget.PopularPosts ul { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .centered-bottom .widget.PopularPosts ul, .footer .widget.PopularPosts ul { grid-template-columns: 1fr; } }
.centered-bottom .widget.PopularPosts li, .footer .widget.PopularPosts li {
  background: #fff;
  border: 1px solid var(--bk-line) !important;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .04);
  transition: transform .15s, border-color .15s, box-shadow .15s;
  padding: 0 !important;
  margin: 0 !important;
}
.centered-bottom .widget.PopularPosts li:hover, .footer .widget.PopularPosts li:hover {
  border-color: var(--bk-teal) !important;
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(63, 167, 150, .14);
}
.centered-bottom .widget.PopularPosts .item-thumbnail, .footer .widget.PopularPosts .item-thumbnail {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}
.centered-bottom .widget.PopularPosts .item-thumbnail img, .footer .widget.PopularPosts .item-thumbnail img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 0 !important;
}
.centered-bottom .widget.PopularPosts .item-content, .footer .widget.PopularPosts .item-content { padding: 12px 16px 16px; }
.centered-bottom .widget.PopularPosts .item-title a, .footer .widget.PopularPosts .item-title a {
  font-family: var(--bk-display);
  font-weight: 400 !important;
  font-size: 17px;
  line-height: 1.35;
  text-decoration: none !important;
}

/* ---------- 헤더 로고 — 제목 왼쪽에 원형 로고 (CSS 삽입, 헤더 가젯엔 이미지 없음) ---------- */
.widget.Header h1, .widget.Header .title, .blog-name .title {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 12px;
  line-height: 1.25 !important;
}
.widget.Header h1::before, .widget.Header .title::before, .blog-name .title::before {
  content: "";
  width: 48px;
  height: 48px;
  border-radius: 50%;
  flex: none;
  background: url("https://cdn.jsdelivr.net/gh/basickorean/basickorean-content@4ca1de4/assets/bklogo.jpg") center/cover no-repeat;
}

/* ---------- 헤더 배경 이미지 무력화 — 가젯에 이미지가 있어도 거대 배경 안 나오게 ---------- */
.bg-photo, .bg-photo-overlay, .bg-photo-container { display: none !important; }
.centered-top-container, .centered-top-placeholder { min-height: 0 !important; height: auto !important; }
.widget.Header .header-image, .widget.Header .image-wrap { display: none !important; }


/* ==========================================================================
   v2-2 (2026-06-12) — 홈 렌더러(bk-home.js) 컴포넌트 · SNS 아이콘 · 푸터 브랜드
   시안: theme-mockup-home.html
   ========================================================================== */

/* 렌더 성공 시에만 기본 피드 숨김 (JS 실패 시 기본 피드 그대로 보임) */
body.bk-homeready .blog-posts { display: none !important; }
body.bk-homeready .blog-posts::before { content: none; }
/* 라벨/전체 페이지: "라벨이 X인 게시물 표시" 안내줄·페이지네이션도 숨김 */
body.bk-homeready .status-msg-wrap, body.bk-homeready .status-msg-body,
body.bk-homeready #blog-pager, body.bk-homeready .blog-pager { display: none !important; }

#bk-home { margin: 4px 0 8px; }

/* ---------- 카테고리 필 ---------- */
.bk-pill {
  display: inline-flex;
  align-self: flex-start;
  background: var(--bk-teal-soft);
  color: var(--bk-teal-dark);
  font-weight: 700;
  font-size: 12.5px;
  border-radius: 999px;
  padding: 3px 12px;
  letter-spacing: .04em;
}
.bk-pill.coral { background: var(--bk-coral-soft); color: var(--bk-coral); }
.bk-pill.blue { background: #e7f0fa; color: #3b82c4; }
.bk-pill.pink { background: #fbeaf0; color: #d56b86; }

/* ---------- 추천(최신) 글 — 큰 카드 ---------- */
.bk-feat {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  background: #fff;
  border: 1px solid var(--bk-line);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(63, 167, 150, .10);
  margin: 6px 0 10px;
  text-decoration: none !important;
  color: var(--bk-ink);
  transition: border-color .12s;
}
.bk-feat:hover { border-color: var(--bk-teal); }
.bk-fimg { display: block; aspect-ratio: 16 / 9; background: var(--bk-bg2); }
.bk-fimg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bk-fbody { padding: 24px 26px; display: flex; flex-direction: column; gap: 10px; justify-content: center; }
.bk-feat h2 { font-family: var(--bk-display); font-weight: 400; font-size: 26px; margin: 0; line-height: 1.3; color: var(--bk-ink); }
.bk-feat p { margin: 0; color: var(--bk-muted); font-size: 15px; }
.bk-more { color: var(--bk-teal-dark); font-weight: 700; font-size: 13.5px; }
@media (max-width: 680px) {
  .bk-feat { grid-template-columns: 1fr; }
  .bk-fbody { padding: 18px 20px 20px; }
}

/* ---------- 최근 강의 카드 그리드 ---------- */
.bk-gridhead { font-family: var(--bk-display); font-size: 20px; color: var(--bk-teal-dark); margin: 26px 4px 12px; }
.bk-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 860px) { .bk-cards { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .bk-cards { grid-template-columns: 1fr; } }
.bk-card {
  display: block;
  background: #fff;
  border: 1px solid var(--bk-line);
  border-radius: 16px;
  overflow: hidden;
  text-decoration: none !important;
  color: var(--bk-ink);
  box-shadow: 0 4px 14px rgba(0, 0, 0, .04);
  transition: transform .15s, border-color .15s, box-shadow .15s;
}
.bk-card:hover { border-color: var(--bk-teal); transform: translateY(-3px); box-shadow: 0 10px 24px rgba(63, 167, 150, .14); }
.bk-cimg { display: block; aspect-ratio: 16 / 9; background: var(--bk-bg2); }
.bk-cimg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bk-cimg .bk-noimg, .bk-fimg .bk-noimg {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-family: var(--bk-display);
  font-size: 34px;
  color: var(--bk-teal-dark);
  background: linear-gradient(135deg, var(--bk-teal-soft), #e7f0fa);
}
.bk-cbody { display: block; padding: 14px 16px 16px; }
.bk-card h3 { font-family: var(--bk-display); font-weight: 400; font-size: 18px; margin: 8px 0 6px; line-height: 1.35; }
.bk-card p {
  margin: 0;
  color: var(--bk-muted);
  font-size: 13.5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 전체 글 보기 */
.bk-allwrap { text-align: center; margin: 22px 0 6px; }
.bk-all {
  display: inline-block;
  border: 1px solid var(--bk-line);
  background: #fff;
  color: var(--bk-teal-dark) !important;
  border-radius: 999px;
  padding: 9px 20px;
  font-weight: 700;
  font-size: 13.5px;
  text-decoration: none !important;
}
.bk-all:hover { border-color: var(--bk-teal); background: var(--bk-teal-soft); }

/* ---------- SNS 링크 아이콘 (mask 방식 — 글자색을 따라감) ---------- */
.widget.LinkList a[href*="youtube"], .widget.PageList a[href*="youtube"], #bk-footer a[href*="youtube"] {
  --bk-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M23 7.6a3 3 0 0 0-2.1-2.2C19 5 12 5 12 5s-7 0-8.9.4A3 3 0 0 0 1 7.6 31 31 0 0 0 .6 12 31 31 0 0 0 1 16.4a3 3 0 0 0 2.1 2.1C5 19 12 19 12 19s7 0 8.9-.5a3 3 0 0 0 2.1-2.1A31 31 0 0 0 23.4 12 31 31 0 0 0 23 7.6zM9.8 15.1V8.9L15.9 12l-6.1 3.1z'/></svg>");
}
.widget.LinkList a[href*="instagram"], .widget.PageList a[href*="instagram"], #bk-footer a[href*="instagram"] {
  --bk-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><rect x='2.5' y='2.5' width='19' height='19' rx='5.5'/><circle cx='12' cy='12' r='4.4'/><circle cx='17.6' cy='6.4' r='1.3' fill='black' stroke='none'/></svg>");
}
.widget.LinkList a[href*="buymeacoffee"], .widget.PageList a[href*="buymeacoffee"], #bk-footer a[href*="buymeacoffee"] {
  --bk-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M4.4 4h15.2a1 1 0 0 1 1 1.15l-.3 2A1 1 0 0 1 19.3 8H4.7a1 1 0 0 1-1-.85l-.3-2A1 1 0 0 1 4.4 4zM5.2 9.5h13.6l-1.5 10.2a2 2 0 0 1-2 1.8H8.7a2 2 0 0 1-2-1.8L5.2 9.5zm4.1 2.6c-.5 1.5-.5 3 .1 4.4.2.5.9.5 1.1 0 .5-1.4.5-2.9-.1-4.4-.2-.5-.9-.5-1.1 0z'/></svg>");
}
.widget.LinkList a[href*="youtube"]::before, .widget.PageList a[href*="youtube"]::before, #bk-footer a[href*="youtube"]::before,
.widget.LinkList a[href*="instagram"]::before, .widget.PageList a[href*="instagram"]::before, #bk-footer a[href*="instagram"]::before,
.widget.LinkList a[href*="buymeacoffee"]::before, .widget.PageList a[href*="buymeacoffee"]::before, #bk-footer a[href*="buymeacoffee"]::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  vertical-align: -2px;
  background-color: currentColor;
  -webkit-mask: var(--bk-ico) center / contain no-repeat;
  mask: var(--bk-ico) center / contain no-repeat;
}

/* Buy me a coffee — 브랜드 노란 톤 (헤더 알약만) */
.widget.LinkList a[href*="buymeacoffee"], .widget.PageList a[href*="buymeacoffee"] {
  border-color: #f3d27a !important;
  background: #fdf6e3 !important;
  color: #8a6d1d !important;
}
.widget.LinkList a[href*="buymeacoffee"]:hover, .widget.PageList a[href*="buymeacoffee"]:hover {
  border-color: #eec45e !important;
  background: #fbedc7 !important;
}

/* ---------- 푸터 브랜드 줄 (bk-nav.js 삽입) ---------- */
#bk-footer { text-align: center; padding: 26px 16px 6px; color: var(--bk-muted); font-size: 13.5px; }
#bk-footer .bk-foot-brand { font-family: var(--bk-display); color: var(--bk-teal-dark); font-size: 18px; margin-bottom: 6px; }
#bk-footer p { margin: 0; }
#bk-footer a { color: var(--bk-teal-dark); font-weight: 700; text-decoration: none; }
#bk-footer a:hover { text-decoration: underline; }
#bk-footer .sep { margin: 0 7px; color: #c9d3cf; }


/* ==========================================================================
   v2-3 (2026-06-12) — 헤더 가운데 정렬 + 브랜드 타이틀 리파인
   ========================================================================== */

/* 헤더 내용 가운데 정렬 (제목·태그라인·SNS 알약) */
.widget.Header, .blog-name { text-align: center !important; }
.widget.Header .title, .blog-name .title { justify-content: center; }
.widget.LinkList ul, .widget.PageList ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  padding: 0;
  margin: 4px 0 0;
}

/* 브랜드 타이틀: 밑줄 제거 + 단색 (Contempo 실제 마크업 h1/p 포함) */
.widget.Header h1, .widget.Header .title, .blog-name .title {
  font-size: clamp(24px, 5vw, 32px) !important;
  margin: 0 !important;
  padding: 0 !important;
}
.widget.Header h1 a, .widget.Header .title a, .blog-name .title a {
  text-decoration: none !important;
  border-bottom: 0 !important;
  font-weight: 700;
  letter-spacing: .09em;
  color: var(--bk-ink) !important;
}

/* 태그라인: 제목과 한 세트로 묶고, SNS와는 넉넉한 간격 */
.widget.Header .subtitle, .blog-name .subtitle, .widget.Header .header-widget p {
  text-align: center !important;
  margin: 2px auto 18px !important;
  padding: 0 !important;
  color: var(--bk-muted) !important;
  font-family: var(--bk-sans) !important;
  font-size: 14px !important;
}
/* Contempo 헤더 기본 세로 패딩 압축 + 내부 블록 여백 제거 */
.widget.Header .header-widget { padding: 10px 0 0 !important; }
.widget.Header .header-widget > div { margin: 0 !important; padding: 0 !important; }


/* ==========================================================================
   v2-6 (2026-06-12) — 강의 페이지(본문에 #bk-lesson 존재)
   블로거 제목·대표 이미지·소개 문단은 강의 자체 히어로와 중복 → 화면에서만 숨김
   (HTML에는 남겨 둠: 대표 이미지 = 홈 카드 썸네일·og 이미지, 소개 문단 = 검색엔진용 본문 텍스트)
   ========================================================================== */
body.bk-lessonpage .post-title { display: none !important; }
body.bk-lessonpage .post-body > img { display: none !important; }
body.bk-lessonpage .post-body > p { display: none !important; }
/* :has 지원 브라우저는 JS 로드 전에도 즉시 적용 (깜빡임 방지) */
body:has(#bk-lesson) .post-title { display: none !important; }
.post-body:has(#bk-lesson) > img { display: none !important; }
.post-body:has(#bk-lesson) > p { display: none !important; }