@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
/* ════════════════════════════════════════════════════════════
   쿡톡 블로그 — 브런치 디자인 v3 (헤더 전용)
   작성: 2026-04-29 (RESET 후 새 시작)
   적용 범위: body.ct-letter (시범 1편만)
   v3.1 헤더 — 사용자 확정: 40px / 햄버거 펼침 / 반투명 검정 + 블러
   ════════════════════════════════════════════════════════════ */

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.css');

:root {
  --ct-font: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
}

/* 1. 헤더 (fixed, 40px, 반투명 블러) */
html body.ct-letter header.wp-block-template-part {
  position: fixed !important;
  top: 0; left: 0; right: 0;
  z-index: 100;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  padding: 0 1.25rem !important;
  margin: 0 !important;
  background: rgba(0, 0, 0, 0.35) !important;
  backdrop-filter: saturate(180%) blur(10px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(10px) !important;
  border: 0 !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
  display: flex !important;
  align-items: center !important;
}

html body.ct-letter header.wp-block-template-part > .wp-block-group {
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 2. 사이트 워드마크 cooktalk */
html body.ct-letter .wp-block-site-title,
html body.ct-letter .wp-block-site-title a {
  color: #ffffff !important;
  font-family: var(--ct-font) !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  letter-spacing: -0.03em !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

/* 3. 햄버거 메뉴 — 항상 표시 */
html body.ct-letter .wp-block-navigation__responsive-container-open {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #ffffff !important;
  cursor: pointer;
}
html body.ct-letter .wp-block-navigation__responsive-container-open svg {
  fill: #ffffff !important;
  width: 22px !important;
  height: 22px !important;
}

/* 데스크톱 인라인 메뉴 숨겨서 햄버거로 통일 */
html body.ct-letter .wp-block-navigation:not(.is-responsive) > .wp-block-navigation__container,
html body.ct-letter .wp-block-navigation > .wp-block-navigation__container {
  display: none !important;
}

/* 햄버거 클릭 시 메뉴 패널 */
html body.ct-letter .wp-block-navigation__responsive-container.is-menu-open {
  background: rgba(20, 20, 24, 0.96) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  padding: 4.5rem 1.5rem 2rem !important;
}
html body.ct-letter .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem;
}
html body.ct-letter .wp-block-navigation__responsive-container.is-menu-open a {
  color: rgba(255, 255, 255, 0.92) !important;
  font-family: var(--ct-font) !important;
  font-size: 1.05rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  padding: 1rem 0.5rem !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
html body.ct-letter .wp-block-navigation__responsive-container.is-menu-open a:hover {
  color: #ffffff !important;
}

html body.ct-letter .wp-block-navigation__responsive-container-close {
  color: #ffffff !important;
}
html body.ct-letter .wp-block-navigation__responsive-container-close svg {
  fill: #ffffff !important;
}

/* 4. 헤더 fixed 보정 */
html body.ct-letter .wp-site-blocks {
  padding-top: 0 !important;
}


/* WP 어드민 바 보정 — 로그인한 사용자에게만 헤더가 어드민 바 아래에 뗠도록 */
body.admin-bar.single-post.postid-336 header.wp-block-template-part { top: 32px !important; }
@media screen and (max-width: 782px) {
  body.admin-bar.single-post.postid-336 header.wp-block-template-part { top: 46px !important; }
}


/* v3.2 Footer center-align (Step 2) */
body.ct-letter footer.wp-block-template-part .wp-block-group.is-content-justification-space-between {
  justify-content: center !important;
  gap: 0.75rem 1.5rem !important;
  flex-wrap: wrap !important;
  text-align: center !important;
}


/* v3.3 Cover gradient (Step 3) - letters wine-red, postid-336 only */
body.ct-letter { background: transparent !important; }
body.ct-letter::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 70% 35%, rgba(220,90,80,0.40) 0%, transparent 55%),
    radial-gradient(ellipse at 20% 80%, rgba(140,40,30,0.30) 0%, transparent 50%),
    linear-gradient(160deg, #5a2828 0%, #3d1a1a 50%, #1a0d0d 100%);
}
body.ct-letter::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, transparent 35%, transparent 70%, rgba(0,0,0,0.45) 100%);
}


/* v3.4 Hero title (Step 4) - postid-336 only / center, white+shadow, mid size, no category label */
html body.ct-letter .wp-block-post-title {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: 1.5rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1rem !important;
  color: #ffffff !important;
  text-align: center !important;
  font-family: var(--ct-font) !important;
  font-weight: 700 !important;
  font-size: clamp(1.625rem, 1.2rem + 1.6vw, 2.25rem) !important;
  line-height: 1.35 !important;
  letter-spacing: -0.035em !important;
  text-shadow: 0 2px 30px rgba(0,0,0,0.6) !important;
  background: transparent !important;
  background-image: none !important;
}
html body.ct-letter .wp-block-post-title::before,
html body.ct-letter .wp-block-post-title::after {
  content: none !important;
  display: none !important;
}
html body.ct-letter .wp-block-post-title a {
  color: inherit !important;
  text-decoration: none !important;
}


/* v3.5 Body card (Step 5) - postid-336 / 720px / radius 1.5rem / font 17-18px / no slide-up */
html body.ct-letter .wp-block-post-content,
html body.ct-letter .entry-content {
  position: relative !important;
  z-index: 1 !important;
  background: #ffffff !important;
  border-radius: 1.5rem 1.5rem 0 0 !important;
  padding: clamp(2.5rem, 6vw, 5rem) clamp(1.25rem, 5vw, 3rem) clamp(2.5rem, 5vw, 4rem) !important;
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  box-shadow: none !important;
}
html body.ct-letter .wp-block-post-content p,
html body.ct-letter .entry-content p,
html body.ct-letter .wp-block-post-content .wp-block-paragraph {
  font-family: var(--ct-font) !important;
  font-size: 1.0625rem !important;
  line-height: 1.7 !important;
  letter-spacing: -0.015em !important;
  color: #1a1a1f !important;
  font-weight: 400 !important;
  margin: 0 0 1.4em !important;
  word-break: keep-all;
  overflow-wrap: break-word;
  background: transparent !important;
  text-shadow: none !important;
}
@media (min-width: 768px) {
  html body.ct-letter .wp-block-post-content p,
  html body.ct-letter .entry-content p {
    font-size: 1.125rem !important;
  }
}
html body.ct-letter .wp-block-post-content > p:last-child > em:only-child {
  display: block !important;
  text-align: center !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.04em !important;
  margin-top: 3rem !important;
  font-style: normal !important;
  color: #6c6c70 !important;
}
/* meta (date, author) - body card top, white bg */
html body.ct-letter .wp-block-post-date,
html body.ct-letter .wp-block-post-author {
  background: #ffffff !important;
  color: #6c6c70 !important;
  font-size: 0.85rem !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 0.5rem clamp(1.25rem, 5vw, 3rem) !important;
  position: relative !important;
  z-index: 1 !important;
}


/* v3.5b Meta integrate into card top */
html body.ct-letter main .wp-block-group.is-content-justification-left {
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 0.75rem 1.25rem !important;
  background: #ffffff !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 2rem clamp(1.25rem, 5vw, 3rem) 0.5rem !important;
  border-radius: 1.5rem 1.5rem 0 0 !important;
  position: relative !important;
  z-index: 1 !important;
}
html body.ct-letter main .wp-block-post-date,
html body.ct-letter main .wp-block-post-author {
  background: transparent !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.85rem !important;
  color: #6c6c70 !important;
  letter-spacing: 0.01em !important;
}
/* body card top corner removed (meta wrapper is now card top) */
html body.ct-letter .wp-block-post-content,
html body.ct-letter .entry-content {
  border-radius: 0 !important;
  padding-top: 1rem !important;
  border-top: 1px solid rgba(0,0,0,0.06) !important;
}


/* v3.6 Hide widgets (Step 6) */
/* Hide cooktalk More-from box (main 3rd div) */
body.ct-letter main > div:nth-of-type(3) { display: none !important; }
/* Hide floating subscribe button */
body.ct-letter .jetpack-subscribe-floating-button { display: none !important; }
.jetpack-subscribe-floating-button { display: none !important; }


/* v3.6b Category + Comments wrapper - integrate with card (Step 6b) */
html body.ct-letter main > div:nth-of-type(4) {
  background: #ffffff !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 1.5rem clamp(1.25rem, 5vw, 3rem) 2.5rem !important;
  border-radius: 0 0 1.5rem 1.5rem !important;
  position: relative !important;
  z-index: 1 !important;
  border-top: 1px solid rgba(0,0,0,0.06) !important;
}
html body.ct-letter main > div:nth-of-type(4) a {
  color: #6c6c70 !important;
}
html body.ct-letter main > div:nth-of-type(4) h2,
html body.ct-letter main > div:nth-of-type(4) h3 {
  color: #1a1a1f !important;
  font-family: var(--ct-font) !important;
}
html body.ct-letter .wp-block-post-comments-form,
html body.ct-letter form.comment-form {
  background: transparent !important;
}


/* v3.6c Remove gap between body card and category/comments card */
html body.ct-letter main {
  --wp--style--block-gap: 0 !important;
  row-gap: 0 !important;
}
html body.ct-letter main > * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}
html body.ct-letter .wp-block-post-content,
html body.ct-letter .entry-content {
  margin-bottom: 0 !important;
  padding-bottom: 1.5rem !important;
}


/* v3.6d Width unify - card box-sizing border-box */
html body.ct-letter .wp-block-post-content,
html body.ct-letter .entry-content {
  box-sizing: border-box !important;
}
html body.ct-letter main .is-content-justification-left,
html body.ct-letter main > div:nth-of-type(4) {
  box-sizing: border-box !important;
}


/* v3.7 Footer white background (fix missing footer text) */
html body.ct-letter footer.wp-block-template-part {
  background: #ffffff !important;
  color: #1a1a1f !important;
  position: relative !important;
  z-index: 1 !important;
  padding: 2rem 1.25rem !important;
}
html body.ct-letter footer.wp-block-template-part .wp-block-spacer {
  height: 1.5rem !important;
}
html body.ct-letter footer.wp-block-template-part p,
html body.ct-letter footer.wp-block-template-part .wp-block-site-title,
html body.ct-letter footer.wp-block-template-part .wp-block-site-title a {
  color: #1a1a1f !important;
  font-family: var(--ct-font) !important;
}


