@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;600;700&display=swap');
:root{--paper:#f5f2eb;--ink:#25251f;--line:#d7d5ca;--accent:#a43e21}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Malgun Gothic',sans-serif;line-height:1.6}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:hover,a:hover{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.sample-bar{background:var(--ink);color:#fff;padding:10px 4%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.03em}.sample-bar a:hover{color:#ffd29e}header,main,footer{width:min(1320px,92%);margin:auto}header{padding:36px 0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink)}.wordmark{font-family:Georgia,serif;font-size:83px;line-height:.8;letter-spacing:-6px;display:flex;align-items:flex-end;gap:28px}.wordmark span{font-family:Arial,'Malgun Gothic',sans-serif;font-size:12px;letter-spacing:0;line-height:1;padding-bottom:3px}header nav{display:flex;gap:24px}header button{background:none;border:0;padding:9px 0;font-size:13px}header button[aria-pressed=true]{border-bottom:2px solid var(--ink)}#saved-count{font-size:10px;background:#e3dfd4;border-radius:100%;padding:4px 7px;margin-left:3px}.masthead{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em;padding:12px 0}.masthead p{margin:0}.featured{display:grid;grid-template-columns:1.25fr 1fr;min-height:530px;background:#eae6dc}.featured-photo{display:block;overflow:hidden}.featured-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s}.featured-photo:hover img{transform:scale(1.035)}.featured-copy{padding:64px 11% 36px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--accent);font-weight:700;margin:0 0 23px}.featured h2{font-family:'Noto Serif KR',Georgia,serif;font-size:clamp(32px,3.5vw,49px);font-weight:500;line-height:1.45;letter-spacing:-.075em;word-break:keep-all;margin:0 0 22px;max-width:340px}.featured-copy>p:not(.eyebrow){font-size:13px;color:#67665c;max-width:300px;word-break:keep-all}.read-link{display:flex;justify-content:space-between;width:100%;padding:20px 0 13px;border-bottom:1px solid #a9a797;font-size:12px;margin-top:15px}.read-link span{font-size:22px}.featured-index{font-family:Georgia,serif;font-size:12px;margin-top:auto;padding-top:34px;color:#666155}.stories{padding:90px 0 75px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.section-top .eyebrow{margin-bottom:10px}h1{font-family:'Noto Serif KR',Georgia,serif;font-weight:500;font-size:32px;letter-spacing:-.065em;line-height:1.5;margin:0;word-break:keep-all}.search{display:flex;align-items:center;border-bottom:1px solid var(--ink);width:250px;flex:none}.search input{min-width:0;width:100%;border:0;background:transparent;padding:13px 0;font-size:12px;color:var(--ink)}.search>span:last-child{font-size:25px}.filter-row{display:flex;justify-content:space-between;align-items:center;padding:30px 0 23px;gap:16px}.filters{display:flex;gap:6px}.filters button{border:1px solid var(--line);padding:6px 20px;background:none;border-radius:24px;font-size:12px}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}#result-count{font-size:11px;color:#69675f;margin:0}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}.story-card{min-width:0}.story-cover{position:relative;aspect-ratio:1.4;overflow:hidden}.story-cover>a{display:block;width:100%;height:100%}.story-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.story-cover>a:hover img{transform:scale(1.045)}.save-story{position:absolute;right:12px;bottom:12px;width:36px;height:36px;border-radius:50%;border:0;background:var(--paper);box-shadow:0 1px 6px #0001;font-size:19px;display:grid;place-items:center;line-height:1}.save-story[aria-pressed=true]{color:var(--accent)}.story-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--accent);margin:18px 0 8px}.story-meta span{color:#666155;font-size:9px;letter-spacing:.03em}.story-card h2{font-family:'Noto Serif KR',Georgia,serif;font-size:23px;font-weight:500;letter-spacing:-.06em;line-height:1.6;word-break:keep-all;margin:0 0 8px}.story-description{font-size:12px;line-height:1.85;color:#6a685f;word-break:keep-all;margin:0}.editor-note{border-top:1px solid var(--ink);display:grid;grid-template-columns:1fr 2fr 1.7fr .5fr;align-items:center;gap:24px;padding:48px 0}.editor-note>span{font-size:9px;letter-spacing:.15em}.editor-note h2{font-family:'Noto Serif KR',Georgia,serif;font-size:23px;font-weight:400;letter-spacing:-.06em;margin:0;word-break:keep-all}.editor-note p{font-size:11px;color:#6a685f}.note-symbol{font-family:Georgia,serif;font-style:italic;font-size:70px;line-height:1;color:var(--accent);text-align:right}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;padding:30px 0 40px}.footer-logo{font-family:Georgia,serif;font-size:32px;letter-spacing:-2px}footer p{font-size:10px;color:#666155;line-height:1.9}footer>a:last-child{margin-left:auto;font-size:10px;white-space:nowrap}.reader-top{display:flex;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0;font-size:11px;position:relative}.reader-top>span{margin-left:auto;padding-right:50px;color:#666155}.reader-top .save-story{bottom:14px;right:0}.article-heading{text-align:center;padding:65px 12% 45px}.article-heading .eyebrow{margin-bottom:18px}.article-heading h1{font-size:clamp(34px,4.5vw,60px);line-height:1.45}.article-heading>p:not(.eyebrow){font-size:14px;color:#67665c;margin:24px auto 15px;max-width:620px;word-break:keep-all}.article-heading>span{font-size:10px;color:#666155}.article-cover{margin:0}.article-cover img{display:block;width:100%;height:min(55vw,590px);object-fit:cover}.article-cover figcaption{text-align:right;font-size:10px;color:#666155;margin-top:10px}.reading-layout{display:grid;grid-template-columns:220px minmax(0,690px);gap:70px;justify-content:center;padding:70px 0 100px}.reading-layout aside{position:sticky;top:30px;align-self:start;font-size:11px}.reading-layout aside>span{font-size:9px;letter-spacing:.15em;color:var(--accent)}.reading-layout aside nav{display:grid;gap:16px;margin:25px 0}.reading-layout aside button{border:1px solid var(--line);padding:10px 12px;background:transparent;font-size:11px}.reading-layout aside button[aria-pressed=true]{background:var(--ink);color:white}.reading-layout aside p{font-size:10px;color:#666155}.article-text{font-family:'Noto Serif KR',Georgia,serif;font-size:16px;line-height:2.2;word-break:keep-all}.article-lead{font-size:21px;margin-top:0;line-height:2}.article-text section{margin:45px 0;scroll-margin-top:24px}.article-text h2{font-size:24px;line-height:1.6;font-weight:600;letter-spacing:-.06em}.article-end{font-size:13px;color:#666155}.next-story{margin-top:55px;border-top:1px solid var(--ink);padding-top:25px;display:grid;grid-template-columns:1fr 30px;font-family:Arial,'Malgun Gothic',sans-serif}.next-story>span{grid-column:1;font-size:10px;color:var(--accent)}.next-story strong{grid-column:1;font-size:20px;font-weight:400}.next-story b{grid-column:2;grid-row:1/3;font-size:28px;font-weight:400}.storage-note{padding:14px;border:1px solid #a43e2155;font-size:12px}.storage-note:not([hidden]){margin:20px 0}#empty,#not-found{text-align:center;padding:90px 20px}#empty p{font-size:13px;color:#666155}#empty button{background:var(--ink);color:white;border:0;padding:12px 20px;margin-top:15px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:var(--ink);color:white;padding:12px 22px;border-radius:3px;font-size:12px;transition:opacity .2s,transform .2s;max-width:90%;width:max-content;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1000px){.story-card:last-child{grid-column:3}.story-card:nth-child(4){grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;column-gap:28px;align-content:start}.story-card:nth-child(4) .story-cover{grid-row:1/5;aspect-ratio:1.15}.story-card:nth-child(4) .story-meta{margin-top:12px}.story-card:nth-child(4) h2{font-size:29px}.story-card:nth-child(4) .story-description{font-size:13px}}
@media(max-width:900px){.wordmark span{display:none}.featured{min-height:420px}.featured-copy{padding:35px 9% 25px}.featured h2{font-size:35px}.story-grid{gap:35px 20px}.story-card h2{font-size:20px}.reading-layout{grid-template-columns:170px minmax(0,1fr);gap:35px}.editor-note{grid-template-columns:1fr 2fr 1fr}.editor-note>span{display:none}}
@media(max-width:600px){header,main,footer{width:90%}.sample-bar{padding:9px 5%;font-size:9px}.sample-bar>span{font-size:8px}header{padding:28px 0 24px}.wordmark{font-size:66px;letter-spacing:-5px}header nav{gap:13px}header button{font-size:11px}#saved-count{padding:3px 5px;margin-left:0}.masthead{font-size:8px;letter-spacing:.02em;padding:13px 0}.featured{display:flex;flex-direction:column}.featured-photo{height:300px}.featured-copy{padding:30px 27px}.featured .eyebrow{font-size:9px;margin-bottom:17px}.featured h2{font-size:36px;max-width:260px;margin-bottom:12px}.featured-copy>p:not(.eyebrow){font-size:12px}.read-link{padding:10px 0;margin-top:6px}.featured-index{display:none}.stories{padding:55px 0 45px}.section-top{display:block}h1{font-size:27px}.search{width:100%;margin-top:22px}.search input{padding:12px 0}.filter-row{align-items:flex-start;flex-direction:column;padding:22px 0 20px;gap:14px}.filters{gap:7px}.filters button{padding:6px 19px}.story-grid{grid-template-columns:1fr 1fr;gap:30px 16px}.story-cover{aspect-ratio:1/1.1}.story-card:first-child{grid-column:1/-1}.story-card:first-child .story-cover{aspect-ratio:1.45}.story-card h2{font-size:18px;line-height:1.65}.story-card:first-child h2{font-size:25px}.story-description{font-size:11px;line-height:1.8}.story-meta{font-size:9px;flex-wrap:wrap;margin-top:13px;gap:3px}.story-meta span{font-size:8px}.save-story{right:8px;bottom:8px;width:33px;height:33px}.editor-note{grid-template-columns:1fr 40px;gap:5px;padding:30px 0}.editor-note h2{font-size:23px}.editor-note p{grid-row:2;line-height:1.9}.note-symbol{grid-row:1/3;grid-column:2;font-size:62px}footer{gap:15px;flex-wrap:wrap;padding:24px 0}footer p{font-size:9px;flex:1;min-width:200px}footer>a:last-child{margin-left:0}.article-heading{padding:43px 0 30px}.article-heading h1{font-size:37px}.article-heading>p:not(.eyebrow){font-size:12px}.article-cover img{height:310px}.article-cover figcaption{font-size:8px;text-align:left}.reading-layout{display:flex;flex-direction:column;gap:30px;padding:30px 0 60px}.reading-layout aside{position:static;width:100%;padding-bottom:20px;border-bottom:1px solid var(--line)}.reading-layout aside nav{gap:12px;margin:15px 0}.reading-layout aside>p{margin-bottom:0}.article-lead{font-size:18px}.article-text{font-size:15px;line-height:2.1}.article-text h2{font-size:22px}.reader-top{gap:8px;font-size:10px}.reader-top>span{font-size:9px}.next-story strong{font-size:18px}}
@media(max-width:350px){.sample-bar>span{display:none}header nav{gap:8px}header button{font-size:10px}.wordmark{font-size:60px}.featured-photo{height:245px}.featured-copy{padding:26px 22px}.featured h2{font-size:32px}.masthead>span{font-size:7px}.filters button{padding:6px 16px}.story-grid{gap:28px 12px}.story-card h2{font-size:17px}.article-heading h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep sample scope and reading controls legible on narrow screens. */
.sample-bar,.sample-bar>span{font-size:10px}.story-description{font-size:13px}.story-meta{font-size:11px}.story-meta span{font-size:10px}footer p{font-size:11px}.article-cover figcaption{font-size:10px}.article-heading>span,.reading-layout aside p{font-size:11px}.reading-layout aside nav,.reading-layout aside button{font-size:12px}.featured-copy>p:not(.eyebrow){font-size:13px}
/* Editorial graphics preserve their lettering; photographs retain their crop. */
.story-cover img[src$=".svg"],.article-cover img[src$=".svg"]{object-fit:contain;background:var(--paper)}