/* SOURCE: main.css */
/* JOBCOIN: 읽기 좋은 활자와 여백을 중심으로 한 편집형 테마. */
:root{--paper:#f5f4ef;--surface:#fffefa;--ink:#172823;--muted:#4d6056;--line:#d7dbd2;--accent:#d4ff57;--green:#334c3f;--font:Pretendard,'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;word-break:keep-all}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a,input{-webkit-tap-highlight-color:transparent}
button{color:inherit;cursor:pointer}
input::placeholder,textarea::placeholder{color:#59685f;opacity:1}
button:disabled{cursor:default}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{letter-spacing:-.055em}
a:hover{color:inherit}
.text-link:hover,.text-link:focus-visible{text-decoration:underline;text-underline-offset:4px}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #648924;outline-offset:5px}
::selection{background:var(--accent);color:var(--ink)}
.wrap{width:calc(100% - 96px);max-width:1288px;margin-inline:auto}
.jc-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{position:fixed;left:16px;top:16px;z-index:1000;background:var(--accent);padding:12px;width:auto;height:auto;clip:auto}
.preview-note{padding:7px 16px;background:#e5eadb;text-align:center;font-size:12px;letter-spacing:.02em;color:#506046}
.utility{display:flex;justify-content:space-between;align-items:center;height:37px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line)}
.masthead{display:flex;align-items:center;gap:26px;padding-block:24px 26px}
.brand{font:bold 51px/.95 Arial,sans-serif;letter-spacing:-.07em;display:inline-flex;align-items:center;gap:12px;color:var(--ink)!important}
.brand-symbol{display:flex;gap:3px;transform:skew(-16deg);align-items:flex-end;width:26px;height:32px}
.brand-symbol i{display:block;width:7px;height:22px;background:var(--ink)}
.brand-symbol i:nth-child(2){height:32px;background:#809452}
.brand-symbol i:nth-child(3){height:26px;background:#bacd8d}
.brand-caption{border-left:1px solid var(--line);padding-left:24px;font-size:12px;line-height:1.8;color:var(--muted)}
.brand-caption strong{font-weight:500;color:var(--ink);display:block;letter-spacing:.02em}
.header-tools{margin-left:auto;display:flex;gap:7px}
.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:transparent;border-radius:50%;transition:background .2s}
.icon-button:hover,.icon-button[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--ink);min-height:49px;gap:20px}
.main-nav{display:flex;gap:32px;align-items:center}
.main-nav a{font-size:14px;font-weight:650;padding:15px 0;position:relative;white-space:nowrap}
.main-nav a:hover:after,.main-nav a[aria-current]:after{content:'';height:3px;position:absolute;bottom:-1px;left:0;right:0;background:var(--ink)}
.nav-note{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);white-space:nowrap}
.status-dot{height:6px;width:6px;background:#749151;display:inline-block;border-radius:50%;flex-shrink:0}
.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;font-size:12px;letter-spacing:.075em;font-weight:600;color:var(--green)}
.dot{width:3px;height:3px;border-radius:50%;background:#929b90}
.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:38px 0 31px;gap:30px}
.intro-label{font-size:12px;letter-spacing:.15em;margin-bottom:12px}
.intro h1{font-size:34px;line-height:1.35;font-weight:730}
.intro h1 em{font-style:normal;font-weight:400}
.intro>p{font-size:15px;line-height:1.9;color:var(--muted);padding-bottom:4px}
.mobile-break{display:none}
.lead-grid{display:grid;grid-template-columns:minmax(0,1fr) 324px;gap:42px}
.lead-picture{display:block;position:relative;overflow:hidden;aspect-ratio:1.96;background:#d9ded0}
.article-image{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.lead-picture:hover .article-image,.story-picture:hover .article-image{transform:scale(1.025)}
.picture-tag{position:absolute;top:18px;left:19px;padding:8px 10px;background:var(--accent);font-size:12px;letter-spacing:.09em;font-weight:650;display:flex;align-items:center;gap:48px}
.picture-tag>span{font-size:14px}
.illustration-note{position:absolute;bottom:12px;right:14px;padding:5px 8px;border-radius:4px;background:#172823;color:#fff;font-size:12px;font-weight:600;line-height:1.5;opacity:1}
.lead-story-body{padding-top:21px}
.filled-label{background:var(--ink);color:var(--paper);padding:4px 7px;font-size:12px;letter-spacing:.04em}
.lead-story h2{font-size:32px;line-height:1.38;margin:11px 0 12px;font-weight:730}
.lead-story-body>p{font-size:15px;line-height:1.85;color:var(--muted);max-width:91%}
.lead-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:15px}
.story-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;line-height:1.5;flex-wrap:wrap}
.round-link{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border:1px solid var(--line);border-radius:50%;transition:background .2s}
.round-link:hover{background:var(--accent)}
.section-label{display:flex;align-items:center;justify-content:space-between;border-top:2px solid var(--ink);padding:14px 0 4px}
.section-label h2{font-size:14px;letter-spacing:-.02em}
.section-label>span{font-size:12px;letter-spacing:.1em;color:var(--muted)}
.focus-item{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid var(--line)}
.focus-number{font:italic 23px/1 Georgia,serif;color:#526747;padding-top:2px}
.story--compact h3{font-size:17px;line-height:1.55;margin:8px 0 10px;font-weight:650}
.story--compact .eyebrow{font-size:12px}
.story--compact{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:center;width:100%}
.story--compact .story-picture{display:block;aspect-ratio:1;overflow:hidden;background:#e3e6db}
.story--compact .story-body{min-width:0}
.context-card{display:block;position:relative;overflow:hidden;background:#e5e9dc;padding:24px;margin-top:24px}
.context-card h3{font-size:26px;line-height:1.4;margin:13px 0 10px}
.context-card p{font-size:14px;line-height:1.9;color:var(--muted)}
.text-link{font-size:12px;display:inline-flex;align-items:center;gap:12px;font-weight:550;white-space:nowrap}
.text-link .jc-icon{width:17px;height:17px}
.context-card .text-link{margin-top:21px}
.context-decoration{position:absolute;right:16px;top:35px;font:140px/1 Georgia,serif;color:#c2cfad;transform:rotate(15deg);pointer-events:none}
.topic-band{display:flex;align-items:center;gap:27px;margin-top:40px;border-block:1px solid var(--line);padding:20px 0;font-size:12px}
.topic-heading{font-size:12px;color:var(--muted);margin-right:auto}
.topic-band a{white-space:nowrap}
.topic-band a span{font-size:13px;margin-left:8px;color:#526747}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px;gap:20px}
.section-heading .eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:10px}
.section-heading h2{font-size:27px;line-height:1.3;font-weight:700}
.accent-period{color:#829c51;padding-left:3px}
.latest-section{padding-top:49px}
.latest-layout{display:grid;grid-template-columns:minmax(0,1fr) 324px;gap:42px}
.latest-list{border-top:1px solid var(--ink)}
.story--row{display:flex;flex-direction:row-reverse;gap:25px;padding:24px 0;border-bottom:1px solid var(--line);align-items:center}
.story--row .story-picture{width:180px;aspect-ratio:1.5;flex-shrink:0;overflow:hidden;background:#e3e6db}
.story--row .story-body{flex:1;min-width:0}
.story--row h3{font-size:21px;line-height:1.5;margin:8px 0;font-weight:650}
.story-excerpt{font-size:14px;color:var(--muted);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}
.reading-desk{border:1px solid var(--line);padding:28px 25px;background:#eeefe7;align-self:start;position:sticky;top:25px}
.reading-desk h3{font-size:26px;line-height:1.45;margin:20px 0 26px}
.reading-desk ol{list-style:none;margin:0;padding:0}
.reading-desk li{display:flex;gap:14px;border-top:1px solid var(--line);padding:19px 0}
.reading-desk li>span{font:italic 17px Georgia,serif;color:#526747}
.reading-desk strong{font-size:14px;font-weight:650}
.reading-desk p{font-size:14px;color:var(--muted);line-height:1.8;margin-top:5px}
.reading-desk>.text-link{margin-top:16px;border-bottom:1px solid var(--ink);padding-bottom:7px}
.desk-footnote{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.06em;color:var(--muted);margin-top:44px}
.desk-footnote span{font-size:24px}
.basics-section,.related-section{padding-top:56px}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 29px}
.story--standard .story-picture{display:block;aspect-ratio:1.67;overflow:hidden;background:#e0e6d6}
.story--standard .eyebrow{margin-top:19px}
.story--standard h3{font-size:22px;line-height:1.5;margin:10px 0 13px;font-weight:650}
.editorial-banner{background:var(--ink);color:var(--paper);padding:46px 48px;display:grid;grid-template-columns:1fr 1fr;column-gap:65px;margin:64px 0}
.banner-index{grid-column:1/-1;color:#c4d2b7;font-size:12px;letter-spacing:.13em;margin-bottom:24px}
.editorial-banner h2{font-size:36px;line-height:1.45;font-weight:550}
.editorial-banner>div{align-self:end}
.editorial-banner p{font-size:15px;line-height:1.95;color:#b8c6b8}
.pill-link{border:1px solid #7d8c76;display:inline-flex;align-items:center;gap:30px;padding:11px 16px;font-size:12px;margin-top:22px}
.pill-link:hover{color:var(--ink);background:var(--accent);border-color:var(--accent)}
.editorial-banner .pill-link{color:var(--paper)}
.editorial-banner .pill-link:hover,.editorial-banner .pill-link:focus-visible{color:var(--ink);background:var(--accent);border-color:var(--accent)}
.site-footer{border-top:1px solid var(--ink);padding-top:42px}
.footer-main{display:flex;justify-content:space-between;gap:35px;padding-bottom:45px}
.footer-brand .brand{font-size:35px}
.footer-brand .brand-symbol{transform:skew(-16deg) scale(.75);transform-origin:left center;width:20px}
.footer-brand p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:20px}
.footer-nav{display:flex;gap:80px}
.footer-nav>div{display:flex;flex-direction:column;gap:12px;font-size:12px}
.footer-nav strong{font-size:12px;letter-spacing:.09em;margin-bottom:4px}
.footer-bottom{border-top:1px solid var(--line);padding:20px 0 26px;display:flex;gap:24px;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}
.footer-bottom a{white-space:nowrap}
.footer-bottom p{margin-left:auto}
.muted{color:var(--muted)}
/* 대화상자와 저장 목록은 서버 계정 없이 현재 브라우저에서 동작한다. */
dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:32px;width:580px;max-width:calc(100% - 32px);max-height:85vh}
dialog::backdrop{background:#17282399;backdrop-filter:blur(4px)}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}
.dialog-heading h2{font-size:25px}
.dialog-note{font-size:14px;line-height:1.8;color:var(--muted);margin-top:18px}
.search-form{display:flex;border-bottom:1px solid var(--ink);gap:12px;padding-bottom:10px;max-width:640px}
.search-form input{width:100%;min-width:0;border:0;background:transparent;font-size:17px;padding:10px 0;color:var(--ink);outline-offset:0}
.search-form button{border:0;background:var(--accent);width:45px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.saved-item{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--line)}
.saved-item a{font-size:14px;line-height:1.6}
.saved-item button{border:0;background:none;text-decoration:underline;font-size:12px;white-space:nowrap;color:var(--muted)}
.saved-empty{font-size:14px;line-height:1.9;color:var(--muted)}
.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,14px);min-width:min(280px,calc(100vw - 32px));max-width:calc(100vw - 32px);padding:13px 21px;background:var(--ink);color:var(--paper);font-size:12px;overflow-wrap:anywhere;white-space:normal;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;z-index:1001;text-align:center}
.toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
/* 본문은 한 줄 길이를 제한하고 출처와 확인일을 별도 표시한다. */
.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:1000;pointer-events:none}
.reading-progress span{display:block;background:#90ad48;height:100%;width:0}
.breadcrumbs{display:flex;gap:10px;color:var(--muted);font-size:12px;padding:27px 0 36px}
.article-layout{display:grid;grid-template-columns:minmax(0,830px) minmax(180px,1fr);gap:66px}
.article-header h1{font-size:43px;line-height:1.4;margin:17px 0 20px;font-weight:720}
.article-dek{font-size:16px;line-height:1.8;color:var(--muted)}
.byline{display:flex;align-items:center;gap:11px;margin:26px 0 30px;padding-block:17px;border-block:1px solid var(--line)}
.author-avatar{width:35px;height:35px;border-radius:50%;background:#e0e5d7;display:flex;justify-content:center;align-items:center;font:bold 16px Arial,sans-serif}
.byline strong{font-size:12px;font-weight:600;display:block;margin-bottom:5px}
.article-actions{display:flex;margin-left:auto;gap:7px}
.article-actions .icon-button{width:35px;height:35px}
.article-actions .jc-icon{width:17px;height:17px}
.article-cover .article-image{aspect-ratio:1.8;height:auto;object-fit:cover}
.article-cover figcaption{font-size:12px;color:var(--muted);text-align:right;margin-top:8px}
.summary-box{margin:34px 0;background:#e9ede0;padding:26px 28px;border-left:3px solid #80994f}
.summary-box .eyebrow{font-size:12px;letter-spacing:.03em}
.summary-box .jc-icon{width:16px;height:16px}
.summary-box p{font-size:15px;line-height:1.9;margin-top:12px}
.entry-content{font-size:17px;line-height:1.95;overflow-wrap:anywhere}
.entry-content>p{margin:0 0 1.5em}
.entry-content h2{font-size:27px;line-height:1.5;margin:46px 0 20px;font-weight:700;scroll-margin-top:30px}
.entry-content h3{font-size:22px;margin:30px 0 15px}
.entry-content a{color:#436825;text-decoration:underline;text-underline-offset:4px}
.entry-content strong{font-weight:750;color:#10231b;background:linear-gradient(transparent 58%,#d9ecaa 58%)}
.entry-content em{font-style:normal;color:#2c5540;font-weight:650}
.entry-content mark{background:#e1f58d;color:var(--ink);padding:.08em .22em}
.entry-content .context-link{display:inline;color:#315f22!important;font-weight:650;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.entry-content .article-related-inline{display:block;margin:28px 0;padding:17px 20px;border-left:3px solid #75984c;background:#edf1e4;color:#274b35!important;font-weight:700;text-decoration:none}
.entry-content .article-related-inline::after{content:' →';color:#527332}
.entry-content ul,.entry-content ol{padding-left:24px}
.entry-content li{margin-bottom:10px}
.entry-content blockquote{margin:28px 0;border-left:3px solid var(--green);padding:12px 24px;color:var(--green)}
.entry-content img{height:auto}
.entry-content figure{margin:24px 0}
.entry-content table{width:100%;border-collapse:collapse;font-size:15px}
.entry-content th,.entry-content td{padding:12px;border:1px solid var(--line);text-align:left}
.entry-content .wp-block-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
.entry-content .wp-block-table table{min-width:560px}
.entry-content .wp-block-details{border-top:1px solid var(--line);padding:14px 0}
.entry-content .wp-block-details summary{cursor:pointer;font-weight:750;color:var(--ink)}
.entry-content .wp-block-details[open] summary{margin-bottom:12px}
.article-answer{margin:0 0 28px;padding:20px 22px;border-left:3px solid var(--green);background:#f1f3ea;font-size:18px;line-height:1.85}
.article-table{width:100%;margin:28px 0;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.article-table table{min-width:620px;margin:0}
.article-table caption{padding:0 0 10px;text-align:left;font-size:12px;font-weight:700;color:var(--muted)}
.article-table th{background:#e9ede0;font-weight:700;vertical-align:top}
.article-table td{vertical-align:top}
.article-next{margin:42px 0 8px;padding:26px 28px;border-top:2px solid var(--ink);background:#f5f5ef}
.article-next h2{margin:0 0 10px;font-size:22px}
.article-next p{margin:0 0 16px;color:var(--muted);font-size:14px}
.article-next ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.article-next li{margin:0}
.article-next a{display:inline-flex;align-items:center;gap:7px;font-weight:700}
.entry-content pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#e9ede0;padding:20px;font-size:14px}
.entry-content .alignwide{max-width:100%;margin-inline:0}
.entry-content .wp-block-embed__wrapper{overflow:hidden}
.entry-content iframe{max-width:100%}
.source-box{margin-top:48px;border-top:2px solid var(--ink);padding-top:22px}
.source-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px}
.source-heading h2{font-size:20px}
.source-heading>span{font-size:12px;color:var(--muted)}
.source-box ol{list-style:decimal-leading-zero;margin:0;padding-left:25px;font-size:12px;color:var(--muted)}
.source-box li{padding:14px 0 14px 5px;border-top:1px solid var(--line)}
.source-box a{display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:13px;color:var(--ink)}
.source-box small{display:block;font-size:12px;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}
.source-box .jc-icon{width:15px;height:15px}
.source-box>p{font-size:12px;line-height:1.8}
.article-disclosure{background:#eeeee7;padding:23px 25px;margin-top:30px}
.article-disclosure strong{font-size:12px}
.article-disclosure p{font-size:14px;color:var(--muted);line-height:1.85;margin:9px 0 11px}
.article-disclosure a{font-size:12px;text-decoration:underline;text-underline-offset:3px}
.article-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}
.article-tags a{padding:6px 11px;border:1px solid var(--line);font-size:12px}
.article-sidebar{padding-top:8px}
.toc-box{position:sticky;top:30px;border-top:2px solid var(--ink);padding-top:21px}
.toc-box h2{font-size:17px;margin:12px 0 22px}
.toc-list{list-style:none;margin:0;padding:0}
.toc-list li{margin-bottom:14px}
.toc-list a{display:block;border-left:2px solid var(--line);padding-left:12px;font-size:14px;line-height:1.8;color:var(--muted)}
.toc-list a.is-active{border-color:var(--green);color:var(--ink);font-weight:600}
.toc-source{display:flex;align-items:center;gap:10px;font-size:12px;margin-top:23px;border-top:1px solid var(--line);padding-top:18px}
.toc-source .jc-icon{width:14px;height:14px}
.sidebar-principle{margin-top:42px;padding:20px;background:#e8eadd}
.sidebar-principle strong{font-size:12px;margin-left:5px}
.sidebar-principle p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:10px}
.related-section{margin-bottom:60px}
.article-page{padding-bottom:52px}
.archive-header{padding:48px 0 34px;max-width:900px}
.category-hero{position:relative;min-height:350px;margin:42px 0 34px;overflow:hidden;background:var(--green);color:#fff;display:flex;align-items:flex-end}
.category-hero__picture,.category-hero__picture img{position:absolute;inset:0;width:100%;height:100%}
.category-hero__picture img{object-fit:cover;opacity:.68}
.category-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#14251ddd 0%,#14251d88 49%,#14251d1c 100%)}
.category-hero__content{position:relative;z-index:1;max-width:650px;padding:43px 47px}
.category-hero .eyebrow{color:#d9f78b}.category-hero h1{font-size:43px;line-height:1.25;margin:12px 0}.category-hero p{max-width:520px;font-size:15px;line-height:1.75;color:#f5f4ef}
.category-hero__path{margin-top:23px;color:#fff;font-size:12px;font-weight:700}.category-hero__path>span{display:block;color:#d9f78b;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.category-hero__path ul{display:flex;gap:13px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.category-hero__path a{display:inline-flex;align-items:center;gap:5px;border-bottom:1px solid #d4ff57;padding-bottom:4px}.category-hero__path .jc-icon{width:14px;height:14px}
.archive-header h1{font-size:40px;margin:12px 0 18px}
.archive-header p{font-size:14px;line-height:1.8;color:var(--muted)}
.archive-header .search-form{margin-top:25px}
.archive-count{font-size:12px;border-top:1px solid var(--ink);padding:18px 0 25px;color:var(--muted)}
.archive-page{padding-bottom:65px}
.pagination{display:flex;justify-content:center;gap:8px;margin-top:45px}
.page-numbers{padding:10px 15px;border:1px solid var(--line);font-size:12px}
.page-numbers.current{background:var(--ink);color:var(--paper)}
.page-main{max-width:840px;padding-block:55px 70px}
.page-header{margin-bottom:36px}
.page-header h1{font-size:40px;margin-top:14px}
.empty-state{padding:65px 25px;border-block:1px solid var(--line);text-align:center;grid-column:1/-1}
.empty-mark{font:bold 45px Arial,sans-serif;letter-spacing:-.05em;color:#8c9b7b}
.empty-state h2{font-size:25px;margin:18px 0 13px}
.empty-state p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:23px}
.error-page{text-align:center;padding-block:65px 80px}
.error-number{font:100px/.95 Georgia,serif;color:#9eaf88}
.error-page h1{font-size:32px;margin:22px 0 17px}
.error-page p{font-size:14px;color:var(--muted);line-height:1.8}
.error-page .search-form{margin:35px auto}
.error-page .text-link{margin-top:15px}
.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}
.dialog-top h2{font-size:24px}
.dialog-hint{font-size:12px;line-height:1.8;color:var(--muted);margin-top:18px}
.footer-brand.brand{font-size:35px;gap:0}
.footer-main>div>p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:20px}
.site-footer>.wrap{border-top:0}
.header-tools [data-open="saved-dialog"]{display:inline-flex}
@media(min-width:1600px){.wrap{max-width:1376px}
.lead-grid,.latest-layout{grid-template-columns:minmax(0,1fr) 350px}
.lead-story h2{font-size:35px}
.intro h1{font-size:38px}
}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}
.lead-grid,.latest-layout{grid-template-columns:minmax(0,1fr) 280px;gap:28px}
.main-nav{gap:24px}
.nav-note{display:none}
.lead-story h2{font-size:28px}
.intro h1{font-size:30px}
.intro>p{font-size:15px}
.topic-band{gap:20px}
.topic-heading{display:none}
.story--row .story-picture{width:150px}
.story--row h3{font-size:19px}
.article-layout{gap:38px;grid-template-columns:minmax(0,1fr) 195px}
.article-header h1{font-size:36px}
.footer-bottom{flex-wrap:wrap}
.footer-bottom p{margin:0}
}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}
.category-hero{min-height:320px;margin-top:28px}.category-hero__content{padding:34px}.category-hero h1{font-size:36px}
.intro{align-items:flex-start}
.intro>p{max-width:210px}
.intro h1{font-size:28px}
.lead-grid{grid-template-columns:1fr}
.lead-picture{aspect-ratio:1.9}
.lead-aside{display:grid;grid-template-columns:1.25fr 1fr;gap:0 25px}
.section-label{grid-column:1/-1}
.context-card{margin-top:20px;align-self:start}
.focus-item{padding:17px 0}
.latest-layout{grid-template-columns:1fr}
.reading-desk{display:none}
.topic-band{overflow-x:auto;gap:25px}
.card-grid{gap:25px 20px}
.story--standard h3{font-size:19px}
.editorial-banner{gap:26px;padding:32px}
.editorial-banner h2{font-size:30px}
.editorial-banner p{font-size:15px}
.article-layout{display:block;max-width:720px;margin:auto}
.article-sidebar{display:none}
.article-header h1{font-size:38px}
.footer-nav{gap:45px}
.brand-caption{display:none}
.main-nav{justify-content:space-between;width:100%;gap:16px}
.main-nav a{font-size:14px}
.article-cover .article-image{aspect-ratio:1.8}
.article-page{padding-bottom:20px}
}
@media(max-width:540px){.wrap{width:calc(100% - 40px)}
.category-hero{min-height:340px;margin:24px 0 27px}.category-hero::after{background:linear-gradient(0deg,#14251de8 0%,#14251d55 100%)}.category-hero__content{padding:26px 22px}.category-hero h1{font-size:31px}.category-hero p{font-size:13px}.category-hero__path{font-size:12px;margin-top:18px}.category-hero__path ul{gap:8px 12px}
.preview-note{font-size:12px}
.utility{height:32px;font-size:12px}
.utility>span{max-width:220px}
.masthead{padding-block:21px 23px;gap:10px}
.brand{font-size:37px;gap:7px}
.brand-symbol{transform:skew(-16deg) scale(.8);transform-origin:left center;width:22px}
.header-tools{gap:5px}
.header-tools .icon-button{width:33px;height:33px}
.header-tools .jc-icon{width:17px;height:17px}
.header-tools [data-open="saved-dialog"]{display:inline-flex}
.nav-wrap{min-height:44px;overflow:visible}
.main-nav{overflow:visible;justify-content:flex-start;flex-wrap:wrap;gap:0 20px}
.main-nav::-webkit-scrollbar{display:none}
.main-nav a{font-size:14px;padding-block:14px}
.intro{display:block;padding-block:31px 25px}
.intro-label{font-size:12px;margin-bottom:12px}
.intro h1{font-size:32px;line-height:1.45;letter-spacing:-.06em}
.mobile-break{display:block}
.intro>p{max-width:none;font-size:15px;margin-top:14px;line-height:1.85}
.lead-picture{aspect-ratio:1.4}
.picture-tag{left:12px;top:12px;font-size:12px;padding:7px 8px;gap:23px}
.illustration-note{font-size:12px}
.lead-story-body{padding-top:19px}
.lead-story h2{font-size:26px;line-height:1.48;margin:11px 0}
.lead-story-body>p{max-width:none;font-size:15px}
.lead-bottom{margin-top:14px}
.lead-grid{gap:27px}
.lead-aside{grid-template-columns:1fr;gap:0}
.section-label{padding-top:14px}
.focus-item{padding:19px 0;gap:17px}
.focus-number{font-size:22px}
.story--compact h3{font-size:17px;margin:7px 0 10px}
.story--compact{grid-template-columns:70px minmax(0,1fr);gap:11px}
.context-card{margin-top:22px;padding:24px}
.context-card h3{font-size:27px}
.context-card p{font-size:14px}
.context-decoration{font-size:190px;right:24px;top:23px}
.topic-band{margin-top:29px;padding-block:18px;font-size:12px}
.latest-section{padding-top:35px}
.section-heading h2{font-size:24px}
.section-heading .eyebrow{font-size:12px;letter-spacing:.06em}
.section-heading{margin-bottom:21px}
.section-heading>.text-link{font-size:12px;gap:5px}
.story--row{gap:16px;padding:21px 0;align-items:center}
.story--row .story-picture{width:101px;aspect-ratio:1}
.story--row h3{font-size:17px;line-height:1.5;margin:8px 0 10px}
.story--row .eyebrow{font-size:12px;gap:6px;letter-spacing:.01em}
.story-excerpt{display:none}
.story-meta{font-size:12px;gap:6px}
.basics-section,.related-section{padding-top:37px}
.card-grid{grid-template-columns:1fr;gap:31px}
.story--standard .story-picture{aspect-ratio:1.7}
.story--standard .eyebrow{margin-top:16px}
.story--standard h3{font-size:22px;margin:10px 0 12px}
.editorial-banner{display:block;margin-block:42px;padding:29px 26px}
.banner-index{display:block;margin-bottom:23px;font-size:12px}
.editorial-banner h2{font-size:32px;line-height:1.45;margin-bottom:22px}
.editorial-banner p{font-size:15px}
.pill-link{font-size:12px;gap:22px}
.site-footer{padding-top:30px}
.footer-main{display:block;padding-bottom:28px}
.footer-brand .brand{font-size:32px}
.footer-brand p{font-size:12px;margin-top:17px}
.footer-nav{margin-top:32px;gap:75px}
.footer-nav>div{font-size:12px;gap:11px}
.footer-bottom{gap:11px;line-height:1.8;font-size:12px;position:relative;padding-right:28px}
.footer-bottom a{position:absolute;right:0;top:20px}
.footer-bottom p{order:2;width:100%}
.breadcrumbs{font-size:12px;padding-block:24px 27px}
.article-header h1{font-size:31px;line-height:1.45;margin-block:16px}
.article-dek{font-size:14px;line-height:1.8}
.byline{margin-block:22px 25px;gap:8px;align-items:flex-start}
.author-avatar{width:30px;height:30px;font-size:14px}
.byline strong{font-size:12px}
.byline .story-meta{font-size:12px;max-width:195px}
.article-actions{gap:4px}
.article-actions .icon-button{width:30px;height:30px}
.article-cover .article-image{aspect-ratio:1.4}
.summary-box{padding:22px 20px;margin-block:27px}
.summary-box p{font-size:14px;line-height:1.9}
.summary-box .eyebrow{font-size:12px}
.entry-content{font-size:16px;line-height:1.95}
.entry-content h2{font-size:24px;margin-top:36px}
.entry-content h3{font-size:20px}
.article-answer{padding:17px 18px;font-size:16px}
.article-table table{min-width:560px}
.article-next{margin-top:34px;padding:22px 20px}
.article-next h2{font-size:20px}
.source-heading{align-items:flex-start;flex-direction:column;gap:8px}
.source-heading h2{font-size:19px}
.source-box a{font-size:12px}
.article-disclosure{padding:20px}
.article-page{padding-bottom:20px}
.archive-header{padding-block:33px 27px}
.archive-header h1{font-size:31px;line-height:1.5}
.archive-header p{font-size:13px}
.archive-page{padding-bottom:40px}
.archive-count{padding-block:17px 22px}
.page-main{padding-block:35px 45px}
.page-header h1{font-size:32px}
.empty-state{padding:42px 15px}
.empty-state h2{font-size:22px}
.empty-state p{font-size:12px}
.error-page{padding-block:45px}
.error-page h1{font-size:26px}
.error-page p{font-size:12px}
.error-number{font-size:80px}
dialog{padding:23px}
.dialog-heading{margin-bottom:23px}
.dialog-heading h2{font-size:22px}
.search-form input{font-size:16px}
.toast{font-size:12px;bottom:20px}
}
@media(max-width:380px){.masthead .brand{font-size:29px;gap:4px}.masthead .brand-symbol{width:18px;transform:skew(-16deg) scale(.65)}.header-tools{gap:4px}.header-tools .icon-button{width:29px;height:29px}.intro h1{font-size:29px}.main-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{transition:none!important;animation:none!important}
}
@media print{.site-header,.site-footer,.preview-note,.article-sidebar,.article-actions,.related-section,.reading-progress,.breadcrumbs,dialog,.toast{display:none!important}
body{background:white;color:black}
.wrap{width:100%}
.article-layout{display:block}
.article-header h1{font-size:28px}
.entry-content{font-size:12px}
.article-cover{max-width:500px}
.source-box a:after{content:' (' attr(href) ')';font-size:12px;overflow-wrap:anywhere}
.source-box a{display:block}
}
/* SOURCE: upgrade.css */
/* JOBCOIN의 크림·그린 편집 톤을 유지하며 탐색성과 작은 화면 접근성을 보강한다. */
:root{--focus:#52751c;--danger:#8b2f25}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.icon-button,.round-link,.back-top,.search-form button{min-width:46px;min-height:46px}
.main-nav a,.footer-nav a,.home-path-list a,.text-link,.pill-link,.topic-hub-card,.learning-step__links a,.checklist-actions button{min-height:46px}
.saved-storage-error,.checklist-status.is-error{color:var(--danger);font-weight:700}
.home-path-list{display:grid;border-top:1px solid var(--line)}
.home-path-list a{display:grid;grid-template-columns:32px minmax(0,1fr) 20px;gap:12px;align-items:center;padding:15px 2px;border-bottom:1px solid var(--line)}
.home-path-list a>span{font:italic 18px/1 Georgia,serif;color:#5b6e4b}
.home-path-list strong,.home-path-list small{display:block}
.home-path-list strong{font-size:14px;margin-bottom:4px}
.home-path-list small{font-size:12px;line-height:1.55;color:var(--muted)}
.home-path-list b{font-size:18px;font-weight:400}
.balanced-section{padding-top:58px}
.balanced-section .section-heading p{font-size:14px;line-height:1.7;color:var(--muted);margin-top:8px}
.balanced-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
.balanced-grid .story--standard h3{font-size:17px;line-height:1.55}
.balanced-grid .story--standard .eyebrow{font-size:12px;gap:5px}
.discovery-page,.stories-page{padding-bottom:74px}
.discovery-header{max-width:840px;padding:18px 0 44px}
.discovery-header h1{font-size:48px;line-height:1.25;margin:12px 0 18px}
.discovery-header>p{max-width:720px;font-size:16px;line-height:1.85;color:var(--muted)}
.discovery-content{border-top:2px solid var(--ink);padding-top:35px}
.discovery-prose{max-width:820px;font-size:16px;line-height:1.95;margin-bottom:42px}
.discovery-prose p{margin:0 0 1.4em}
.discovery-prose h2{font-size:27px;line-height:1.5;margin:40px 0 15px}
.discovery-prose ol,.discovery-prose ul{padding-left:25px}
.discovery-prose li{margin-bottom:9px}
.learning-paths{display:grid;gap:22px}
.learning-step{display:grid;grid-template-columns:82px minmax(0,1fr);gap:26px;padding:31px;border:1px solid var(--line);background:var(--surface)}
.learning-step__number{font:italic 42px/1 Georgia,serif;color:#5b6e4b}
.learning-step h2{font-size:24px;line-height:1.45;margin-bottom:9px}
.learning-step>div>p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:17px}
.learning-step__links{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.learning-step__links li{border-bottom:1px solid var(--line)}
.learning-step__links a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 3px;font-size:14px;line-height:1.55;font-weight:650}
.topic-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.topic-hub-card{display:flex;flex-direction:column;align-items:flex-start;padding:31px;background:#e7ebde;border:1px solid transparent;min-height:260px}
.topic-hub-card:hover{border-color:var(--green);color:var(--ink)}
.topic-hub-card>span{font-size:12px;letter-spacing:.12em;color:var(--green)}
.topic-hub-card h2{font-size:27px;margin:28px 0 13px}
.topic-hub-card p{font-size:14px;line-height:1.8;color:var(--muted);max-width:430px}
.topic-hub-card strong{font-size:13px;margin-top:auto;padding-top:25px}
.discovery-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.glossary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px}
.glossary-term{min-width:0;border-top:1px solid var(--line);padding:24px 0;overflow-wrap:anywhere}
.glossary-term h2{font-size:19px;margin-bottom:9px}
.glossary-term h2 a{display:inline-flex;align-items:center;min-height:46px}
.glossary-term p{font-size:14px;line-height:1.8;color:var(--muted)}
.glossary-term .text-link{max-width:100%;margin-top:12px;white-space:normal}
.stories-header{padding-top:18px}
.stories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 29px;border-top:2px solid var(--ink);padding-top:30px}
.stories-pagination .page-numbers{min-width:46px;min-height:46px;display:inline-flex;align-items:center;justify-content:center}
.stories-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;padding:0;margin:0}
.article-facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.article-facts>span{display:flex;flex-direction:column;gap:4px;padding:10px 13px;background:#e9ede0;border-left:2px solid #80994f}
.article-facts strong{font-size:12px}
.article-facts small{font-size:12px;color:var(--muted)}
.byline a{text-decoration:underline;text-decoration-color:#a3ad9d;text-underline-offset:3px}
.article-disclosure__links{display:flex;flex-wrap:wrap;gap:10px 20px}
.article-disclosure__links a{display:inline-flex;align-items:center;min-height:46px}
.checklist-warning{max-width:820px;padding:24px 26px;margin-bottom:26px;background:#f2e7d7;border-left:4px solid #956f2e}
.checklist-warning strong{font-size:14px}
.checklist-warning p{font-size:14px;line-height:1.8;margin-top:8px;color:#5e5140}
.incident-checklist{max-width:900px}
.incident-checklist fieldset{border:1px solid var(--line);padding:25px;margin:0 0 22px;background:var(--surface)}
.incident-checklist legend{padding:0 9px;font-size:16px;font-weight:750}
.incident-checklist fieldset>label:not(.check-row){display:grid;gap:8px;margin-bottom:18px;font-size:12px;font-weight:650}
.incident-checklist fieldset>label:last-child{margin-bottom:0}
.incident-checklist input[type="text"],.incident-checklist input[type="url"],.incident-checklist input[type="date"]{width:100%;min-height:48px;border:1px solid #a9b0a6;background:#fff;padding:10px 12px;color:var(--ink);font-size:14px}
.check-row{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;min-height:46px;padding:10px 0;font-size:13px;line-height:1.65;border-bottom:1px solid var(--line)}
.check-row input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--green)}
.warning-row{color:#6b2e25;font-weight:700}
.remember-row{max-width:480px;border:0;font-weight:700}
.checklist-privacy,.checklist-status,.checklist-noscript{font-size:12px;line-height:1.75;color:var(--muted);margin:4px 0 16px}
.checklist-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.checklist-actions button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:10px 15px;font-size:12px}
.checklist-actions .button-quiet{background:transparent;color:var(--ink)}
.correction-form-wrap{max-width:820px;margin-top:35px;padding-top:30px;border-top:1px solid var(--ink)}
.correction-form-wrap input,.correction-form-wrap textarea,.correction-form-wrap select{width:100%;min-height:48px;border:1px solid #a9b0a6;background:#fff;padding:10px 12px;color:var(--ink)}
.correction-form-wrap textarea{min-height:150px;resize:vertical}
.correction-form-wrap button{min-height:46px;padding:10px 18px;background:var(--ink);color:var(--paper);border:1px solid var(--ink)}
@media(max-width:1100px){
  .balanced-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:800px){
  .lead-aside{display:block}
  .home-path-list{margin-top:2px}
  .balanced-grid,.stories-grid,.discovery-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .discovery-header h1{font-size:40px}
  .article-sidebar{display:block;margin-top:35px}
  .toc-box{position:static}
  .sidebar-principle{display:none}
}
@media(max-width:540px){
  .wrap{width:calc(100% - 32px)}
  .utility{height:auto;min-height:38px;gap:12px;padding-block:6px}
  .utility>span{max-width:160px;line-height:1.4}
  .utility a{display:inline-flex;align-items:center;min-height:46px;text-align:right}
  .header-tools .icon-button,.article-actions .icon-button{width:46px;height:46px}
  .masthead{flex-wrap:wrap}
  .main-nav a{display:flex;align-items:center;padding-block:10px}
  .main-nav.is-open{grid-template-columns:1fr 1fr}
  .footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:34px 20px}
  .footer-nav a{display:flex;align-items:center;line-height:1.45}
  .balanced-section{padding-top:42px}
  .latest-layout,.latest-list,.latest-list .story--row,.latest-list .story-body{min-width:0}
  .latest-list .story-body,.latest-list .story-body a{overflow-wrap:anywhere}
  .balanced-grid,.stories-grid,.discovery-card-grid,.topic-hub-grid,.glossary-grid{grid-template-columns:1fr}
  .balanced-grid .story--standard h3{font-size:21px}
  .discovery-page,.stories-page{padding-bottom:48px}
  .discovery-header{padding:5px 0 30px}
  .discovery-header h1{font-size:32px;overflow-wrap:anywhere}
  .discovery-header>p{font-size:14px}
  .discovery-content{padding-top:25px}
  .discovery-prose{font-size:15px;margin-bottom:32px}
  .discovery-prose h2{font-size:23px;margin-top:32px}
  .learning-step{grid-template-columns:1fr;padding:22px;gap:13px}
  .learning-step__number{font-size:30px}
  .learning-step h2{font-size:21px;overflow-wrap:anywhere}
  .learning-step__links a{align-items:flex-start;overflow-wrap:anywhere}
  .topic-hub-card{min-height:230px;padding:24px}
  .topic-hub-card h2{font-size:25px}
  .glossary-grid{gap:0}
  .stories-grid{gap:32px}
  .article-facts{display:grid;grid-template-columns:1fr}
  .byline{align-items:center;flex-wrap:wrap}
  .byline>div:nth-child(2){min-width:0;flex:1}
  .byline .story-meta{max-width:none}
  .article-actions{margin-left:41px}
  .toc-list a{min-height:46px;display:flex;align-items:center}
  .incident-checklist fieldset{padding:20px 17px}
  .checklist-actions{display:grid;grid-template-columns:1fr 1fr}
  .checklist-actions button{white-space:normal}
  dialog{width:calc(100% - 24px);max-width:none;padding:20px}
  .dialog-top h2{font-size:20px}
}
@media(max-width:380px){
  .wrap{width:calc(100% - 24px)}
  .masthead .brand{font-size:28px}
  .masthead{gap:8px}
  .header-tools{width:100%;justify-content:flex-end}
  .main-nav.is-open{grid-template-columns:1fr}
  .intro h1{font-size:28px}
  .lead-story h2{font-size:23px}
  .footer-nav{grid-template-columns:1fr;gap:28px}
  .section-heading{align-items:flex-start;flex-direction:column}
  .section-heading>.text-link{align-self:flex-start}
  .latest-list .story--row{display:grid;grid-template-columns:minmax(0,1fr) 88px;align-items:flex-start}
  .latest-list .story--row .story-picture{grid-column:2;grid-row:1;width:88px}
  .latest-list .story--row .story-body{grid-column:1;grid-row:1}
  .article-header h1{font-size:28px;overflow-wrap:anywhere}
  .checklist-actions{grid-template-columns:1fr}
}
@media print{
  .incident-checklist .checklist-actions,.remember-row,.checklist-status,.checklist-noscript{display:none!important}
  .incident-checklist fieldset{break-inside:avoid;background:#fff}
  .discovery-page{padding:0}
}
/* SOURCE: visual-upgrade.css */
/* 기본 분류와 심화 주제의 이미지 탐색을 기존 크림·그린 편집 톤에 맞춘다. */
.section-nav-wrap{border-bottom:1px solid var(--line)}
.section-nav{display:flex;align-items:center;gap:8px;min-height:48px;padding:7px 0;overflow-x:auto;scrollbar-width:thin}
.section-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;white-space:nowrap;padding:5px 10px;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:700;color:var(--muted);transition:border-color .2s ease,background-color .2s ease,color .2s ease}
.section-nav a:hover,.section-nav a[aria-current="page"]{border-color:var(--green);background:#e7ebde;color:var(--ink)}
.category-hero{display:grid;grid-template-columns:minmax(300px,2fr) minmax(0,3fr);align-items:stretch;min-height:360px;background:var(--paper);color:var(--ink)}
.category-hero::after{display:none}.category-hero__picture{position:relative;inset:auto;grid-column:2;grid-row:1;min-height:360px}.category-hero__picture img{position:static;width:100%;height:100%;opacity:1;object-fit:cover}
.category-hero__content{grid-column:1;grid-row:1;align-self:center;max-width:none;padding:42px 38px}.category-hero .eyebrow{color:var(--green)}.category-hero h1{color:var(--ink)}.category-hero p{color:var(--muted)}.category-hero__path{color:var(--ink)}.category-hero__path>span{color:var(--green)}.category-hero__path a{border-color:var(--green)}
.explore-section+.explore-section{margin-top:64px;padding-top:56px;border-top:1px solid var(--line)}
.explore-section__header{max-width:650px;margin-bottom:25px}
.explore-section__header h2{margin:10px 0 7px;font-size:32px;line-height:1.3}
.explore-section__header p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.category-explore-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.category-explore-card{display:flex;flex-direction:column;min-width:0;padding:0 0 22px;background:var(--surface);border:1px solid var(--line);color:var(--ink);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.category-explore-card:first-child{grid-column:span 6;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);column-gap:26px;padding:0}
.category-explore-card:not(:first-child){grid-column:span 3}
.category-explore-card:hover,.category-explore-card:focus-visible{transform:translateY(-3px);border-color:var(--green);box-shadow:0 13px 26px #21321a14}
.category-explore-card>span,.category-explore-card h3,.category-explore-card p,.category-explore-card strong{margin-inline:22px}
.category-explore-card>span{margin-top:19px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.category-explore-card h3{margin-top:7px;margin-bottom:8px;font-size:24px;line-height:1.35}
.category-explore-card p{margin-top:0;color:var(--muted);font-size:15px;line-height:1.75}
.category-explore-card strong{display:inline-flex;align-items:center;gap:5px;margin-top:auto;padding-top:18px;font-size:14px}
.category-explore-card:first-child>span{align-self:end;margin-top:30px}.category-explore-card:first-child h3{align-self:end;font-size:32px}.category-explore-card:first-child p{align-self:start}.category-explore-card:first-child strong{align-self:start;margin-bottom:28px}
.explore-card__picture,.topic-hub-card__picture,.topic-detail-hero__picture{display:block;overflow:hidden;background:#dce4d3}
.explore-card__picture img,.topic-hub-card__picture img,.topic-detail-hero__picture img{display:block;width:100%;height:100%;object-fit:cover}
.category-explore-card>.explore-card__picture{aspect-ratio:16/9}.category-explore-card:first-child>.explore-card__picture{grid-row:1/5;aspect-ratio:auto;min-height:300px}
.category-explore-card:hover img,.topic-hub-card:hover img{transform:scale(1.025)}
.explore-card__picture img,.topic-hub-card__picture img{transition:transform .35s ease}
.topic-hub-grid{gap:20px}
.topic-hub-card{display:grid;grid-template-columns:170px minmax(0,1fr);min-height:180px;padding:0;background:var(--surface);border-color:var(--line);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.topic-hub-card:hover,.topic-hub-card:focus-visible{transform:translateY(-3px);border-color:var(--green);box-shadow:0 13px 26px #21321a14;color:var(--ink)}
.topic-hub-card__picture{height:100%}.topic-hub-card>div{display:flex;flex-direction:column;align-items:flex-start;padding:20px}
.topic-hub-card>div>span{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--green);text-transform:uppercase}
.topic-hub-card h3{margin:9px 0 7px;font-size:21px;line-height:1.35}.topic-hub-card p{margin:0;font-size:14px;line-height:1.7}.topic-hub-card strong{display:inline-flex;align-items:center;gap:5px;margin-top:auto;padding-top:14px;font-size:13px}
.topic-detail-hero{margin:0 0 31px;border:1px solid var(--line);background:var(--surface)}
.topic-detail-hero__picture{aspect-ratio:16/6}.topic-detail-hero__picture img{object-position:center}
@media (max-width:800px){
  .category-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-explore-card:first-child,.category-explore-card:not(:first-child){grid-column:span 1;display:flex;padding-bottom:20px}
  .category-explore-card:first-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;padding:0}
  .category-explore-card:first-child>.explore-card__picture{grid-row:1/5;min-height:240px}.category-explore-card:first-child h3{font-size:27px}.category-explore-card:first-child>span{margin-top:22px}
  .topic-hub-card{grid-template-columns:135px minmax(0,1fr)}
}
@media (max-width:540px){
  .section-nav-wrap{width:100%;padding-inline:16px}.section-nav{min-height:0;padding:8px 0;overflow:visible;flex-wrap:wrap;gap:6px}.section-nav a{min-height:44px;padding-inline:10px}
  .category-hero{display:block;min-height:0;margin-block:22px;background:var(--paper)}.category-hero__picture{display:block;min-height:0}.category-hero__picture img{display:block;aspect-ratio:16/9;height:auto}.category-hero__content{display:block;padding:24px 20px 28px}.category-hero h1{font-size:30px}.category-hero p{font-size:14px}.category-hero__path{margin-top:17px}
  .explore-section+.explore-section{margin-top:45px;padding-top:39px}.explore-section__header h2{font-size:27px}.explore-section__header p{font-size:14px}
  .category-explore-grid{grid-template-columns:1fr;gap:16px}.category-explore-card:first-child,.category-explore-card:not(:first-child){grid-column:span 1;display:flex;padding-bottom:20px}.category-explore-card:first-child>.explore-card__picture{min-height:0;aspect-ratio:16/9}.category-explore-card:first-child h3{font-size:25px}.category-explore-card:first-child>span,.category-explore-card:first-child h3,.category-explore-card:first-child p,.category-explore-card:first-child strong{align-self:stretch}.category-explore-card>span,.category-explore-card h3,.category-explore-card p,.category-explore-card strong{margin-inline:18px}
  .topic-hub-grid{grid-template-columns:1fr;gap:16px}.topic-hub-card{grid-template-columns:124px minmax(0,1fr);min-height:148px}.topic-hub-card>div{padding:16px}.topic-hub-card h3{font-size:19px}.topic-hub-card p{font-size:14px;line-height:1.6}.topic-detail-hero__picture{aspect-ratio:16/8}
}
@media (max-width:360px){.topic-hub-card{grid-template-columns:1fr}.topic-hub-card__picture{aspect-ratio:16/8}.topic-hub-card>div{min-height:154px}}
@media (prefers-reduced-motion:reduce){.section-nav a,.category-explore-card,.topic-hub-card,.explore-card__picture img,.topic-hub-card__picture img{transition:none}.category-explore-card:hover,.topic-hub-card:hover{transform:none}}
/* SOURCE: footer-upgrade.css */
/* 사람이 읽기 쉬운 푸터 사이트맵 */
.site-footer.footer-upgrade{background:#183126;border-top:0;color:#f7f1e5;margin-top:84px;padding:0}
.footer-upgrade .wrap{padding-block:48px 0}
.footer-upgrade a{color:inherit;text-decoration:none}
.footer-upgrade__main{display:grid;gap:42px;grid-template-columns:minmax(220px,1.35fr) repeat(4,minmax(120px,1fr));padding-bottom:45px}
.footer-upgrade__intro{max-width:300px}
.footer-upgrade__brand{--ink:#f7f1e5;display:inline-flex;align-items:center;font-size:31px;line-height:1;letter-spacing:-.04em;gap:0}
.footer-upgrade__brand .brand-period{color:#d6b76a}
.footer-upgrade__intro .footer-upgrade__identity{color:#d6b76a;font-size:13px;font-weight:700;letter-spacing:.03em;margin:18px 0 11px}
.footer-upgrade__intro p{color:#d3ddd2;font-size:13px;line-height:1.75;margin:0}
.footer-upgrade__sitemap{align-items:center;border:1px solid #bdcfad;display:inline-flex;font-size:12px;font-weight:700;gap:15px;justify-content:space-between;margin-top:24px;min-height:44px;padding:0 15px;transition:background-color .18s ease,color .18s ease}
.footer-upgrade__sitemap .icon{height:14px;width:14px}
.footer-upgrade__sitemap:hover,.footer-upgrade__sitemap:focus-visible{background:#f7f1e5;color:#183126}
.footer-upgrade__column h2{color:#d6b76a;font-size:12px;letter-spacing:.04em;line-height:1.4;margin:0 0 12px}
.footer-upgrade__column ul{list-style:none;margin:0;padding:0}
.footer-upgrade__column li+li{margin-top:2px}
.footer-upgrade__column a{align-items:center;color:#f7f1e5;display:flex;font-size:14px;line-height:1.45;min-height:44px;padding:4px 0;transition:color .18s ease}
.footer-upgrade__column a:hover,.footer-upgrade__column a:focus-visible{color:#d6e7a8;text-decoration:underline;text-underline-offset:4px}
.footer-upgrade__bottom{border-top:1px solid rgba(247,241,229,.25);display:grid;gap:15px;grid-template-columns:auto minmax(0,1fr) auto;padding:19px 0}
.footer-upgrade__copyright,.footer-upgrade__bottom p{color:#dbe3d8;font-size:13px;line-height:1.7;margin:0}
.footer-upgrade__bottom p{max-width:580px}
.footer-upgrade .back-top{align-items:center;display:flex;font-size:12px;font-weight:700;min-height:44px;padding-inline:8px}
.footer-upgrade .back-top:hover,.footer-upgrade .back-top:focus-visible{color:#d6e7a8}
.footer-upgrade__technical{border-top:1px solid rgba(247,241,229,.16);color:#d3ddd2;display:flex;flex-wrap:wrap;font-size:12px;gap:6px 18px;padding:14px 0 18px}
.footer-upgrade__technical span{color:#d6b76a;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.footer-upgrade__technical a{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:3px}
.footer-upgrade__technical a:hover,.footer-upgrade__technical a:focus-visible{color:#f7f1e5}
.footer-upgrade a:focus-visible{outline:2px solid #f7f1e5;outline-offset:3px}
@media(max-width:1080px){.footer-upgrade__main{grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(150px,1fr))}.footer-upgrade__intro{grid-row:span 2}.footer-upgrade__bottom{grid-template-columns:1fr auto}.footer-upgrade__bottom p{grid-column:1/-1;grid-row:2}}
@media(max-width:640px){.site-footer.footer-upgrade{margin-top:56px}.footer-upgrade .wrap{padding-top:35px}.footer-upgrade__main{gap:28px 22px;grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:31px}.footer-upgrade__intro{grid-column:1/-1;grid-row:auto;max-width:none}.footer-upgrade__brand{font-size:29px}.footer-upgrade__identity{font-size:12px;margin-top:15px}.footer-upgrade__intro p{font-size:12px;max-width:320px}.footer-upgrade__sitemap{margin-top:19px}.footer-upgrade__column h2{font-size:12px}.footer-upgrade__column a{font-size:12px}.footer-upgrade__bottom{display:block;padding-block:16px}.footer-upgrade__bottom p{margin-top:7px;padding-right:0}.footer-upgrade .back-top{justify-content:flex-start;margin-top:5px;padding-left:0}.footer-upgrade__technical{gap:5px 14px;padding-bottom:15px}.footer-upgrade__technical span{width:100%}}
@media(max-width:340px){.footer-upgrade .wrap{width:calc(100% - 32px)}.footer-upgrade__main{grid-template-columns:1fr;gap:23px}.footer-upgrade__intro{grid-column:auto}.footer-upgrade__column a{font-size:12px}.footer-upgrade__technical{gap:4px 12px}}
@media(max-width:640px){.footer-upgrade__column h2{font-size:12px}.footer-upgrade__column a{font-size:14px}.footer-upgrade__intro p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.footer-upgrade__sitemap,.footer-upgrade__column a{transition:none}}
/* SOURCE: r2-discovery.css */
/* R2 탐색 보강: 기존 크림·녹색 토큰과 카드 구조를 그대로 사용한다. */
.story-date-label{font-size:12px;font-weight:750;color:#405b45}
.r2-start-shortcuts,.r2-tool-cta,.r2-reader-paths,.r2-tool-related{margin-top:38px;padding:28px;border-top:2px solid var(--ink);background:#f5f5ef}
.r2-start-shortcuts h2,.r2-tool-cta h2,.r2-reader-paths h2,.r2-tool-related h2{margin:6px 0 10px;font-size:24px}
.r2-start-shortcuts p,.r2-tool-cta p,.r2-reader-paths>p{max-width:720px;color:var(--muted)}
.r2-start-shortcuts>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.r2-start-shortcuts a{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:150px;padding:12px 14px;border:1px solid var(--line);background:var(--surface);font-weight:750}
.r2-reader-paths>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.r2-reader-paths article{scroll-margin-top:28px;padding:20px;border:1px solid var(--line);background:var(--surface)}
.r2-reader-paths h3{margin:0 0 8px;font-size:18px}
.r2-reader-paths article>p{color:var(--muted);font-size:14px}
.r2-reader-paths ol{display:grid;gap:10px;margin:18px 0;padding:0;list-style:none}
.r2-reader-paths li{display:grid;gap:3px}
.r2-reader-paths li span{font-size:12px;font-weight:750;color:#405b45}
.r2-reader-paths li a{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.r2-reader-paths__outcome{padding-top:14px;border-top:1px solid var(--line)}
.r2-reader-paths__outcome strong{display:block;margin-bottom:5px;color:var(--ink)}
.r2-glossary-search{display:grid;gap:8px;max-width:620px;margin:28px 0 22px}
.r2-glossary-search label{font-size:14px;font-weight:750}
.r2-glossary-search input{min-height:48px;border:1px solid var(--ink);padding:10px 13px;background:var(--surface);color:var(--ink);font:inherit}
.r2-glossary-search p{margin:0;color:var(--muted);font-size:13px}
.r2-glossary-aliases{margin-bottom:8px!important;color:#405b45!important;font-size:12px!important;font-weight:700}
.r2-legacy-fragment{display:block;position:relative;top:-24px;visibility:hidden}
.r2-tool-cta{display:grid;justify-items:start;gap:4px}
.r2-tool-cta .text-link{margin-top:8px}
.r2-tool-related{background:transparent}
.article-tool-cta{margin:26px 0;padding:24px 26px;border:1px solid var(--line);background:#edf3eb}
.article-tool-cta h2{margin:6px 0 10px;font-size:21px}
.article-tool-cta p{max-width:720px;margin:0 0 14px;color:var(--muted);font-size:14px}
@media (max-width:700px){
  .r2-start-shortcuts,.r2-tool-cta,.r2-reader-paths,.r2-tool-related{margin-top:28px;padding:22px 18px}
  .r2-reader-paths>div{grid-template-columns:1fr}
  .r2-start-shortcuts a{width:100%}
  .article-tool-cta{padding:20px}
}