/* v3.7b Footer width 720px (match body card) */
html body.ct-letter footer.wp-block-template-part {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html body.ct-letter footer.wp-block-template-part > .wp-block-group {
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  padding-left: clamp(1.25rem, 5vw, 3rem) !important;
  padding-right: clamp(1.25rem, 5vw, 3rem) !important;
}


/* v3.8 Cover IMAGE applied (postid-336) - blog-bg1 */
html body.ct-letter::before {
  background-image: url("https://i0.wp.com/cooktalk.blog/wp-content/uploads/2026/05/%ED%8E%B8%EC%A7%80.png?w=1920&quality=70") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: #2a3a1f !important;
}


/* v3.8 Cover IMAGE - blog-bg1 */
html body.ct-letter::before {
  background-image: url("https://i0.wp.com/cooktalk.blog/wp-content/uploads/2026/05/%ED%8E%B8%EC%A7%80.png?w=1920&quality=70") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: #2a3a1f !important;
}


/* v3.9 Comments heading - smaller */
html body.ct-letter main > div:nth-of-type(4) h1,
html body.ct-letter main > div:nth-of-type(4) h2,
html body.ct-letter main > div:nth-of-type(4) h3,
html body.ct-letter main > div:nth-of-type(4) .wp-block-comments-title,
html body.ct-letter main > div:nth-of-type(4) .comment-reply-title {
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  margin-top: 1.5em !important;
  margin-bottom: 0.6em !important;
  font-family: var(--ct-font) !important;
  letter-spacing: -0.015em !important;
  color: #1a1a1f !important;
  line-height: 1.4 !important;
}


/* v3.10 Mobile width unify + Hamburger fullscreen */
@media (max-width: 781px) {
  html body.ct-letter main .is-content-justification-left,
  html body.ct-letter main > .wp-block-post-content,
  html body.ct-letter main > .entry-content,
  html body.ct-letter main > div:nth-of-type(4) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    box-sizing: border-box !important;
  }
  html body.ct-letter footer.wp-block-template-part > .wp-block-group {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    box-sizing: border-box !important;
  }
}

/* Hamburger menu - fullscreen overlay */
html body.ct-letter .wp-block-navigation__responsive-container.is-menu-open {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100dvh !important;
  z-index: 200 !important;
  background: rgba(20, 20, 24, 0.96) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  padding: 5rem 1.5rem 2rem !important;
  overflow-y: auto !important;
  display: flex !important;
  flex-direction: column !important;
}
html body.ct-letter .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  flex: 1 !important;
  gap: 1rem !important;
  width: 100% !important;
  max-width: 600px !important;
  margin: 0 auto !important;
}
html body.ct-letter .wp-block-navigation__responsive-container.is-menu-open a {
  font-size: 1.4rem !important;
  font-weight: 500 !important;
  padding: 1rem 0 !important;
  border-bottom: 0 !important;
  text-align: center !important;
  width: 100% !important;
  display: block !important;
}


