/* ==========================================================================
   my.leekim.com site polish - lk-site.css v0.1 (draft, 2026-11-13)
   Scope: font family (Pretendard), line height, card contrast, top banner.
   Font sizes are left as the theme defines them (body 16px).
   Loads after the zurblk theme CSS. No layout/grid changes.
   Local change (Don, 2026-11-13): italic reset and word-break: keep-all are
   limited to Korean pages with :lang(ko), so EN/VN/CN keep italics and
   normal line breaking. Everything else is unchanged from JK's v0.1.
   ========================================================================== */

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

:root {
  --lk-ink: #15120D;
  --lk-body: #3A352D;
  --lk-muted: #6B6458;
  --lk-bronze: #B5863E;
  --lk-bronze-deep: #8F6F31;
  --lk-gold-card: #A57A35;   /* gold card background, darker for white-text contrast */
  --lk-paper: #FAF8F4;
  --lk-font: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
}

/* 1. Typography ----------------------------------------------------------- */
body,
button, input, select, textarea,
h1, h2, h3, h4, h5, h6,
p, li, td, th, label, a {
  font-family: var(--lk-font);
}

body {
  color: var(--lk-body);
  overflow-wrap: break-word;
}
body:lang(ko) { word-break: keep-all; }

p, li {
  line-height: 1.75;
}

h1, h2, h3, h4, h5 {
  color: var(--lk-ink);
  letter-spacing: -0.01em;
}

h1.thin-text, h1.semibold, .block-content-p h1 { font-weight: 600; }
h4 { font-weight: 600; }

/* Korean text must not be synthesised italic */
:lang(ko) em, :lang(ko) i:not([class*="fa"]) { font-style: normal; }

/* Justified Korean text leaves wide gaps; use left alignment */
.text-justify, .text-align-justify { text-align: left !important; }

/* 2. Coloured cards: readable white text ------------------------------------ */
.st-bg,
.block-content-p .primary-bg {
  background-color: var(--lk-gold-card) !important;
}
.content-checking-list::before { border-right-color: var(--lk-gold-card) !important; }
@media screen and (max-width: 39.9375em) {
  .content-checking-list::before { border-bottom-color: var(--lk-gold-card) !important; }
}
.st-color { color: var(--lk-gold-card) !important; }
.step-checking-list.primary-color { color: var(--lk-gold-card) !important; }

.st-bg p, .nd-bg p, .rd-bg p,
.primary-bg p, .st-bg li, .nd-bg li, .rd-bg li {
  line-height: 1.7;
}

/* 3. Top banner ------------------------------------------------------------ */
.block-topbanner h1,
.top-banner-title h1 {
  font-weight: 600;
  letter-spacing: -0.01em;
}
.block-topbanner h4,
.top-banner-title h4 {
  font-weight: 400;
  opacity: 0.9;
}

/* 4. Callouts and boxes ---------------------------------------------------- */
.callout {
  border-color: #E6E0D5;
}
.callout h4 { color: var(--lk-ink); }

/* 5. Buttons -------------------------------------------------------------- */
.button { font-family: var(--lk-font); font-weight: 600; }