html:lang(ko-KR) body {
  word-break: keep-all;
  overflow-wrap: anywhere;
  font-family: Inter, Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
}

.ko-blog-hero h1 { max-width: 860px; }
.ko-blog-hero p { max-width: 820px; }
.ko-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.ko-secondary { border: 1px solid rgba(255,255,255,.28); color: #fff; background: rgba(255,255,255,.08); }
.ko-secondary:hover { background: rgba(255,255,255,.14); }
.ko-blog-grid { align-items: stretch; }
.ko-blog-grid .post-card:first-child { grid-column: span 2; }
.ko-blog-grid .post-card:first-child img { min-height: 310px; }
.ko-related { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 22px 0 32px; }
.ko-related a { display: flex; flex-direction: column; gap: 5px; padding: 17px 18px; border: 1px solid #dfe5ee; border-radius: 14px; color: #132033; background: #f8fafc; text-decoration: none; }
.ko-related a:hover { border-color: #f0b323; transform: translateY(-1px); }
.ko-related span { color: #64748b; font-size: .8rem; }
.ko-sources { margin-top: 32px; padding: 22px; border: 1px solid #dfe5ee; border-radius: 14px; background: #f8fafc; }
.ko-sources p { margin: 9px 0 0; }
.ko-sources a { overflow-wrap: anywhere; }
.ko-cluster-section { padding-top: 4px; }
.ko-cluster-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(300px,1fr)); gap: 22px; }
.ko-cluster-card { display: grid; grid-template-columns: 190px 1fr; overflow: hidden; border: 1px solid #dfe5ee; border-radius: 18px; background: #fff; color: #132033; text-decoration: none; box-shadow: 0 12px 34px rgba(15,23,42,.07); }
.ko-cluster-card:hover { transform: translateY(-2px); border-color: #f0b323; }
.ko-cluster-card img { width: 100%; height: 100%; min-height: 230px; object-fit: cover; }
.ko-cluster-card div { padding: 26px; }
.ko-cluster-card span { color: #2563eb; font-size: .82rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.ko-cluster-card h2 { margin: 10px 0 9px; font-size: 1.45rem; }
.ko-cluster-card p { margin: 0 0 18px; color: #5d6878; line-height: 1.75; }
.ko-cluster-card strong { color: #b77900; }

@media (max-width: 800px) {
  .ko-blog-grid .post-card:first-child { grid-column: auto; }
  .ko-blog-grid .post-card:first-child img { min-height: 220px; }
  .ko-related { grid-template-columns: 1fr; }
  .ko-cluster-grid { grid-template-columns: 1fr; }
  .ko-cluster-card { grid-template-columns: 1fr; }
  .ko-cluster-card img { height: 220px; min-height: 0; }
}