/* Scope overrides to the column body: sticky navigation stops at article end. */
.viewTable th h1.title { position: relative; width: 100%; margin: 0; font-family: 'Pretendard', sans-serif; font-size: 37px; color: #000; font-weight: 600; letter-spacing: -1px; line-height: 1.35; }

/* Quiet, warm metadata matching UMI's existing beige and brown palette. */
.viewTable th.umi-story-heading {
    height: auto;
    padding: 40px 32px 32px;
    text-align: center;
}
.umi-story-heading .umi-article-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px 22px;
    margin-top: 22px;
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.15px;
    color: #736b63;
}
.umi-article-meta .umi-meta-author {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    max-width: 100%;
    margin: 0;
    padding: 6px 14px;
    border: 1px solid #e7e0d8;
    border-radius: 999px;
    background: #f5f2ee;
    box-sizing: border-box;
}
.umi-article-meta .umi-meta-label { flex: 0 0 auto; font-size: 12px; color: #736b63; }
.umi-article-meta .umi-meta-name { min-width: 0; font-weight: 600; color: #51483f; overflow-wrap: anywhere; text-align: left; }
.umi-article-meta .umi-meta-dates { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 20px; margin: 0; padding: 0; }
.umi-article-meta .umi-meta-date { display: flex; align-items: baseline; gap: 7px; }
.umi-article-meta .umi-meta-date dt,
.umi-article-meta .umi-meta-date dd { margin: 0; padding: 0; font-size: inherit; font-weight: 400; }
.umi-article-meta .umi-meta-date dt { color: #736b63; }
.umi-article-meta .umi-meta-date time { color: #615950; font-variant-numeric: tabular-nums; white-space: nowrap; letter-spacing: 0.15px; }

.story-view-wrap .story-layout { display: grid; grid-template-columns: minmax(180px, 25%) minmax(0, 1fr); gap: 32px; align-items: start; }
.story-view-wrap .story-layout > .story-toc { position: sticky !important; top: 110px !important; left: auto !important; right: auto !important; bottom: auto !important; width: auto !important; transform: none !important; align-self: start; max-height: calc(100vh - 135px); overflow-y: auto; }
.story-view-wrap .story-content-body { min-width: 0; width: auto; padding-left: 0; margin-top: 0; overflow-wrap: anywhere; }
.story-view-wrap .story-toc div.story-toc-box { position: relative !important; top: auto !important; width: 100% !important; }
.story-view-wrap .story-content-body img { max-width: 100%; height: auto; }
.story-view-wrap :is(h2, h3) { scroll-margin-top: 120px; }
.story-view-wrap .toc-depth-2 { padding-left: 12px; }
.story-view-wrap .story-toc a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (max-width: 840px) {
    .viewTable th.umi-story-heading { padding: 28px 16px 24px; }
    .umi-story-heading .umi-article-meta { flex-direction: column; gap: 12px; margin-top: 18px; font-size: 12px; }
    .umi-article-meta .umi-meta-author { padding: 5px 12px; }
    .umi-article-meta .umi-meta-dates { column-gap: 16px; }
    .umi-article-meta .umi-meta-date { gap: 6px; }
    .viewTable th h1.title { padding: 0 5%; box-sizing: border-box; font-size: 20px; line-height: 1.5; }
    .story-view-wrap .story-layout { display: block; }
    .story-view-wrap .story-layout > .story-toc { position: static !important; max-height: none; margin-bottom: 24px; }
}