/* Korea UI v1 (2026-11-10). Loaded after the inherited theme CSS. Korea site only.
   Idea: the sections are Seoul subway lines; every section carries its line colour (--line) as wayfinding.
   Palette: white ground, ink #111, accent taegeuk red #C8102E (actions), blue #0047A0 (rare). No gradients, no shadows at rest. */
:root { --k-ink: #111; --k-mute: #5b5b5b; --k-ground: #fff; --k-surf: #f3f3f0; --k-surf2: #e9e9e4; --k-red: #C8102E; --k-blue: #0047A0; --line: #111; }
:root[data-theme="dark"] { --k-ink: #ededed; --k-mute: #a7a7a7; --k-ground: #0f1012; --k-surf: #191b1e; --k-surf2: #23262a; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --k-ink: #ededed; --k-mute: #a7a7a7; --k-ground: #0f1012; --k-surf: #191b1e; --k-surf2: #23262a; } }

/* ---------- header: section links never break mid-word; below 1240px the menu takes its own row; line colour on hover ---------- */
.main-navigation .main-nav ul li a { white-space: nowrap; }
.main-navigation .main-nav > ul > li.menu-item-object-category > a { box-shadow: inset 0 -4px 0 transparent; transition: box-shadow .15s ease; }
.main-navigation .main-nav > ul > li.menu-item-object-category > a:hover,
.main-navigation .main-nav > ul > li.menu-item-object-category.current-menu-item > a { box-shadow: inset 0 -4px 0 var(--line); background: transparent !important; }
@media (min-width: 769px) and (max-width: 1239px) {
  .site-header .inside-header { flex-wrap: wrap; }
  .nav-float-right #site-navigation { width: 100%; margin-left: 0 !important; order: 3; }
  .main-navigation .main-nav ul li a { padding-left: 10px !important; padding-right: 10px !important; font-size: 15px !important; }
  .main-navigation .inside-navigation { justify-content: flex-start; flex-wrap: wrap; }
}

/* ---------- Seoul now (live strip) ---------- */
.kui-now { background: var(--k-ink); color: var(--k-ground); font-size: 14px; line-height: 20px; }
.kui-now-in { max-width: 1240px; margin: 0 auto; padding: 10px 16px; display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: center; }
.kui-now b { color: #fff; background: var(--k-red); padding: 2px 8px; font-weight: 600; }
:root[data-theme="dark"] .kui-now b { color: #fff; }
.kui-now i { font-style: normal; opacity: .5; }
.kui-now .cd-up { color: #7fe0a7; } .kui-now .cd-down { color: #ff9a9a; }
@media (max-width: 768px) { .kui-now-in { font-size: 13px; padding: 8px 16px; } }

/* ---------- home intro: the title says what this is ---------- */
.sm-intro .sm-intro-h1 { font-size: clamp(40px, 5.6vw, 80px) !important; line-height: 1.02 !important; letter-spacing: -.035em !important; font-weight: 700 !important; max-width: 16ch; text-wrap: balance; }
.sm-intro .sm-intro-p { font-size: clamp(17px, 1.35vw, 20px) !important; line-height: 1.55 !important; color: var(--k-ink) !important; max-width: 60ch; margin-top: 24px !important; }

/* ---------- hero: no eyebrow above the headline; the section shows as a line colour in the meta row ---------- */
.sm-hero-wrap .sm-hero { border: 0 !important; }
.sm-hero-wrap .sm-hero-title { font-size: clamp(28px, 2.6vw, 40px) !important; line-height: 1.12 !important; letter-spacing: -.025em !important; text-wrap: balance; }
.sm-hero-wrap .sm-hero-cat { order: 3; display: inline-flex; align-items: center; gap: 8px; color: var(--k-ink) !important; font-weight: 600; margin: 0 0 8px !important; }
.sm-hero-wrap .sm-hero-cat::before { content: ""; width: 24px; height: 6px; background: var(--line); }
.sm-hero-wrap .sm-hero-title { order: 1; } .sm-hero-wrap .sm-hero-ex { order: 2; } .sm-hero-wrap .sm-hero-meta { order: 4; } .sm-hero-wrap .sm-hero-more { order: 5; }
.sm-hero-wrap .sm-hero-more { background: var(--k-red) !important; color: #fff !important; }
.sm-hero-wrap .sm-hero-more:hover { background: var(--k-ink) !important; }

/* ---------- line map (all sections) ---------- */
.kui-wrap { max-width: 1240px; margin: 0 auto; padding: 0 16px; }
@media (min-width: 769px) { .kui-wrap { padding: 0 40px; } }
.kui-map { margin: 56px 0 24px; }
.kui-map-h, .kui-row-head h2 { font-size: clamp(24px, 2vw, 30px) !important; line-height: 1.2; letter-spacing: -.02em; font-weight: 700; margin: 0 0 20px !important; }
.kui-map ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; }
@media (max-width: 1100px) { .kui-map ul { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px) { .kui-map ul { grid-template-columns: repeat(2, 1fr); } }
/* intro on desktop: title left, the plain sentence on the right, both on one baseline */
@media (min-width: 1000px) {
  .sm-intro .sm-intro-inner { display: grid; grid-template-columns: 7fr 5fr; gap: 48px; align-items: end; }
  .sm-intro .sm-intro-p { margin: 0 0 8px !important; }
}
/* footer: a tone step instead of hairlines */
.sm-footer { border-top: 0 !important; background: var(--k-surf) !important; margin-top: 0 !important; }
.sm-footer .sm-footer-bottom { border-top: 0 !important; }
.sm-footer .sm-footer-brand a { font-size: 28px !important; font-weight: 700 !important; letter-spacing: -.02em; }
.kui-map li a { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 4px 12px; padding: 0 16px 16px; background: var(--k-surf); color: var(--k-ink) !important; text-decoration: none; min-height: 88px; transition: background-color .15s ease, transform .15s ease; }
.kui-map li a:hover, .kui-map li a:focus-visible { background: var(--k-surf2); transform: translateY(-2px); }
.kui-map .kui-bar { grid-column: 1 / -1; height: 8px; background: var(--line); margin: 0 -16px 12px; align-self: start; }
.kui-map .kui-nm { font-size: 18px; line-height: 24px; font-weight: 600; }
.kui-map .kui-ct { font-size: 14px; line-height: 20px; color: var(--k-mute); white-space: nowrap; }

/* ---------- one row of stories per section (contact sheet) ---------- */
.kui-rows { padding: 64px 0 24px; }
.kui-row { margin: 0 0 72px; }
.kui-row-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.kui-row-head h2 { display: flex; align-items: center; gap: 12px; }
.kui-row-head .kui-bar { width: 12px; height: 28px; background: var(--line); flex: none; }
.kui-all { font-size: 16px; font-weight: 600; color: var(--k-ink) !important; text-decoration: none; white-space: nowrap; }
.kui-all:hover { color: var(--k-red) !important; }
.kui-sheet { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.kui-sheet a { display: block; color: var(--k-ink) !important; text-decoration: none; }
.kui-sheet img { display: block; width: 100%; aspect-ratio: 3 / 2; height: auto; object-fit: cover; background: var(--k-surf); transition: transform .3s ease; }
.kui-sheet li { overflow: hidden; }
.kui-sheet a:hover img { transform: scale(1.03); }
.kui-sheet span { display: block; margin-top: 12px; font-size: 17px; line-height: 24px; font-weight: 600; letter-spacing: -.01em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.kui-sheet a:hover span { color: var(--k-red); }
@media (max-width: 900px) { .kui-sheet { grid-template-columns: repeat(2, 1fr); gap: 20px 16px; } .kui-sheet span { font-size: 16px; } }

/* ---------- lists, cards, sidebar: no hairlines; the section is a coloured square before its name ---------- */
.blog .site-main article, .archive .site-main article, .search .site-main article { border: 0 !important; box-shadow: none !important; }
.inside-right-sidebar .sm-cats li, .inside-right-sidebar .cd-latest li, .cd-mkt tr, .cd-mkt th, .cd-mkt td { border: 0 !important; }
.inside-right-sidebar .cd-widget { border-top: 0 !important; background: var(--k-surf); padding: 20px !important; }
.inside-right-sidebar .cd-widget .widget-title { font-size: 18px !important; font-weight: 700 !important; color: var(--k-ink) !important; }
.inside-right-sidebar .sm-cats li a::before, .entry-meta a[href*="/category/"]::before, .cat-links a::before { content: ""; display: inline-block; width: 10px; height: 10px; background: var(--line); margin-right: 8px; vertical-align: 1px; }
.blog .entry-title a:hover, .archive .entry-title a:hover { color: var(--k-red) !important; }
.blog .post-image img, .archive .post-image img { transition: transform .3s ease; }
.blog .post-image, .archive .post-image { overflow: hidden; }
.blog article:hover .post-image img, .archive article:hover .post-image img { transform: scale(1.03); }

/* ---------- section (category) pages: the line colour leads ---------- */
.archive.category .page-header { border-top: 12px solid var(--line); padding-top: 24px; }
.archive.category .page-title { font-size: clamp(36px, 4vw, 56px) !important; line-height: 1.05 !important; letter-spacing: -.03em !important; font-weight: 700 !important; }

/* ---------- article templates ---------- */
.entry-content .k-quick { background: var(--k-surf); padding: 20px 24px; margin: 0 0 32px; }
.entry-content .k-quick > p:first-child { font-weight: 700; margin: 0 0 8px; }
.k-jump { margin: 0 0 24px; } .k-jump a { display: inline-block; background: var(--k-red); color: #fff !important; padding: 10px 18px; font-weight: 600; text-decoration: none; }
.k-jump a:hover { background: var(--k-ink); }
.entry-content .k-recipe { background: var(--k-surf); padding: 28px; margin: 40px 0; scroll-margin-top: 24px; }
.entry-content .k-recipe h2, .entry-content .k-recipe h3 { margin-top: 0 !important; }
.entry-content .k-recipe .k-meta { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0 0 20px; font-size: 16px; }
.entry-content .k-recipe .k-meta b { display: block; font-size: 14px; color: var(--k-mute); font-weight: 500; }
.entry-content .k-ingredients { columns: 2 240px; column-gap: 32px; padding-left: 1.2em; }
.entry-content .k-ingredients li { break-inside: avoid; margin-bottom: 6px; }
.entry-content .k-steps li { margin-bottom: 12px; }
.entry-content .k-steps li::marker { color: var(--k-red); font-weight: 700; }
.entry-content .k-facts { background: var(--k-surf); padding: 20px 24px; margin: 24px 0; }
.entry-content .k-facts dl { display: grid; grid-template-columns: max-content 1fr; gap: 8px 20px; margin: 0; }
.entry-content .k-facts dt { color: var(--k-mute); font-weight: 500; } .entry-content .k-facts dd { margin: 0; }
.entry-content .k-watch, .entry-content .k-place { background: var(--k-surf); padding: 20px 24px; margin: 32px 0; }
.entry-content .k-watch dl, .entry-content .k-place dl { display: grid; grid-template-columns: max-content 1fr; gap: 8px 20px; margin: 0; }
.entry-content .k-watch dt, .entry-content .k-place dt { color: var(--k-mute); font-weight: 500; }
.entry-content .k-watch dd, .entry-content .k-place dd { margin: 0; }
.entry-content table.k-phrases td:nth-child(2) { font-size: 1.15em; font-weight: 600; }
.entry-content table.k-phrases td:nth-child(3) { color: var(--k-mute); font-style: normal; }
.entry-content .k-itinerary .k-day { background: var(--k-surf); padding: 20px 24px; margin: 0 0 12px; }
.entry-content .k-itinerary .k-day > :first-child { margin-top: 0; }

/* ---------- motion: load entrance + scroll reveal where supported; content is never hidden without CSS animation ---------- */
@media (prefers-reduced-motion: no-preference) {
  @keyframes kRise { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }
  @keyframes kZoom { from { transform: scale(1.06); } to { transform: none; } }
  .sm-intro .sm-intro-h1 { animation: kRise .7s cubic-bezier(.2,.7,.2,1) both; }
  .sm-intro .sm-intro-p { animation: kRise .7s .08s cubic-bezier(.2,.7,.2,1) both; }
  .sm-hero-wrap .sm-hero-img img { animation: kZoom 1.4s cubic-bezier(.2,.7,.2,1) both; }
  .sm-hero-wrap .sm-hero-body > * { animation: kRise .6s cubic-bezier(.2,.7,.2,1) both; }
  .sm-hero-wrap .sm-hero-body > :nth-child(2) { animation-delay: .07s; } .sm-hero-wrap .sm-hero-body > :nth-child(3) { animation-delay: .14s; }
  .sm-hero-wrap .sm-hero-body > :nth-child(4) { animation-delay: .21s; } .sm-hero-wrap .sm-hero-body > :nth-child(5) { animation-delay: .28s; }
  .kui-map li { animation: kRise .5s cubic-bezier(.2,.7,.2,1) both; }
  .kui-map li:nth-child(2) { animation-delay: .04s } .kui-map li:nth-child(3) { animation-delay: .08s } .kui-map li:nth-child(4) { animation-delay: .12s }
  .kui-map li:nth-child(5) { animation-delay: .16s } .kui-map li:nth-child(6) { animation-delay: .2s } .kui-map li:nth-child(7) { animation-delay: .24s }
  .kui-map li:nth-child(8) { animation-delay: .28s } .kui-map li:nth-child(9) { animation-delay: .32s } .kui-map li:nth-child(10) { animation-delay: .36s } .kui-map li:nth-child(11) { animation-delay: .4s }
  @supports (animation-timeline: view()) {
    .kui-row, .blog .site-main article { animation: kRise linear both; animation-timeline: view(); animation-range: entry 0% entry 40%; }
  }
}

/* 2026-11-11 대표: 홈 1페이지 = 배너(제목+대표글) → 섹션 줄 쭉. 최신글 목록·사이드바·페이지번호는 홈 1페이지에서 숨김(2페이지부터는 그대로) */
body.home:not(.paged) #content { display: none; }
body.home:not(.paged) .kui-rows { padding-top: 56px; }

/* 2026-11-11 v2 홈 구성: 배너 → 새 글 4 → 섹션 줄(4편 이상) → 더 둘러보기(글 적은 섹션). 같은 글 한 번만. */
.kui-sheet .kui-meta { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-style: normal; font-size: 14px; line-height: 20px; color: var(--k-mute); }
.kui-sheet .kui-meta i { width: 16px; height: 4px; background: var(--line); flex: none; }
.kui-more-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px 40px; }
@media (max-width: 1100px) { .kui-more-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .kui-more-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; } }
.kui-mini h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 16px !important; font-size: 20px !important; line-height: 28px; font-weight: 700; letter-spacing: -.01em; }
.kui-mini h3 a { color: var(--k-ink) !important; text-decoration: none; }
.kui-mini h3 a:hover { color: var(--k-red) !important; }
.kui-mini .kui-bar { width: 8px; height: 22px; background: var(--line); flex: none; }
.kui-mini ul { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 16px; }
.kui-mini li a { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 16px; align-items: start; color: var(--k-ink) !important; text-decoration: none; }
.kui-mini img { display: block; width: 120px; height: auto; aspect-ratio: 3 / 2; object-fit: cover; background: var(--k-surf); }
.kui-mini span { font-size: 16px; line-height: 23px; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.kui-mini li a:hover span { color: var(--k-red); }
.kui-mini .kui-all { font-size: 15px; }
@media (max-width: 600px) { .kui-sheet .kui-meta time { display: none; } }

/* 2026-11-11 v3 홈 첫 화면: 짧은 h1 줄 → 섹션 칩(링크) → 대표글 크게 + 최신 5 목록 (Polygon·Eater·Verge 방식) */
.kui-top { padding: 28px 0 8px; }
.kui-intro { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 24px; margin: 0 0 18px; }
.kui-intro .kui-h1 { font-size: clamp(26px, 2.3vw, 34px) !important; line-height: 1.2 !important; letter-spacing: -.025em !important; font-weight: 700 !important; margin: 0 !important; }
.kui-intro p { margin: 0 !important; font-size: 16px; line-height: 24px; color: var(--k-mute); max-width: 72ch; }
.kui-chips ul { list-style: none; margin: 0 0 28px; padding: 0 0 2px; display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.kui-chips ul::-webkit-scrollbar { display: none; }
.kui-chips li { flex: none; }
.kui-chips a { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; padding: 8px 14px; border-radius: 999px; background: var(--k-surf); color: var(--k-ink) !important; text-decoration: none; font-size: 15px; line-height: 20px; font-weight: 600; transition: background-color .15s ease; }
.kui-chips a:hover, .kui-chips a:focus-visible { background: var(--k-surf2); }
.kui-chips i { width: 10px; height: 10px; border-radius: 50%; background: var(--line); flex: none; }
.kui-chips b { font-size: 13px; font-weight: 500; color: var(--k-mute); }
.kui-lead-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 40px; align-items: start; }
@media (max-width: 1000px) { .kui-lead-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; } }
.kui-lead-img { display: block; overflow: hidden; background: var(--k-surf); }
.kui-lead-img img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; transition: transform .5s cubic-bezier(.2,.7,.2,1); }
.kui-lead-img:hover img { transform: scale(1.015); }
.kui-lead h2 { font-size: clamp(24px, 2.2vw, 32px) !important; line-height: 1.22 !important; letter-spacing: -.02em !important; font-weight: 700 !important; margin: 16px 0 8px !important; text-wrap: balance; }
.kui-lead h2 a { color: var(--k-ink) !important; text-decoration: none; }
.kui-lead h2 a:hover { color: var(--k-red) !important; }
.kui-lead-ex { margin: 0 0 10px !important; font-size: 17px; line-height: 26px; color: var(--k-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.kui-m { display: flex; align-items: center; gap: 8px; font-style: normal; font-size: 14px; line-height: 20px; color: var(--k-mute); }
.kui-m i { width: 16px; height: 4px; background: var(--line); flex: none; }
.kui-latest-list h2 { font-size: 22px !important; line-height: 28px; font-weight: 700; letter-spacing: -.01em; margin: 0 0 16px !important; }
.kui-latest-list ol { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 16px; }
.kui-latest-list li a { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 14px; align-items: start; color: var(--k-ink) !important; text-decoration: none; }
.kui-latest-list img { display: block; width: 112px; height: auto; aspect-ratio: 3 / 2; object-fit: cover; background: var(--k-surf); }
.kui-latest-list span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 16px; line-height: 22px; font-weight: 600; letter-spacing: -.01em; }
.kui-latest-list li a:hover span { color: var(--k-red); }
.kui-latest-list .kui-m { margin-top: 4px; font-size: 13px; }
body.home:not(.paged) .kui-rows { padding-top: 64px; }
@media (max-width: 600px) { .kui-top { padding-top: 20px; } .kui-intro p { font-size: 15px; } .kui-latest-list .kui-m { display: none; } }
@media (prefers-reduced-motion: no-preference) { .kui-lead-grid > * { animation: kRise .6s cubic-bezier(.2,.7,.2,1) both; } .kui-lead-grid > :nth-child(2) { animation-delay: .08s; } }
@media (min-width: 1001px) { .kui-chips ul { flex-wrap: wrap; overflow: visible; gap: 8px 6px; } .kui-chips a { padding: 7px 12px; font-size: 14px; gap: 7px; } }

/* 2026-11-11 v4 심플: 소개줄·칩 없음, 최신 목록은 제목+날짜, 아래는 같은 4장 카드 하나로 통일 */
.kui-top { padding-top: 36px; }
.kui-sheet .kui-meta time { display: none; }
.kui-sheet .kui-meta { margin-top: 6px; }

/* 2026-11-11 v5 카드 정보: NEW · 몇 시간 전 · 조회수, 제목 옆 '최신순·글 N편' */
.kui-meta, .kui-sheet .kui-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin-top: 8px; font-style: normal; font-size: 14px; line-height: 20px; color: var(--k-mute); }
.kui-sheet .kui-meta time, .kui-meta time { display: inline; color: var(--k-ink); font-weight: 500; }
.kui-meta i { width: 14px; height: 4px; background: var(--line); flex: none; margin-right: 2px; }
.kui-meta .kui-new { font-size: 11px; line-height: 18px; font-weight: 700; letter-spacing: .04em; color: #fff; background: var(--k-red); padding: 0 6px; margin-right: 2px; }
.kui-meta .kui-dot { color: var(--k-mute); }
.kui-latest-list .kui-meta { margin-top: 4px; font-size: 13px; }
.kui-lead .kui-meta { font-size: 15px; }
.kui-sort { font-size: 14px !important; font-weight: 500; color: var(--k-mute); letter-spacing: 0; margin-left: 8px; white-space: nowrap; }
@media (max-width: 600px) { .kui-sheet .kui-meta .kui-sec, .kui-sheet .kui-meta i, .kui-sheet .kui-meta .kui-sec + .kui-dot { display: none; } .kui-latest-list .kui-meta { display: flex; } .kui-sort { display: block; margin: 4px 0 0; } }