/* v3.10b Mobile - parent (main self-0 has-global-padding) padding 0 to align meta full width */
@media (max-width: 781px) {
  html body.ct-letter main > div.has-global-padding:first-of-type {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


/* v3.11 Comments area - sharp corners (direct rectangles) */
html body.ct-letter main > div:nth-of-type(4) {
  border-radius: 0 !important;
}
html body.ct-letter main > div:nth-of-type(4) input,
html body.ct-letter main > div:nth-of-type(4) textarea,
html body.ct-letter main > div:nth-of-type(4) button,
html body.ct-letter .wp-block-post-comments-form input,
html body.ct-letter .wp-block-post-comments-form textarea,
html body.ct-letter .wp-block-post-comments-form button,
html body.ct-letter .comment-form input,
html body.ct-letter .comment-form textarea,
html body.ct-letter .comment-form button,
html body.ct-letter .comment-form .form-submit input {
  border-radius: 0 !important;
}


/* v3.12 Global footer (all pages) - center align + 720px unify */
html body footer.wp-block-template-part .wp-block-group.is-content-justification-space-between {
  justify-content: center !important;
  gap: 0.75rem 1.5rem !important;
  flex-wrap: wrap !important;
  text-align: center !important;
}
html body footer.wp-block-template-part > .wp-block-group {
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  padding-left: clamp(1.25rem, 5vw, 3rem) !important;
  padding-right: clamp(1.25rem, 5vw, 3rem) !important;
}
@media (max-width: 781px) {
  html body footer.wp-block-template-part > .wp-block-group {
    max-width: 100% !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
}


/* v3.13 Global - hide cooktalk More-from box on all single posts */
body.single-post main > div:nth-of-type(3).has-global-padding {
  display: none !important;
}



/* ════════════════════════════════════════════════════════════
   쿡톡 블로그 — 브런치 디자인 v4 (사용자 ChatGPT 대화 반영)
   추가: 2026-05-09 (v3 위에 덧붙임)
   적용 범위: body.ct-letter
   결: 햄버거 숨김 / 인용문 결 / 상단 메타 숨김 / 좋아요·공유 결 / 응원하기 강화 숨김
   ════════════════════════════════════════════════════════════ */

/* v4.1 — 햄버거 메뉴 숨김 (v3.3 결 unset) */
html body.ct-letter .wp-block-navigation__responsive-container-open,
html body.ct-letter .wp-block-navigation,
html body.ct-letter .wp-block-navigation__responsive-container {
  display: none !important;
}
html body.ct-letter header.wp-block-template-part > .wp-block-group {
  justify-content: center !important;
}

/* v4.2 — 인용문(Pullquote/Quote 블록) 결 */
html body.ct-letter main .wp-block-pullquote,
html body.ct-letter main .wp-block-quote {
  background: transparent !important;
  border: 0 !important;
  border-left: 0 !important;
  padding: 0 !important;
  margin: 0 auto 2.5rem !important;
  text-align: center !important;
  max-width: 720px !important;
}
html body.ct-letter main .wp-block-pullquote p,
html body.ct-letter main .wp-block-quote p {
  font-family: var(--ct-font) !important;
  font-size: 1.05rem !important;
  font-style: italic !important;
  color: #6c6c70 !important;
  line-height: 1.7 !important;
  letter-spacing: -0.005em !important;
  position: relative !important;
  padding: 0 1.5rem !important;
  margin: 0 !important;
}
html body.ct-letter main .wp-block-pullquote p::before,
html body.ct-letter main .wp-block-quote p::before {
  content: "\201C";
  display: inline-block;
  font-size: 1.5em;
  vertical-align: -0.2em;
  margin-right: 0.15em;
  opacity: 0.5;
}
html body.ct-letter main .wp-block-pullquote p::after,
html body.ct-letter main .wp-block-quote p::after {
  content: "\201D";
  display: inline-block;
  font-size: 1.5em;
  vertical-align: -0.2em;
  margin-left: 0.15em;
  opacity: 0.5;
}

/* v4.3 — 상단 메타 숨김 (날짜 하단으로 이동) */
html body.ct-letter main .wp-block-group.is-content-justification-left {
  display: none !important;
}
html body.ct-letter .wp-block-post-content,
html body.ct-letter .entry-content {
  border-radius: 1.5rem 1.5rem 0 0 !important;
  border-top: 0 !important;
  padding-top: clamp(2.5rem, 6vw, 5rem) !important;
}

/* v4.4 — 좋아요(Jetpack Likes) — 본문 카드 끝 */
html body.ct-letter .jetpack-likes-widget-wrapper,
html body.ct-letter .post-likes-widget-wrapper {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 1.5rem clamp(1.25rem, 5vw, 3rem) 0 !important;
  background: #ffffff !important;
  text-align: center !important;
  position: relative !important;
  z-index: 1 !important;
  box-sizing: border-box !important;
}

/* v4.5 — 공유 — 작은 원형 아이콘 */
html body.ct-letter .sharedaddy.sd-sharing-enabled,
html body.ct-letter .jp-sharing-input-touch,
html body.ct-letter .sd-sharing {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 0.75rem clamp(1.25rem, 5vw, 3rem) 1.5rem !important;
  background: #ffffff !important;
  border: 0 !important;
  text-align: center !important;
  position: relative !important;
  z-index: 1 !important;
  box-sizing: border-box !important;
}
html body.ct-letter .sharedaddy h3.sd-title,
html body.ct-letter .sd-title {
  display: none !important;
}
html body.ct-letter .sd-content ul {
  justify-content: center !important;
  display: flex !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body.ct-letter .sd-content ul li {
  margin: 0 4px !important;
  list-style: none !important;
}
html body.ct-letter .sd-content ul li a.share-icon,
html body.ct-letter .sd-content ul li > a {
  background: rgba(0, 0, 0, 0.05) !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #1a1a1f !important;
  text-decoration: none !important;
  border: 0 !important;
  padding: 0 !important;
  transition: background 0.2s !important;
}
html body.ct-letter .sd-content ul li a.share-icon:hover {
  background: rgba(0, 0, 0, 0.12) !important;
}
html body.ct-letter .sd-content ul li a.share-icon svg {
  width: 18px !important;
  height: 18px !important;
}

/* v4.6 — 응원하기/구독/플로팅 강화 숨김 */
html body.ct-letter .jetpack-subscribe-floating-button,
html body.ct-letter .wp-block-tip-jar,
html body.ct-letter [class*="tip-jar"],
html body.ct-letter [class*="-donate-"],
html body.ct-letter [class*="-support-"],
html body.ct-letter .author-cta,
html body.ct-letter .wp-block-jetpack-tip-jar,
html body.ct-letter .premium-content-wrapper {
  display: none !important;
}

/* v4.7 — 본문 끝 날짜 (사용자가 본문 끝에 ct-bottom-date 단락 직접 추가) */
html body.ct-letter .ct-bottom-date,
html body.ct-letter p.ct-bottom-date {
  text-align: center !important;
  font-size: 0.85rem !important;
  color: #999 !important;
  letter-spacing: 0.04em !important;
  margin-top: 3rem !important;
  margin-bottom: 0 !important;
  font-family: var(--ct-font) !important;
  font-style: normal !important;
  font-weight: 400 !important;
}



/* ════════════════════════════════════════════════════════════
   v5 — 공유 서비스 정리 (네이버블로그·카카오톡만 노출)
   추가: 2026-05-09 — Facebook/X/Threads 숨김
   ════════════════════════════════════════════════════════════ */
html body.ct-letter li.share-facebook,
html body.ct-letter li.share-x,
html body.ct-letter li.share-twitter,
html body.ct-letter li.share-threads,
html body.ct-letter li.share-customize-link,
html body.ct-letter li.share-end {
  display: none !important;
}

/* 네이버블로그 — 다른 서비스와 같은 작은 원형 아이콘 결로 */
html body.ct-letter li.share-custom a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  background: rgba(0, 0, 0, 0.05) !important;
  border-radius: 50% !important;
  border: 0 !important;
  padding: 0 !important;
  color: #1a1a1f !important;
  text-decoration: none !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-indent: -9999px !important;
}

html body.ct-letter li.share-custom a::before {
  content: "N" !important;
  text-indent: 0 !important;
  position: relative !important;
  font-family: 'Pretendard Variable', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #03C75A !important;
}

/* 카카오톡 별도 버튼 — 작은 원형 아이콘으로 통일 */
html body.ct-letter .ct-kakaotalk-share,
html body.ct-letter a.ct-kakaotalk-share {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  background: #FEE500 !important;
  border-radius: 50% !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 6px !important;
  text-decoration: none !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
  font-size: 0 !important;
  white-space: nowrap !important;
}

html body.ct-letter .ct-kakaotalk-share::before {
  content: "K" !important;
  text-indent: 0 !important;
  position: relative !important;
  font-family: 'Pretendard Variable', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #3C1E1E !important;
}

/* 카카오톡 wrapper 정리 — 안내 텍스트 숨기고 아이콘만 */
html body.ct-letter .ct-kakaotalk-share-wrapper,
html body.ct-letter .ct-kakaotalk-share-row {
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}



/* ════════════════════════════════════════════════════════════
   v5.1 — 미세 정리 (m1·m2)
   m1: *버튼 사용자 정의* 안내 텍스트 숨김 (p.share-customize-link)
   m2: 좋아요·N·K 같은 정렬 결
   ════════════════════════════════════════════════════════════ */

/* m1 — share-customize-link 숨김 (관리자에게만 보이던 안내 링크) */
html body.ct-letter p.share-customize-link,
html body.ct-letter .share-customize-link {
  display: none !important;
}

/* m2 — Sharing(N)과 Likes wrapper 정렬 통일 */
html body.ct-letter .entry-content > .sharedaddy.sd-sharing-enabled {
  text-align: center !important;
  margin: 1.5rem auto 0.5rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  max-width: 720px !important;
}

html body.ct-letter .sharedaddy .sd-content {
  text-align: center !important;
}

html body.ct-letter .sharedaddy .sd-content > ul {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: center !important;
}

html body.ct-letter .jetpack-likes-widget-wrapper {
  text-align: center !important;
  margin: 0.5rem auto 1.5rem !important;
}

/* 좋아요 위젯 안의 카카오톡(K)이 좋아요 옆에 인라인 정렬되도록 */
html body.ct-letter .jetpack-likes-widget-wrapper .ct-kakaotalk-share {
  vertical-align: middle !important;
  margin-left: 8px !important;
}



/* ════════════════════════════════════════════════════════════
   v5.2 — m2 후속 정리 (좋아요·N·K 한 줄 통일)
   ════════════════════════════════════════════════════════════ */

/* 좋아요 wrapper 자체를 flex 컨테이너로 — 좋아요·N·K 한 줄 가운데 */
html body.ct-letter .jetpack-likes-widget-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  text-align: center !important;
}

/* JS가 만든 inline span — 옮겨진 sharing 아이템을 한 줄로 */
html body.ct-letter .ct-share-row-inline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

html body.ct-letter .ct-share-row-inline li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
}

/* 빈 li / bullet 잔존 숨김 */
html body.ct-letter .ct-share-row-inline li:empty,
html body.ct-letter .jetpack-likes-widget-wrapper > li:empty {
  display: none !important;
}

/* Likes 버튼·텍스트도 inline-flex로 — 같은 줄 */
html body.ct-letter .jetpack-likes-widget-wrapper .sd-like {
  display: inline-flex !important;
  align-items: center !important;
}

/* *먼저 좋아요를 누르세요* 텍스트 — 작게·옅게 */
html body.ct-letter .jetpack-likes-widget-wrapper .sd-no-likes {
  font-size: 0.85em !important;
  color: #999 !important;
  margin-left: 4px !important;
}



/* ════════════════════════════════════════════════════════════
   v5.3 — Facebook/X/Threads 강제 숨김 (specificity 강화)
   ════════════════════════════════════════════════════════════ */
html body.ct-letter .jetpack-likes-widget-wrapper li.share-facebook,
html body.ct-letter .jetpack-likes-widget-wrapper li.share-x,
html body.ct-letter .jetpack-likes-widget-wrapper li.share-twitter,
html body.ct-letter .jetpack-likes-widget-wrapper li.share-threads,
html body.ct-letter .jetpack-likes-widget-wrapper li.share-customize-link,
html body.ct-letter .ct-share-row-inline li.share-facebook,
html body.ct-letter .ct-share-row-inline li.share-x,
html body.ct-letter .ct-share-row-inline li.share-twitter,
html body.ct-letter .ct-share-row-inline li.share-threads,
html body.ct-letter .ct-share-row-inline li.share-customize-link {
  display: none !important;
}



/* ════════════════════════════════════════════════════════════
   v6 — 좋아요·카카오톡·네이버 사각 라벨 박스 한 줄 통일
   K·N 원형 → 흰 박스 + 작은 브랜드 점 + 한글 라벨
   *먼저 좋아요* 텍스트 숨김
   ════════════════════════════════════════════════════════════ */

/* 카카오톡 — 원형 → 사각 라벨 박스 */
html body.ct-letter .ct-kakaotalk-share,
html body.ct-letter a.ct-kakaotalk-share {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  height: auto !important;
  padding: 6px 12px !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  font-size: 0 !important;
  color: #1a1a1f !important;
  font-family: var(--ct-font) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

html body.ct-letter .ct-kakaotalk-share::before {
  content: "" !important;
  display: inline-block !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  background: #FEE500 !important;
  font-size: 0 !important;
}

html body.ct-letter .ct-kakaotalk-share::after {
  content: "카카오톡" !important;
  font-family: var(--ct-font) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #1a1a1f !important;
  letter-spacing: -0.015em !important;
}

/* 네이버 (sharedaddy custom share) — 원형 → 사각 라벨 박스 */
html body.ct-letter li.share-custom a,
html body.ct-letter .ct-share-row-inline li.share-custom a,
html body.ct-letter .jetpack-likes-widget-wrapper li.share-custom a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  height: auto !important;
  padding: 6px 12px !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  font-size: 0 !important;
  color: #1a1a1f !important;
  font-family: var(--ct-font) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

html body.ct-letter li.share-custom a::before,
html body.ct-letter .ct-share-row-inline li.share-custom a::before,
html body.ct-letter .jetpack-likes-widget-wrapper li.share-custom a::before {
  content: "" !important;
  display: inline-block !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  background: #03C75A !important;
  color: transparent !important;
  font-size: 0 !important;
}

html body.ct-letter li.share-custom a::after,
html body.ct-letter .ct-share-row-inline li.share-custom a::after,
html body.ct-letter .jetpack-likes-widget-wrapper li.share-custom a::after {
  content: "네이버" !important;
  font-family: var(--ct-font) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #1a1a1f !important;
  letter-spacing: -0.015em !important;
}

/* 좋아요·K·N 한 줄 가운데 정렬 */
html body.ct-letter .jetpack-likes-widget-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

/* *먼저 좋아요를 누르세요* 텍스트 숨김 — 좋아요 박스만 */
html body.ct-letter .jetpack-likes-widget-wrapper .sd-no-likes,
html body.ct-letter .jetpack-likes-widget-wrapper .like-text,
html body.ct-letter .sd-like-status {
  display: none !important;
}



/* ════════════════════════════════════════════════════════════
   v6.1 — Jetpack Likes iframe 너비 조정 + 한 줄 강제
   *먼저 좋아요를 누르세요* 텍스트 잘라내기 (iframe 안이라 직접 숨김 불가)
   ════════════════════════════════════════════════════════════ */

/* 좋아요 wrapper — flex 한 줄 가운데 (wrap 금지) */
html body.ct-letter .jetpack-likes-widget-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
}

/* iframe 너비 좁히기 — 좋아요 박스만 보이도록 */
html body.ct-letter .jetpack-likes-widget-wrapper iframe.post-likes-widget,
html body.ct-letter iframe.jetpack-likes-widget {
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
  height: 32px !important;
  vertical-align: middle !important;
}

/* placeholder도 동일 너비 */
html body.ct-letter .jetpack-likes-widget-wrapper .likes-widget-placeholder,
html body.ct-letter .jetpack-likes-widget-wrapper .post-likes-widget-placeholder {
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

/* h3.sd-title 와 빈 sd-text-color, sd-link-color 숨김 */
html body.ct-letter .jetpack-likes-widget-wrapper > h3.sd-title,
html body.ct-letter .jetpack-likes-widget-wrapper > span.sd-text-color,
html body.ct-letter .jetpack-likes-widget-wrapper > a.sd-link-color {
  display: none !important;
}



/* v6.2 — iframe 너비 더 좁힘 (☆ 좋아요만 보이게) */
html body.ct-letter .jetpack-likes-widget-wrapper iframe.post-likes-widget,
html body.ct-letter iframe.jetpack-likes-widget,
html body.ct-letter .jetpack-likes-widget-wrapper .likes-widget-placeholder,
html body.ct-letter .jetpack-likes-widget-wrapper .post-likes-widget-placeholder {
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  height: 32px !important;
  overflow: hidden !important;
}



/* ════════════════════════════════════════════════════════════
   v6.3 — Jetpack Likes iframe 너비 더 좁힘
   *☆ 좋아요* 박스만 보이게 — *먼저 좋아요를 누르세요* 텍스트 완전 잘림
   ════════════════════════════════════════════════════════════ */

html body.ct-letter .jetpack-likes-widget-wrapper iframe.post-likes-widget,
html body.ct-letter iframe.jetpack-likes-widget,
html body.ct-letter .jetpack-likes-widget-wrapper .likes-widget-placeholder,
html body.ct-letter .jetpack-likes-widget-wrapper .post-likes-widget-placeholder,
html body.ct-letter .jetpack-likes-widget-wrapper .post-likes-widget {
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  height: 30px !important;
  overflow: hidden !important;
  vertical-align: middle !important;
}

/* iframe 부모(div)에도 강제 너비 — 잘림 보장 */
html body.ct-letter .jetpack-likes-widget-wrapper > div.likes-widget-placeholder,
html body.ct-letter .jetpack-likes-widget-wrapper > div.post-likes-widget-placeholder {
  display: inline-block !important;
}



/* ════════════════════════════════════════════════════════════
   v6.4 — Jetpack Likes를 *☆ 좋아요* 사각 박스로 완전 대체
   placeholder에 우리 라벨 그리고 iframe을 투명 overlay로 덮음
   클릭 = iframe이 받음 / 시각 = 우리 *☆ 좋아요* 박스
   ════════════════════════════════════════════════════════════ */

/* placeholder를 흰 박스 라벨로 */
html body.ct-letter .jetpack-likes-widget-wrapper > div.post-likes-widget-placeholder,
html body.ct-letter .jetpack-likes-widget-wrapper > div.likes-widget-placeholder {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 78px !important;
  max-width: 78px !important;
  height: 32px !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  font-size: 0 !important;
  cursor: pointer !important;
  vertical-align: middle !important;
}

/* placeholder ::before에 *☆ 좋아요* 텍스트 (가짜 라벨) */
html body.ct-letter .jetpack-likes-widget-wrapper > div.post-likes-widget-placeholder::before,
html body.ct-letter .jetpack-likes-widget-wrapper > div.likes-widget-placeholder::before {
  content: "\2606  \C88B\C544\C694" !important;
  font-family: var(--ct-font) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #1a1a1f !important;
  letter-spacing: -0.015em !important;
  line-height: 1 !important;
  pointer-events: none !important;
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

/* iframe을 placeholder 위에 투명 overlay로 — 클릭만 받음 */
html body.ct-letter .jetpack-likes-widget-wrapper iframe.post-likes-widget,
html body.ct-letter iframe.jetpack-likes-widget {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  z-index: 2 !important;
  cursor: pointer !important;
  border: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
}



/* v6.5 — placeholder 안 spinner/button 숨김 (○ 잔존 제거) */
html body.ct-letter .likes-widget-placeholder > span,
html body.ct-letter .post-likes-widget-placeholder > span,
html body.ct-letter .likes-widget-placeholder .loading,
html body.ct-letter .post-likes-widget-placeholder .loading,
html body.ct-letter .likes-widget-placeholder .button,
html body.ct-letter .post-likes-widget-placeholder .button {
  display: none !important;
}



/* ════════════════════════════════════════════════════════════
   v7 — 카테고리별 배경 이미지 (시범: 쿡톡의 편지)
   PHP 스니펫 10이 부여한 ct-cat-letter 클래스에 매칭
   흰 배경 일러스트라 — 제목 색 어둡게, 어두운 오버레이 약화
   ════════════════════════════════════════════════════════════ */

/* 쿡톡의 편지 — 슬로건페이지 일러스트 (흰 배경) */
html body.ct-letter.ct-cat-letter::before {
  background-image: url("https://i0.wp.com/cooktalk.blog/wp-content/uploads/2026/05/%ED%8E%B8%EC%A7%80.png?w=1920&quality=70") !important;
  background-color: #ffffff !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* 흰 배경이라 어두운 오버레이 거의 제거 */
html body.ct-letter.ct-cat-letter::after {
  background: linear-gradient(180deg, transparent 0%, transparent 70%, rgba(0,0,0,0.06) 100%) !important;
}

/* 제목 — 흰 배경에 어둡게 (v3.4의 흰색·진한 그림자 덮어쓰기) */
html body.ct-letter.ct-cat-letter .wp-block-post-title {
  color: #1a1a1f !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) !important;
  font-weight: 700 !important;
}

html body.ct-letter.ct-cat-letter .wp-block-post-title a {
  color: #1a1a1f !important;
}

/* 모바일 — 일러스트가 너무 작아 안 보일 수도, contain 그대로 두되 패딩 보정 */
@media (max-width: 781px) {
  html body.ct-letter.ct-cat-letter::before {
    background-size: 90% auto !important;
  }
}



/* v7.1 — 제목 위치 일러스트 하단으로 (Cook Talk 손글씨 위) */
html body.ct-letter.ct-cat-letter .wp-block-post-title {
  justify-content: flex-end !important;
  padding-top: 0 !important;
  padding-bottom: clamp(14vh, 18vh, 22vh) !important;
}

@media (max-width: 781px) {
  html body.ct-letter.ct-cat-letter .wp-block-post-title {
    padding-bottom: clamp(8vh, 12vh, 16vh) !important;
  }
}


/* v9 - letters except postid-718 */
html body.ct-letter.ct-cat-letter:not(.postid-718)::before {
  background-image: url("https://i0.wp.com/cooktalk.blog/wp-content/uploads/2026/05/%ED%8E%B8%EC%A7%80.png?w=1920&quality=70") !important;
  background-color: #2a3a1f !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
html body.ct-letter.ct-cat-letter:not(.postid-718)::after {
  background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, transparent 35%, transparent 70%, rgba(0,0,0,0.45) 100%) !important;
}
html body.ct-letter.ct-cat-letter:not(.postid-718) .wp-block-post-title {
  color: #ffffff !important;
  text-shadow: 0 2px 30px rgba(0,0,0,0.6) !important;
  justify-content: center !important;
  padding-bottom: 1.5rem !important;
  padding-top: 0 !important;
}
html body.ct-letter.ct-cat-letter:not(.postid-718) .wp-block-post-title a {
  color: #ffffff !important;
}

/* v9 - postid-718 slogan page */
html body.postid-718::before,
html body.ct-letter.postid-718::before {
  background-image: url("https://i0.wp.com/cooktalk.blog/wp-content/uploads/2026/05/%ED%8E%B8%EC%A7%80.png?w=1920&quality=70") !important;
  background-color: #ffffff !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
html body.postid-718::after,
html body.ct-letter.postid-718::after {
  background: linear-gradient(180deg, transparent 0%, transparent 70%, rgba(0,0,0,0.06) 100%) !important;
}
html body.postid-718 .wp-block-post-title,
html body.ct-letter.postid-718 .wp-block-post-title {
  color: #1a1a1f !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) !important;
  justify-content: flex-end !important;
  padding-bottom: clamp(14vh, 18vh, 22vh) !important;
  padding-top: 0 !important;
}
html body.postid-718 .wp-block-post-title a,
html body.ct-letter.postid-718 .wp-block-post-title a {
  color: #1a1a1f !important;
}
@media (max-width: 781px) {
  html body.postid-718::before {
    background-size: 90% auto !important;
  }
  html body.postid-718 .wp-block-post-title {
    padding-bottom: clamp(8vh, 12vh, 16vh) !important;
  }
}


/* v11 - cat-letter not postid-718 unify */
html body.ct-letter.ct-cat-letter:not(.postid-718)::before {
  background-color: #ffffff !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
html body.ct-letter.ct-cat-letter:not(.postid-718)::after {
  background: linear-gradient(180deg, transparent 0%, transparent 70%, rgba(0,0,0,0.06) 100%) !important;
}
html body.ct-letter.ct-cat-letter:not(.postid-718) .wp-block-post-title {
  color: #1a1a1f !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) !important;
  justify-content: flex-end !important;
  padding-bottom: clamp(14vh, 18vh, 22vh) !important;
  padding-top: 0 !important;
}
html body.ct-letter.ct-cat-letter:not(.postid-718) .wp-block-post-title a {
  color: #1a1a1f !important;
}
@media (max-width: 781px) {
  html body.ct-letter.ct-cat-letter:not(.postid-718)::before {
    background-size: 90% auto !important;
  }
  html body.ct-letter.ct-cat-letter:not(.postid-718) .wp-block-post-title {
    padding-bottom: clamp(8vh, 12vh, 16vh) !important;
  }
}



/* v12 - seasonal-ingredients (식탁에 계절 들이기) */
html body.ct-letter.ct-cat-table::before {
  background-image: url("https://i0.wp.com/cooktalk.blog/wp-content/uploads/2026/05/%EA%B2%8C%EC%A0%88%EB%93%A4%EC%9D%B4%EA%B8%B0.png?w=1920&quality=70") !important;
  background-color: #ffffff !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
html body.ct-letter.ct-cat-table::after {
  background: linear-gradient(180deg, transparent 0%, transparent 70%, rgba(0,0,0,0.06) 100%) !important;
}
html body.ct-letter.ct-cat-table .wp-block-post-title {
  color: #1a1a1f !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) !important;
  justify-content: flex-end !important;
  padding-bottom: clamp(14vh, 18vh, 22vh) !important;
  padding-top: 0 !important;
}
html body.ct-letter.ct-cat-table .wp-block-post-title a {
  color: #1a1a1f !important;
}
@media (max-width: 781px) {
  html body.ct-letter.ct-cat-table::before {
    background-size: 90% auto !important;
  }
  html body.ct-letter.ct-cat-table .wp-block-post-title {
    padding-bottom: clamp(8vh, 12vh, 16vh) !important;
  }
}


/* v13 - seasonal-dictionary (계절 사전) */
html body.ct-letter.ct-cat-seasonal::before {
  background-image: url("https://i0.wp.com/cooktalk.blog/wp-content/uploads/2026/05/%EA%B3%84%EC%A0%88%EC%82%AC%EC%A0%84.png?w=1920&quality=70") !important;
  background-color: #ffffff !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
html body.ct-letter.ct-cat-seasonal::after {
  background: linear-gradient(180deg, transparent 0%, transparent 70%, rgba(0,0,0,0.06) 100%) !important;
}
html body.ct-letter.ct-cat-seasonal .wp-block-post-title {
  color: #1a1a1f !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) !important;
  justify-content: flex-end !important;
  padding-bottom: clamp(14vh, 18vh, 22vh) !important;
  padding-top: 0 !important;
}
html body.ct-letter.ct-cat-seasonal .wp-block-post-title a {
  color: #1a1a1f !important;
}
@media (max-width: 781px) {
  html body.ct-letter.ct-cat-seasonal::before {
    background-size: 90% auto !important;
  }
  html body.ct-letter.ct-cat-seasonal .wp-block-post-title {
    padding-bottom: clamp(8vh, 12vh, 16vh) !important;
  }
}


/* v15 - gourmet-dictionary */
html body.ct-letter.ct-cat-gourmet::before {
  background-image: url("https://i0.wp.com/cooktalk.blog/wp-content/uploads/2026/05/%EB%AF%B8%EC%8B%9D%EC%82%AC%EC%A0%84.png?w=1920&quality=70") !important;
  background-color: #ffffff !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
html body.ct-letter.ct-cat-gourmet::after {
  background: linear-gradient(180deg, transparent 0%, transparent 70%, rgba(0,0,0,0.06) 100%) !important;
}
html body.ct-letter.ct-cat-gourmet .wp-block-post-title {
  color: #1a1a1f !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) !important;
  justify-content: flex-end !important;
  padding-bottom: clamp(14vh, 18vh, 22vh) !important;
  padding-top: 0 !important;
}
html body.ct-letter.ct-cat-gourmet .wp-block-post-title a {
  color: #1a1a1f !important;
}
@media (max-width: 781px) {
  html body.ct-letter.ct-cat-gourmet::before { background-size: 90% auto !important; }
  html body.ct-letter.ct-cat-gourmet .wp-block-post-title { padding-bottom: clamp(8vh, 12vh, 16vh) !important; }
}


/* v16 - sanjijiphi */
html body.ct-letter.ct-cat-sanji::before {
  background-image: url("https://i0.wp.com/cooktalk.blog/wp-content/uploads/2026/05/%EC%82%B0%EC%A7%80%EA%B9%8A%EC%9D%B4.png?w=1920&quality=70") !important;
  background-color: #ffffff !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
html body.ct-letter.ct-cat-sanji::after {
  background: linear-gradient(180deg, transparent 0%, transparent 70%, rgba(0,0,0,0.06) 100%) !important;
}
html body.ct-letter.ct-cat-sanji .wp-block-post-title {
  color: #1a1a1f !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) !important;
  justify-content: flex-end !important;
  padding-bottom: clamp(14vh, 18vh, 22vh) !important;
  padding-top: 0 !important;
}
html body.ct-letter.ct-cat-sanji .wp-block-post-title a {
  color: #1a1a1f !important;
}
@media (max-width: 781px) {
  html body.ct-letter.ct-cat-sanji::before { background-size: 90% auto !important; }
  html body.ct-letter.ct-cat-sanji .wp-block-post-title { padding-bottom: clamp(8vh, 12vh, 16vh) !important; }
}


/* v17 - jeolgi (절기 맞이) */
html body.ct-letter.ct-cat-jeolgi::before {
  background-image: url("https://i0.wp.com/cooktalk.blog/wp-content/uploads/2026/05/%EC%A7%88%EA%B8%B0%EB%A7%9E%EC%9D%B4.png?w=1920&quality=70") !important;
  background-color: #ffffff !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
html body.ct-letter.ct-cat-jeolgi::after {
  background: linear-gradient(180deg, transparent 0%, transparent 70%, rgba(0,0,0,0.06) 100%) !important;
}
html body.ct-letter.ct-cat-jeolgi .wp-block-post-title {
  color: #1a1a1f !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) !important;
  justify-content: flex-end !important;
  padding-bottom: clamp(14vh, 18vh, 22vh) !important;
  padding-top: 0 !important;
}
html body.ct-letter.ct-cat-jeolgi .wp-block-post-title a {
  color: #1a1a1f !important;
}
@media (max-width: 781px) {
  html body.ct-letter.ct-cat-jeolgi::before { background-size: 90% auto !important; }
  html body.ct-letter.ct-cat-jeolgi .wp-block-post-title { padding-bottom: clamp(8vh, 12vh, 16vh) !important; }
}


/* ============================================================
   v18 — Jetpack Likes iframe 폭 좁히기 (2026-05-12)
   결: iframe.post-likes-widget이 624px 폭 absolute로 깔려
       카카오톡·네이버 버튼 클릭을 가로채던 자리. 좋아요만큼만 차지.
   ============================================================ */
html body.ct-letter iframe.post-likes-widget,
html body.ct-letter iframe.jetpack-likes-widget,
html body.ct-letter .jetpack-likes-widget-wrapper iframe.post-likes-widget {
  width: 80px !important;
  max-width: 80px !important;
  min-width: 80px !important;
}
html body.ct-letter .likes-widget-placeholder {
  width: 80px !important;
  max-width: 80px !important;
}


/* ============================================================
   v19 — 카테고리 archive 페이지 정비 (2026-05-12)
   결:
   - 검색 박스 숨김
   - 카테고리 배경 이미지 숨김 (archive에서만)
   - 햄버거 메뉴 표시 (v4.1의 한자리 해제)
   - 계시는 제목만 보이게 (발췌, author/date, 이미지 숨김)
   ============================================================ */

/* 1. archive 에서 검색 박스 숨김 */
html body.archive .wp-block-search,
html body.archive form[role="search"],
html body.search .wp-block-search {
  display: none !important;
}

/* 2. archive 에서 카테고리 배경 이미지 제거 (클린 흰 결) */
html body.ct-letter.archive::before,
html body.ct-letter.archive::after,
html body.archive.ct-cat-letter::before,
html body.archive.ct-cat-letter::after,
html body.archive.ct-cat-seasonal::before,
html body.archive.ct-cat-seasonal::after,
html body.archive.ct-cat-jeolgi::before,
html body.archive.ct-cat-jeolgi::after,
html body.archive.ct-cat-gourmet::before,
html body.archive.ct-cat-gourmet::after,
html body.archive.ct-cat-sanji::before,
html body.archive.ct-cat-sanji::after,
html body.archive.ct-cat-table::before,
html body.archive.ct-cat-table::after {
  content: none !important;
  display: none !important;
  background: none !important;
}
html body.ct-letter.archive {
  background: #ffffff !important;
}

/* 3. archive 에서 햄버거 버튼만 표시 (v4.1 숨김 부분 해제) */
html body.ct-letter.archive .wp-block-navigation {
  display: block !important;
}
html body.ct-letter.archive .wp-block-navigation__responsive-container-open {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  background: transparent !important;
  border: 0 !important;
  color: #ffffff !important;
}
html body.ct-letter.archive .wp-block-navigation__responsive-container-open svg {
  fill: #ffffff !important;
  width: 22px !important;
  height: 22px !important;
}
/* responsive container — 메뉴 열림 자리에서만 보이게 */
html body.ct-letter.archive .wp-block-navigation__responsive-container:not(.is-menu-open) {
  display: none !important;
}
html body.ct-letter.archive .wp-block-navigation__responsive-container.is-menu-open {
  display: flex !important;
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100dvh !important;
  z-index: 200 !important;
  background: rgba(20, 20, 24, 0.96) !important;
  backdrop-filter: blur(16px) !important;
  padding: 5rem 1.5rem 2rem !important;
  flex-direction: column !important;
}

/* 4. archive 계시 — 제목만 */
/* 4-1. 첫 번째 빈 컬럼(특성 이미지 자리) 숨김 */
html body.archive .wp-block-post-template .wp-block-columns > .wp-block-column:first-child:empty,
html body.archive .wp-block-post-template .wp-block-columns > .wp-block-column:first-child:not(:has(*)) {
  display: none !important;
}
/* 4-2. 발췌 숨김 */
html body.archive .wp-block-post-template .wp-block-post-excerpt {
  display: none !important;
}
/* 4-3. 작성자/날짜 숨김 (일시적 — 원하면 유지할 수 있음) */
html body.archive .wp-block-post-template .wp-block-post-author,
html body.archive .wp-block-post-template .wp-block-post-date {
  display: none !important;
}
/* 4-4. 구분선 접색 — 언더의 민분지워 줝지 앞됨을 잘 그려낼 수 있게 */
html body.archive .wp-block-post-template .wp-block-separator {
  margin: 1.2rem auto !important;
  border-color: rgba(0,0,0,0.08) !important;
  max-width: 720px !important;
}
/* 4-5. 제목 계시 — 중앙 정렬, 적당한 여백 */
html body.archive .wp-block-post-template {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
  max-width: 720px !important;
}
html body.archive .wp-block-post-template > li.wp-block-post {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body.archive .wp-block-post-template .wp-block-post-title {
  font-family: var(--ct-font) !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  color: #1a1a1f !important;
  margin: 1.5rem 0 1.2rem !important;
  line-height: 1.4 !important;
  text-align: center !important;
  padding: 0 1.5rem !important;
}
html body.archive .wp-block-post-template .wp-block-post-title a {
  color: inherit !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
}
html body.archive .wp-block-post-template .wp-block-post-title a:hover {
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
  text-decoration-color: rgba(0,0,0,0.3) !important;
}
/* 4-6. 컬럼 랜아웃 평탄 */
html body.archive .wp-block-post-template .wp-block-columns {
  display: block !important;
  margin: 0 !important;
}
html body.archive .wp-block-post-template .wp-block-column {
  display: block !important;
  flex: none !important;
  width: auto !important;
}
/* 4-7. archive 페이지 제목 (쿡톡의 편지) 자리 */
html body.archive .wp-block-query-title,
html body.archive h1.wp-block-query-title {
  font-family: var(--ct-font) !important;
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  color: #1a1a1f !important;
  text-align: center !important;
  margin: 2rem 0 1rem !important;
}
 /*sync*/

/* v19b — archive 계시 제목 hero 제거 (min-height: 100dvh 해제) */
html body.ct-letter.archive .wp-block-post-template .wp-block-post-title,
html body.archive .wp-block-post-template .wp-block-post-title {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 1.5rem !important;
  display: block !important;
  align-items: initial !important;
  justify-content: initial !important;
  flex-direction: initial !important;
  gap: 0 !important;
  background: transparent !important;
  color: #1a1a1f !important;
  text-shadow: none !important;
  margin: 1.2rem 0 0.4rem !important;
  font-size: 1.15rem !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
  text-align: center !important;
}
html body.ct-letter.archive .wp-block-post-template .wp-block-post-title::before,
html body.ct-letter.archive .wp-block-post-template .wp-block-post-title::after {
  content: none !important;
  display: none !important;
}
/* author/date 장면 자리 한 결로 숨김 */
html body.archive .wp-block-post-template .wp-block-post .wp-block-group {
  display: none !important;
}
/* HR 구분선 간격 조정 */
html body.archive .wp-block-post-template .wp-block-separator {
  margin: 0.4rem auto 0.8rem !important;
  border-top: 1px solid rgba(0,0,0,0.06) !important;
  max-width: 480px !important;
  width: 100% !important;
  opacity: 0.6 !important;
}
/* archive 상단 여백 — header 아래 바로 제목 */
html body.ct-letter.archive main {
  padding-top: 4rem !important;
}
html body.ct-letter.archive main > .wp-block-group.has-global-padding {
  padding-top: 0 !important;
}


/* v19d — archive 제목 좌측 정렬 + 페이지네이션 가운데 정렬 (2026-05-12) */
html body.archive .wp-block-post-template .wp-block-post-title,
html body.ct-letter.archive .wp-block-post-template .wp-block-post-title {
  text-align: left !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
html body.archive .wp-block-post-template .wp-block-post-title a {
  display: inline !important;
}

/* 페이지네이션 (다음 페이지) 가운데 정렬 */
html body.archive .wp-block-query-pagination,
html body.archive nav.wp-block-query-pagination,
html body.archive .wp-block-query-pagination-numbers-parent,
html body.archive .wp-block-query-pagination > * {
  justify-content: center !important;
  text-align: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  max-width: 720px !important;
  margin: 2rem auto !important;
  padding: 0 1.5rem !important;
}
html body.archive .wp-block-query-pagination-previous,
html body.archive .wp-block-query-pagination-next,
html body.archive .wp-block-query-pagination-numbers {
  margin: 0 !important;
  font-family: var(--ct-font) !important;
  font-size: 0.95rem !important;
  color: #4a4a52 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(0,0,0,0.15) !important;
  padding: 0.2rem 0.4rem !important;
}
html body.archive .wp-block-query-pagination a:hover {
  color: #1a1a1f !important;
  border-bottom-color: rgba(0,0,0,0.4) !important;
}
@media (max-width: 720px) {
  html body.archive .wp-block-query-pagination,
  html body.archive nav.wp-block-query-pagination {
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
  }
}


/* v19e — archive’s second Query Loop block 숨김 (테마 아카이브 템플릿에 중복 클레이터적 이중 query block 있음) */
/* v21c — query loop 이중 있을 때만 첫 결 숨김. 단일 결이면 그대로 둘 */
html body.archive .wp-block-query:has(~ .wp-block-query) {
  display: none !important;
}


/* ============================================================
   v20 — 좌측 슬라이드 드로어 (브런치 결, 2026-05-12)
   - 햄버거 클릭 → 좌측에서 슬라이드 인
   - 6개 카테고리만 표시 (구독·카톡 제외)
   - 모든 단일 글·archive에 적용
   ============================================================ */

/* archive에서 해제했던 메뉴 규칙 통합 — 모든 ct-letter에서 햄버거 보이게 */
html body.ct-letter .wp-block-navigation,
html body.ct-letter.archive .wp-block-navigation {
  display: block !important;
}
html body.ct-letter .wp-block-navigation__responsive-container-open,
html body.ct-letter.archive .wp-block-navigation__responsive-container-open {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  background: transparent !important;
  border: 0 !important;
  color: #ffffff !important;
  cursor: pointer !important;
}
html body.ct-letter .wp-block-navigation__responsive-container-open svg,
html body.ct-letter.archive .wp-block-navigation__responsive-container-open svg {
  fill: #ffffff !important;
  width: 22px !important;
  height: 22px !important;
}

/* responsive container — 드로어 결 (좌측 슬라이드) */
html body.ct-letter .wp-block-navigation__responsive-container {
  display: block !important;
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: auto !important;
  width: 320px !important;
  max-width: 85vw !important;
  height: 100dvh !important;
  z-index: 200 !important;
  background: #ffffff !important;
  backdrop-filter: none !important;
  box-shadow: 4px 0 24px rgba(0,0,0,0.12) !important;
  transform: translateX(-100%) !important;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  padding: 5rem 1.75rem 2rem !important;
  overflow-y: auto !important;
  pointer-events: none !important;
}
html body.ct-letter .wp-block-navigation__responsive-container.is-menu-open {
  transform: translateX(0) !important;
  pointer-events: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  inset: auto !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: auto !important;
  width: 320px !important;
  max-width: 85vw !important;
}

/* 드로어 메뉴 아이템 — 세로 나열, 좌측 정렬 */
html body.ct-letter .wp-block-navigation__responsive-container .wp-block-navigation__container {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 0.5rem !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
html body.ct-letter .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
  display: flex !important;
  flex-direction: column !important;
  flex: none !important;
}

/* 드로어 링크 잡리 */
html body.ct-letter .wp-block-navigation__responsive-container.is-menu-open a,
html body.ct-letter .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__label {
  color: #1a1a1f !important;
  font-family: var(--ct-font) !important;
  font-size: 1.05rem !important;
  font-weight: 500 !important;
  text-align: left !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
  width: 100% !important;
  padding: 1.1rem 0 !important;
  display: block !important;
  letter-spacing: -0.02em !important;
  background: transparent !important;
}
html body.ct-letter .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
  width: 100% !important;
  display: block !important;
}
html body.ct-letter .wp-block-navigation__responsive-container.is-menu-open a:hover {
  color: #c14a3b !important;
  text-decoration: none !important;
}

/* 결 제일 위 — cooktalk 워드마크 + 슬로건 */
html body.ct-letter .wp-block-navigation__responsive-container.is-menu-open::before {
  content: "cooktalk";
  display: block;
  font-family: var(--ct-font);
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #1a1a1f;
  margin-bottom: 0.3rem;
  width: 100%;
}
html body.ct-letter .wp-block-navigation__responsive-container.is-menu-open::after {
  content: "음식, 그 너머의 이야기";
  display: block;
  font-family: var(--ct-font);
  font-size: 0.85rem;
  color: #888;
  margin-bottom: 1.8rem;
  letter-spacing: -0.01em;
  width: 100%;
  order: -1;
  position: absolute;
  top: 3.5rem;
  left: 1.75rem;
  right: 1.75rem;
}

/* 닫기 버튼 — 좌측 상단 */
html body.ct-letter .wp-block-navigation__responsive-container-close {
  position: absolute !important;
  top: 1.25rem !important;
  right: 1.25rem !important;
  color: #1a1a1f !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body.ct-letter .wp-block-navigation__responsive-container-close svg {
  fill: #1a1a1f !important;
  width: 22px !important;
  height: 22px !important;
}

/* v20c — archive 그리드 복원 (제목 리스트 다시 보이게). 이전 v20 숨김 규칙 제거. */


/* v20b — 드로어 is-menu-open 상태의 다크 배경 제거 (이전 v3/v4 규칙 오버라이드) */
html body.ct-letter .wp-block-navigation__responsive-container.is-menu-open,
html body.ct-letter.archive .wp-block-navigation__responsive-container.is-menu-open {
  background: #ffffff !important;
  background-color: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: auto !important;
  inset: 0 auto 0 0 !important;
  width: 320px !important;
  max-width: 85vw !important;
  height: 100dvh !important;
  z-index: 200 !important;
  padding: 5rem 1.75rem 2rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  overflow-y: auto !important;
}

/* archive의 is-menu-open을 fullscreen으로 만들던 v19 규칙 해제 */
html body.ct-letter.archive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  gap: 0 !important;
}

/* 드로어 와레 (클릿한 종이 결) */
html body.ct-letter .wp-block-navigation__responsive-container.is-menu-open::before,
html body.ct-letter.archive .wp-block-navigation__responsive-container.is-menu-open::before {
  position: absolute !important;
  top: 1.75rem !important;
  left: 1.75rem !important;
  color: #1a1a1f !important;
  font-family: var(--ct-font) !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  content: "cooktalk" !important;
}
html body.ct-letter .wp-block-navigation__responsive-container.is-menu-open::after,
html body.ct-letter.archive .wp-block-navigation__responsive-container.is-menu-open::after {
  position: absolute !important;
  top: 4rem !important;
  left: 1.75rem !important;
  color: #888 !important;
  font-family: var(--ct-font) !important;
  font-size: 0.85rem !important;
  font-style: normal !important;
  content: "음식, 그 너머의 이야기" !important;
  letter-spacing: -0.01em !important;
}


/* ============================================================
   v21 — 헤더 통일 결 (2026-05-12)
   - 회색 배경 제거 → 퉐명한 흰색
   - cooktalk 워드마크 + 햄버거 → 검은색
   - 날카로운 1px 아래 경계
   - 모든 프론트 페이지에 동일 적용
   ============================================================ */

/* 헤더 배경 제거 — 흔 바탕 + 가는 경계 */
html body.ct-letter header.wp-block-template-part {
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.06) !important;
  border-bottom: 0 !important;
}

/* cooktalk 워드마크 — 검은색 */
html body.ct-letter .wp-block-site-title,
html body.ct-letter .wp-block-site-title a,
html body.ct-letter header h1,
html body.ct-letter header h2 {
  color: #1a1a1f !important;
}

/* 햄버거 아이콘 — 검은색 */
html body.ct-letter .wp-block-navigation__responsive-container-open,
html body.ct-letter.archive .wp-block-navigation__responsive-container-open {
  color: #1a1a1f !important;
}
html body.ct-letter .wp-block-navigation__responsive-container-open svg,
html body.ct-letter.archive .wp-block-navigation__responsive-container-open svg {
  fill: #1a1a1f !important;
}

/* 홈 페이지에서도 그리드 결 같이 적용 (ct-letter 적용됨) */
html body.ct-letter.home header.wp-block-template-part,
html body.ct-letter.blog header.wp-block-template-part {
  background: #ffffff !important;
}


/* ============================================================
   v21b — cooktalk 워드마크 · 필수 결 (2026-05-12)
   - 모든 프론트 페이지의 헤더에 cooktalk 워드마크 주입
   - 기존 .wp-block-site-title 제거(중복 방지)
   - 경우에 따라 있으면 / 없으면 결
   ============================================================ */
html body.ct-letter header.wp-block-template-part {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 100 !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 1.25rem !important;
  margin: 0 !important;
}

/* cooktalk 워드마크 — ::before로 주입, 중앙 정렬 */
html body.ct-letter header.wp-block-template-part::before {
  content: "cooktalk" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-family: var(--ct-font) !important;
  font-weight: 600 !important;
  font-size: 1.05rem !important;
  letter-spacing: -0.03em !important;
  color: #1a1a1f !important;
  z-index: 1 !important;
  pointer-events: none !important;
  line-height: 1 !important;
}

/* 기존 site-title block 숨김 (중복 방지) */
html body.ct-letter header.wp-block-template-part .wp-block-site-title,
html body.ct-letter header.wp-block-template-part .wp-custom-logo {
  display: none !important;
}

/* 메뉴 그룹 — 우측으로 밀기, 장애월차일이 닫히지 않도록 */
html body.ct-letter header.wp-block-template-part > .wp-block-group {
  width: 100% !important;
  height: 48px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* 햄버거 아이콘 — 우측 */
html body.ct-letter header.wp-block-template-part .wp-block-navigation,
html body.ct-letter header.wp-block-template-part .wp-block-navigation__responsive-container-open {
  z-index: 2 !important;
  position: relative !important;
}

/* WP 관리자 바는 더 높은 결에서 겹치지 않게 — 로그인 상태에서 헤더를 관리자바 아래 위치 */
html body.ct-letter.admin-bar header.wp-block-template-part {
  top: 32px !important;
}
@media screen and (max-width: 782px) {
  html body.ct-letter.admin-bar header.wp-block-template-part {
    top: 46px !important;
  }
}

/* wp-site-blocks padding-top — 고정 헤더 아래 공간 */
html body.ct-letter .wp-site-blocks {
  padding-top: 48px !important;
}


/* v21c — 홈 메인 중복 cooktalk 숨김 (본문 결 cover block 안) */
html body.ct-letter.home .wp-block-site-title,
html body.ct-letter.blog .wp-block-site-title,
html body.ct-letter.home main .wp-block-site-title,
html body.ct-letter.blog main .wp-block-site-title {
  display: none !important;
}

/* 헤더 ::before 제거 — JS 주입 .ct-home-link이 대체 */
html body.ct-letter header.wp-block-template-part::before {
  content: none !important;
  display: none !important;
}

/* JS 주입 홈 머리 링크 자리 */
html body.ct-letter header.wp-block-template-part .ct-home-link {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-family: var(--ct-font) !important;
  font-weight: 600 !important;
  font-size: 1.05rem !important;
  letter-spacing: -0.03em !important;
  color: #1a1a1f !important;
  text-decoration: none !important;
  z-index: 2 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
html body.ct-letter header.wp-block-template-part .ct-home-link:hover {
  text-decoration: none !important;
  opacity: 0.7 !important;
}

/* admin-bar 표시 중일 때 관리자 바 검은색 backdrop을 이용 — 그래서 탑 아래의 회색 가능 자리 해제 */
html body.ct-letter header.wp-block-template-part > .wp-block-group {
  background: transparent !important;
}

/* 메뉴 그룹 내부의 빈 자리 제거 */
html body.ct-letter header.wp-block-template-part > .wp-block-group > .wp-block-group:empty,
html body.ct-letter header.wp-block-template-part > .wp-block-group > div:not(:has(.wp-block-navigation)):not(.wp-block-navigation) {
  display: none !important;
}


/* v21d — 홈/blog/page 결에서 쿡톡의 편지 기본 배경 누수 차단 (2026-05-12) */
html body.ct-letter.home::before,
html body.ct-letter.blog::before,
html body.ct-letter.page::before,
html body.ct-letter.home::after,
html body.ct-letter.blog::after,
html body.ct-letter.page::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
}
html body.ct-letter.home,
html body.ct-letter.blog,
html body.ct-letter.page {
  background: #ffffff !important;
}


/* v21d2 hide — 제거됨 (v21f에서 제목 리스트로 보이게) */


/* v21e — 홈 하단 footer의 구독 폼 중복 제거 (2026-05-12) */
html body.ct-letter.home footer.wp-block-template-part .cooktalk-pillrow,
html body.ct-letter.home footer.wp-block-template-part .wp-block-jetpack-subscriptions,
html body.ct-letter.blog footer.wp-block-template-part .cooktalk-pillrow,
html body.ct-letter.blog footer.wp-block-template-part .wp-block-jetpack-subscriptions {
  display: none !important;
}


/* v21f — 홈에서 최신글 query loop를 archive 결 제목 리스트로 (2026-05-12) */

/* 홈의 cover 블록 안 query loop의 대형 hero 결 제거 */
html body.ct-letter.home .wp-block-query .wp-block-cover,
html body.ct-letter.blog .wp-block-query .wp-block-cover {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  background: transparent !important;
}
html body.ct-letter.home .wp-block-query .wp-block-cover img,
html body.ct-letter.blog .wp-block-query .wp-block-cover img,
html body.ct-letter.home .wp-block-query .wp-block-cover__image-background,
html body.ct-letter.blog .wp-block-query .wp-block-cover__image-background {
  display: none !important;
}
html body.ct-letter.home .wp-block-query .wp-block-cover::before,
html body.ct-letter.blog .wp-block-query .wp-block-cover::before,
html body.ct-letter.home .wp-block-query .wp-block-cover::after,
html body.ct-letter.blog .wp-block-query .wp-block-cover::after,
html body.ct-letter.home .wp-block-query .wp-block-cover .wp-block-cover__background,
html body.ct-letter.blog .wp-block-query .wp-block-cover .wp-block-cover__background {
  background: transparent !important;
  opacity: 0 !important;
  display: none !important;
}

/* 제목 좌측 정렬 계시, hero 결 제거 */
html body.ct-letter.home .wp-block-query .wp-block-post-title,
html body.ct-letter.blog .wp-block-query .wp-block-post-title {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 1.5rem !important;
  display: block !important;
  align-items: initial !important;
  justify-content: initial !important;
  background: transparent !important;
  color: #1a1a1f !important;
  text-shadow: none !important;
  font-size: 1.15rem !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
  text-align: left !important;
  margin: 1.2rem 0 0.4rem !important;
}
html body.ct-letter.home .wp-block-query .wp-block-post-title::before,
html body.ct-letter.blog .wp-block-query .wp-block-post-title::before,
html body.ct-letter.home .wp-block-query .wp-block-post-title::after,
html body.ct-letter.blog .wp-block-query .wp-block-post-title::after {
  content: none !important;
  display: none !important;
}
html body.ct-letter.home .wp-block-query .wp-block-post-title a,
html body.ct-letter.blog .wp-block-query .wp-block-post-title a {
  color: inherit !important;
  text-decoration: none !important;
}
html body.ct-letter.home .wp-block-query .wp-block-post-excerpt,
html body.ct-letter.blog .wp-block-query .wp-block-post-excerpt,
html body.ct-letter.home .wp-block-query .wp-block-post .wp-block-group,
html body.ct-letter.blog .wp-block-query .wp-block-post .wp-block-group {
  display: none !important;
}
html body.ct-letter.home .wp-block-query .wp-block-columns,
html body.ct-letter.blog .wp-block-query .wp-block-columns {
  display: block !important;
  margin: 0 !important;
}
html body.ct-letter.home .wp-block-query .wp-block-column,
html body.ct-letter.blog .wp-block-query .wp-block-column {
  display: block !important;
  flex: none !important;
  width: auto !important;
}
html body.ct-letter.home .wp-block-query .wp-block-column:first-child:empty,
html body.ct-letter.blog .wp-block-query .wp-block-column:first-child:empty {
  display: none !important;
}
html body.ct-letter.home .wp-block-query .wp-block-post-template,
html body.ct-letter.blog .wp-block-query .wp-block-post-template {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
  max-width: 720px !important;
}
html body.ct-letter.home .wp-block-query .wp-block-post-template > li,
html body.ct-letter.blog .wp-block-query .wp-block-post-template > li {
  list-style: none !important;
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
  padding: 0.4rem 0 !important;
  margin: 0 !important;
}
html body.ct-letter.home .wp-block-query,
html body.ct-letter.blog .wp-block-query {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 2rem 0 !important;
}

/* 페이지네이션 홈에도 가운데 */
html body.ct-letter.home .wp-block-query-pagination,
html body.ct-letter.blog .wp-block-query-pagination {
  justify-content: center !important;
  text-align: center !important;
  display: flex !important;
  margin: 2rem auto !important;
}


/* v21f2 — 홈 제목 리스트에서 날짜 숨김 (archive 결 통일) */
html body.ct-letter.home .wp-block-query .wp-block-post-date,
html body.ct-letter.blog .wp-block-query .wp-block-post-date {
  display: none !important;
}


/* v22 — 드로어 'cooktalk 소개' 세컨더리 자리 결 (2026-05-12) */
html body.ct-letter .wp-block-navigation__responsive-container.is-menu-open .ct-nav-secondary,
html body.ct-letter .wp-block-navigation__responsive-container.is-menu-open .ct-nav-secondary .wp-block-navigation-item__label {
  font-size: 0.9rem !important;
  color: #888 !important;
  font-weight: 400 !important;
  margin-top: 1rem !important;
  border-top: 1px solid rgba(0,0,0,0.08) !important;
  padding-top: 1rem !important;
  padding-bottom: 0.6rem !important;
}
html body.ct-letter .wp-block-navigation__responsive-container.is-menu-open .ct-nav-secondary a {
  color: #888 !important;
  border-bottom: 0 !important;
}
html body.ct-letter .wp-block-navigation__responsive-container.is-menu-open .ct-nav-secondary a:hover {
  color: #1a1a1f !important;
}


/* v22b — page (고정 페이지) 접속 결 hero 제거 (about 등) */
html body.ct-letter.page .wp-block-post-title {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  display: none !important;
  background: transparent !important;
  color: #1a1a1f !important;
  text-shadow: none !important;
}
html body.ct-letter.page .wp-block-post-title::before,
html body.ct-letter.page .wp-block-post-title::after {
  content: none !important;
  display: none !important;
}

/* page 본문 상단 여백 */
html body.ct-letter.page .wp-block-post-content,
html body.ct-letter.page .entry-content {
  padding-top: clamp(2.5rem, 6vw, 5rem) !important;
  border-radius: 0 !important;
}

/* page 아바타 동그라미 */
html body.ct-letter.page .wp-block-image.is-style-rounded img {
  border-radius: 50% !important;
}


/* v23 제거됨 — about 페이지 전용 v23c 규칙으로 대체 */



/* v23c — About 페이지에서만 네이버·좋아요 제거 (2026-05-12) */

/* 좋아요 iframe·placeholder·제목 — about 페이지만 */
html body.ct-letter.page-id-1228 iframe.post-likes-widget,
html body.ct-letter.page-id-1228 iframe.jetpack-likes-widget,
html body.ct-letter.page-id-1228 .post-likes-widget-placeholder,
html body.ct-letter.page-id-1228 .likes-widget-placeholder,
html body.ct-letter.page-id-1228 .sharedaddy.sd-block.sd-like {
  display: none !important;
}

/* 네이버 공유 — about 페이지만 */
html body.ct-letter.page-id-1228 li.share-custom {
  display: none !important;
}

/* 카카오톡 도 about에서는 숨김 (소개의 결은 공유 결이 따로 필요 없음) */
html body.ct-letter.page-id-1228 .ct-kakaotalk-share,
html body.ct-letter.page-id-1228 .ct-share-row-inline,
html body.ct-letter.page-id-1228 .sharedaddy,
html body.ct-letter.page-id-1228 .jetpack-likes-widget-wrapper {
  display: none !important;
}


/* ============================================================
   v24 — Footer 사업자 정보 결 (2026-05-12)
   - .ct-biz-info 잔디대르 footer에 주입·스타일
   - 자사몰 footer 결 참조
   ============================================================ */
html body.ct-letter footer.wp-block-template-part .ct-biz-info {
  max-width: 720px !important;
  margin: 2.5rem auto 1rem !important;
  padding: 1.5rem 1.25rem 0 !important;
  font-family: var(--ct-font) !important;
  color: #888 !important;
  font-size: 0.78rem !important;
  line-height: 1.7 !important;
  text-align: center !important;
  border-top: 1px solid rgba(0,0,0,0.08) !important;
}

html body.ct-letter .ct-biz-info .ct-biz-links,
html body.ct-letter .ct-biz-info .ct-biz-channels {
  display: flex !important;
  justify-content: center !important;
  gap: 0.85rem !important;
  margin-bottom: 0.6rem !important;
  flex-wrap: wrap !important;
}

html body.ct-letter .ct-biz-info .ct-biz-links a,
html body.ct-letter .ct-biz-info .ct-biz-channels a {
  color: #555 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(0,0,0,0.1) !important;
  padding-bottom: 1px !important;
  font-size: 0.82rem !important;
}
html body.ct-letter .ct-biz-info .ct-biz-links a:hover,
html body.ct-letter .ct-biz-info .ct-biz-channels a:hover {
  color: #1a1a1f !important;
  border-bottom-color: rgba(0,0,0,0.3) !important;
}

html body.ct-letter .ct-biz-info .ct-biz-detail {
  margin: 1.2rem 0 0.8rem !important;
}
html body.ct-letter .ct-biz-info .ct-biz-row {
  margin: 0.25rem 0 !important;
  font-size: 0.76rem !important;
  color: #888 !important;
}
html body.ct-letter .ct-biz-info .ct-biz-row span {
  color: #555 !important;
  font-weight: 500 !important;
}
html body.ct-letter .ct-biz-info .ct-biz-row span.sep {
  color: #ccc !important;
  font-weight: 400 !important;
  margin: 0 0.25rem !important;
}
html body.ct-letter .ct-biz-info .ct-biz-row a {
  color: inherit !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

html body.ct-letter .ct-biz-info .ct-biz-copyright {
  margin-top: 1rem !important;
  padding-top: 0.8rem !important;
  border-top: 1px solid rgba(0,0,0,0.05) !important;
  font-size: 0.72rem !important;
  color: #aaa !important;
}

/* 계절 footer의 기존 slogan/워드마크는 그대로 유지 */
html body.ct-letter footer.wp-block-template-part > .wp-block-group {
  margin-bottom: 0 !important;
}


/* v25 — 단일 글 끝 작가 한 줄 결 (2026-05-12) */
html body.ct-letter .wp-block-post-content .ct-post-byline,
html body.ct-letter .entry-content .ct-post-byline {
  max-width: 720px !important;
  margin: 3.5rem auto 0 !important;
  padding: 2rem 1.5rem 0 !important;
  border-top: 1px solid rgba(0,0,0,0.08) !important;
  font-family: var(--ct-font) !important;
  text-align: center !important;
  color: #666 !important;
}
html body.ct-letter .ct-post-byline .ct-byline-name {
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: #1a1a1f !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 0.3rem !important;
}
html body.ct-letter .ct-post-byline .ct-byline-tag {
  font-size: 0.82rem !important;
  color: #888 !important;
  margin-bottom: 0.8rem !important;
}
html body.ct-letter .ct-post-byline .ct-byline-link a {
  font-size: 0.82rem !important;
  color: #555 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(0,0,0,0.15) !important;
  padding-bottom: 1px !important;
}
html body.ct-letter .ct-post-byline .ct-byline-link a:hover {
  color: #1a1a1f !important;
  border-bottom-color: rgba(0,0,0,0.4) !important;
}


/* v26 — archive 카테고리 소개 결 (2026-05-12) */
html body.ct-letter.archive .ct-cat-intro {
  max-width: 720px !important;
  margin: 0 auto 2.5rem !important;
  padding: 2.5rem 1.5rem 1.5rem !important;
  text-align: center !important;
}
html body.ct-letter.archive .ct-cat-intro .ct-cat-title {
  font-family: var(--ct-font) !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  color: #1a1a1f !important;
  margin: 0 0 0.6rem !important;
  line-height: 1.4 !important;
}
html body.ct-letter.archive .ct-cat-intro .ct-cat-desc {
  font-family: var(--ct-font) !important;
  font-size: 0.95rem !important;
  color: #6a6a72 !important;
  margin: 0 !important;
  font-style: normal !important;
  line-height: 1.7 !important;
  letter-spacing: -0.015em !important;
}


/* v27 — 글 제목 앞 카테고리 prefix 라벨 결 (2026-05-12) */
html body.ct-letter .ct-cat-label {
  display: block !important;
  font-family: var(--ct-font) !important;
  font-size: 0.75rem !important;
  color: #999 !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  margin-bottom: 0.35rem !important;
  line-height: 1 !important;
}
html body.ct-letter.archive .wp-block-post-template .ct-cat-label {
  text-align: left !important;
  padding-left: 1.5rem !important;
}
html body.ct-letter.home .wp-block-query .ct-cat-label {
  text-align: left !important;
  padding-left: 1.5rem !important;
}
/* 단일 글 hero 앞 라벨 */
html body.ct-letter .wp-block-post-title .ct-cat-label {
  text-align: center !important;
  color: rgba(255,255,255,0.85) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
  font-size: 0.85rem !important;
  margin-bottom: 0.5rem !important;
}


/* v28 — 헤더 워드마크·슬로건·mitten 미세 결 (2026-05-12) */

/* 1. 헤더 cooktalk 워드마크 — 조금 키우고 굵게 */
html body.ct-letter header.wp-block-template-part::before,
html body.ct-letter header.wp-block-template-part .ct-home-link {
  font-size: 1.18rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.035em !important;
}

/* 2. 홈 인트로 슬로건 가독성 — clamp로 모바일에서 크게 */
html body.ct-letter.home .wp-block-cover .wp-block-site-tagline,
html body.ct-letter.home main .wp-block-site-tagline,
html body.ct-letter.blog main .wp-block-site-tagline {
  font-size: clamp(1.05rem, 4vw, 1.3rem) !important;
  color: #2a2a2f !important;
  letter-spacing: -0.02em !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  margin: 1.2rem 0 1.6rem !important;
}

/* 3. mitten 이미지 — 조금 크게 */
html body.ct-letter.home .wp-block-cover img,
html body.ct-letter.home main img.wp-block-image,
html body.ct-letter.home main .wp-block-image img {
  max-width: 180px !important;
  height: auto !important;
  width: auto !important;
  margin: 0 auto !important;
  display: block !important;
}

/* 4. 홈 인트로 세로 여백 조절 */
html body.ct-letter.home .wp-block-cover .wp-block-cover__inner-container {
  padding-top: clamp(2rem, 5vh, 3rem) !important;
}


/* v31 — 드로어 하단 검색 결 (2026-05-12) */
html body.ct-letter .wp-block-navigation__responsive-container .ct-drawer-search {
  margin-top: auto !important;
  padding-top: 1.5rem !important;
  border-top: 1px solid rgba(0,0,0,0.06) !important;
  width: 100% !important;
}
html body.ct-letter .wp-block-navigation__responsive-container.is-menu-open .ct-drawer-search {
  display: block !important;
  margin-top: 1.5rem !important;
}
html body.ct-letter .ct-drawer-search .ct-drawer-search-label {
  display: block !important;
  font-family: var(--ct-font) !important;
  font-size: 0.75rem !important;
  color: #888 !important;
  margin-bottom: 0.5rem !important;
  letter-spacing: 0.02em !important;
}
html body.ct-letter .ct-drawer-search .ct-drawer-search-row {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  border-bottom: 1px solid rgba(0,0,0,0.2) !important;
  padding-bottom: 0.5rem !important;
}
html body.ct-letter .ct-drawer-search input[type="search"] {
  flex: 1 !important;
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  font-family: var(--ct-font) !important;
  font-size: 0.95rem !important;
  color: #1a1a1f !important;
  padding: 0.4rem 0 !important;
  letter-spacing: -0.015em !important;
}
html body.ct-letter .ct-drawer-search input[type="search"]::placeholder {
  color: #aaa !important;
  font-size: 0.9rem !important;
}
html body.ct-letter .ct-drawer-search button {
  background: transparent !important;
  border: 0 !important;
  color: #555 !important;
  font-size: 1.2rem !important;
  cursor: pointer !important;
  padding: 0 0.3rem !important;
  font-family: var(--ct-font) !important;
}
html body.ct-letter .ct-drawer-search button:hover {
  color: #1a1a1f !important;
}


/* v32 — 댓글 결 디자인 (2026-05-12) */
html body.ct-letter .wp-block-post-comments-form,
html body.ct-letter .wp-block-post-comments,
html body.ct-letter main > div:nth-of-type(4) {
  font-family: var(--ct-font) !important;
  color: #1a1a1f !important;
  background: #ffffff !important;
  padding-top: 2rem !important;
}
html body.ct-letter .wp-block-post-comments-form textarea,
html body.ct-letter .comment-form textarea,
html body.ct-letter main > div:nth-of-type(4) textarea {
  font-family: var(--ct-font) !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  color: #1a1a1f !important;
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
  border-radius: 4px !important;
  padding: 0.8rem 1rem !important;
  width: 100% !important;
  min-height: 5rem !important;
  outline: none !important;
  transition: border-color 0.2s !important;
}
html body.ct-letter .wp-block-post-comments-form textarea:focus,
html body.ct-letter .comment-form textarea:focus,
html body.ct-letter main > div:nth-of-type(4) textarea:focus {
  border-color: rgba(0,0,0,0.35) !important;
}
html body.ct-letter textarea::placeholder { color: #aaa !important; }
html body.ct-letter .wp-block-post-comments-form input[type="text"],
html body.ct-letter .wp-block-post-comments-form input[type="email"],
html body.ct-letter .wp-block-post-comments-form input[type="url"],
html body.ct-letter .comment-form input[type="text"],
html body.ct-letter .comment-form input[type="email"],
html body.ct-letter .comment-form input[type="url"] {
  font-family: var(--ct-font) !important;
  font-size: 0.9rem !important;
  color: #1a1a1f !important;
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
  border-radius: 4px !important;
  padding: 0.5rem 0.8rem !important;
  outline: none !important;
}
html body.ct-letter .wp-block-post-comments-form input[type="submit"],
html body.ct-letter .wp-block-post-comments-form button[type="submit"],
html body.ct-letter .comment-form input[type="submit"],
html body.ct-letter .comment-form button[type="submit"],
html body.ct-letter main > div:nth-of-type(4) input[type="submit"],
html body.ct-letter main > div:nth-of-type(4) button[type="submit"] {
  font-family: var(--ct-font) !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  background: #1a1a1f !important;
  border: 0 !important;
  border-radius: 4px !important;
  padding: 0.55rem 1.2rem !important;
  cursor: pointer !important;
}
html body.ct-letter .comment-list,
html body.ct-letter ol.comment-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 1.5rem 0 !important;
}
html body.ct-letter .comment-list li.comment,
html body.ct-letter .comment-body {
  padding: 1rem 0 !important;
  border-top: 1px solid rgba(0,0,0,0.08) !important;
}
html body.ct-letter .comment-author .fn {
  font-family: var(--ct-font) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  color: #1a1a1f !important;
}
html body.ct-letter .comment-meta,
html body.ct-letter .comment-meta a {
  font-family: var(--ct-font) !important;
  font-size: 0.78rem !important;
  color: #888 !important;
  text-decoration: none !important;
}
html body.ct-letter .comment-content,
html body.ct-letter .comment-body p {
  font-family: var(--ct-font) !important;
  font-size: 0.95rem !important;
  line-height: 1.65 !important;
  color: #2a2a2f !important;
  margin: 0.5rem 0 0.6rem !important;
}
html body.ct-letter .reply a,
html body.ct-letter .comment-reply-link {
  font-family: var(--ct-font) !important;
  font-size: 0.78rem !important;
  color: #555 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(0,0,0,0.15) !important;
  padding-bottom: 1px !important;
}
html body.ct-letter .avatar { border-radius: 50% !important; }


/* v33 — 새 카테고리 배경 결 머리보기 (2026-05-12)
   - 우선 postid-718 (쿡톡의 슬로건 페이지) 만 편지배경.png으로 교체 — 사용자 확인 후 나머지 5장
 */
html body.ct-letter.postid-718::before {
  background-image: url("https://i0.wp.com/cooktalk.blog/wp-content/uploads/2026/05/%ED%8E%B8%EC%A7%80.png?w=1920&quality=70") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #fff !important;
}


/* v33b — 카테고리 배경 모바일에서 가로 잘릴 방지 (2026-05-12) */
@media (max-width: 781px) {
  html body.ct-letter.postid-718::before,
  html body.ct-letter.ct-cat-letter::before,
  html body.ct-letter.ct-cat-seasonal::before,
  html body.ct-letter.ct-cat-table::before,
  html body.ct-letter.ct-cat-gourmet::before,
  html body.ct-letter.ct-cat-sanji::before,
  html body.ct-letter.ct-cat-jeolgi::before {
    background-size: 100% auto !important;
    background-position: center top !important;
  }
}


/* v33c — 모바일 hero 높이 이미지 자연 결 (흰 자리 제거) (2026-05-12) */
@media (max-width: 781px) {
  html body.ct-letter .wp-block-post-title {
    min-height: 56.25vw !important;
    height: auto !important;
    padding: 0 1rem !important;
    justify-content: flex-end !important;
    padding-bottom: 1rem !important;
  }
  html body.ct-letter::before {
    height: 56.25vw !important;
    bottom: auto !important;
    inset: 0 0 auto 0 !important;
    background-size: 100% 100% !important;
    background-position: center top !important;
  }
  html body.ct-letter::after {
    display: none !important;
  }
}


/* v34 — 6 카테고리 배경 일괄 swap (2026-05-12)
   - 새 톤 통일 결
   - 쿡톡의 편지 카테고리 + postid-718 같은 이미지 (편지.png)
 */
html body.ct-letter.ct-cat-letter::before,
html body.ct-letter.postid-718::before {
  background-image: url("https://i0.wp.com/cooktalk.blog/wp-content/uploads/2026/05/%ED%8E%B8%EC%A7%80.png?w=1920&quality=70") !important;
}
html body.ct-letter.ct-cat-seasonal::before {
  background-image: url("https://i0.wp.com/cooktalk.blog/wp-content/uploads/2026/05/%EA%B2%8C%EC%A0%88%EB%93%A4%EC%9D%B4%EA%B8%B0.png?w=1920&quality=70") !important;
}
html body.ct-letter.ct-cat-table::before {
  background-image: url("https://i0.wp.com/cooktalk.blog/wp-content/uploads/2026/05/%EA%B3%84%EC%A0%88%EC%82%AC%EC%A0%84.png?w=1920&quality=70") !important;
}
html body.ct-letter.ct-cat-gourmet::before {
  background-image: url("https://i0.wp.com/cooktalk.blog/wp-content/uploads/2026/05/%EB%AF%B8%EC%8B%9D%EC%82%AC%EC%A0%84.png?w=1920&quality=70") !important;
}
html body.ct-letter.ct-cat-sanji::before {
  background-image: url("https://i0.wp.com/cooktalk.blog/wp-content/uploads/2026/05/%EC%82%B0%EC%A7%80%EA%B9%8A%EC%9D%B4.png?w=1920&quality=70") !important;
}
html body.ct-letter.ct-cat-jeolgi::before {
  background-image: url("https://i0.wp.com/cooktalk.blog/wp-content/uploads/2026/05/%EC%A7%88%EA%B8%B0%EB%A7%9E%EC%9D%B4.png?w=1920&quality=70") !important;
}


/* 구독 CTA 정리 (2026-06-05): 글 페이지에서는 푸터 구독·카카오 pill을 숨김 — 글 하단 MailPoet 폼으로 일원화 */
body.single-post .cooktalk-pillrow { display: none !important; }


/* 가로줄(장 구분선) 여백 대칭 (2026-06-05) */
.single-post .entry-content hr.wp-block-separator { margin-top: 56px !important; margin-bottom: 56px !important; }


/* 디자인 1차 개선 (2026-06-07): 메인 CTA 버튼화 + 제목·인용 명조 */
a[href$="#posts"]{display:inline-block;padding:13px 30px;border:1px solid #cfcdc4;border-radius:999px;font-size:15px !important;letter-spacing:.02em;color:#2a2622;background:#fdfcf9;transition:all .2s ease;text-decoration:none;}
a[href$="#posts"]:hover{background:#2a2622;color:#fdfcf9;border-color:#2a2622;}
.wp-block-post-title,.wp-block-post-title a,h1.wp-block-post-title,.wp-block-pullquote blockquote{font-family:"Nanum Myeongjo",serif !important;}