@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Nanum+Myeongjo:wght@700&display=swap');
:root{--ink:#172033;--navy:#0f1c35;--navy2:#1d3158;--muted:#70798b;--paper:#f3f0e9;--card:#fff;--line:#d9d7d0;--accent:#a96c4d;--soft:#ebe5db}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;line-height:1.8}.site-header{display:flex;justify-content:space-between;align-items:center;padding:17px max(22px,calc((100vw - 920px)/2));border-bottom:1px solid rgba(255,255,255,.15);background:rgba(15,28,53,.96);position:sticky;top:0;z-index:2}.site-header a{color:#f7f3ea;text-decoration:none;font-size:.86rem}.site-header .wordmark{font-family:'Nanum Myeongjo',serif;font-size:1.05rem;letter-spacing:.14em}.hero{padding:90px max(24px,calc((100vw - 1120px)/2)) 72px;background:radial-gradient(circle at 82% 18%,#314a75 0,transparent 34%),linear-gradient(125deg,#0d192f,#172b4d);color:#fff}.hero h1{font:700 clamp(42px,7vw,78px)/1.14 'Nanum Myeongjo',serif;margin:14px 0 22px;max-width:900px}.hero>p:not(.eyebrow){max-width:650px;color:#d9dfeb}.eyebrow{font-size:.72rem;letter-spacing:.17em;text-transform:uppercase;color:var(--accent);font-weight:700}.hero .eyebrow{color:#d6a98f}.source-link{display:inline-block;margin-top:14px;padding:12px 19px;background:var(--navy2);color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.24);font-weight:700}.archive{max-width:1120px;margin:auto;padding:50px 24px 90px}.count{color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:17px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.card{background:var(--card);padding:31px}.card h2{font:700 1.4rem/1.48 'Nanum Myeongjo',serif;margin:9px 0}.card h2 a{color:var(--ink);text-decoration:none}.card h2 a:hover{color:var(--accent)}.card>p:not(.eyebrow){color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card time,.date{color:var(--muted);font-size:.84rem}.article{max-width:920px;margin:auto;padding:74px 24px 100px}.article>h1{font:700 clamp(35px,5.8vw,58px)/1.3 'Nanum Myeongjo',serif;margin:10px 0 18px;letter-spacing:-.035em}.content{margin-top:54px;padding:44px clamp(22px,6vw,70px);background:var(--card);border:1px solid var(--line)}.content .body-p{font-size:1.04rem;margin:1.18em 0;white-space:pre-line}.content strong{font-weight:700;color:#10182a}.content em{font-family:'Nanum Myeongjo',serif}.content mark{background:linear-gradient(transparent 44%,#f4dfb9 44%);padding:0 .08em}.content .text-accent{color:#a24435}.align-center{text-align:center}.align-right{text-align:right}.toc-title{display:inline-block;margin-top:1.8em!important;padding:5px 12px;background:var(--navy);color:#fff;font-size:.78rem!important;font-weight:700;letter-spacing:.12em}.numbered-point{margin:.45em 0!important;padding:10px 14px;background:#f6f3ed;border-left:3px solid var(--accent)}.editor-quote{margin:42px 0;padding:24px 28px;border:0;background:#f1ece3;font:700 clamp(1.2rem,3vw,1.65rem)/1.55 'Nanum Myeongjo',serif;color:var(--navy)}.quote-line{border-left:5px solid var(--accent)}.quote-corner{border:1px solid var(--navy2);box-shadow:8px 8px 0 var(--soft)}.content figure{margin:42px -12px 12px}.content img{display:block;max-width:100%;height:auto;margin:auto}.image-caption{margin:.4em 0 2.4em!important;color:var(--muted);font-size:.8rem!important;text-align:center}.content-rule{margin:50px auto;border:0;width:80px;height:1px;background:var(--accent)}.table-scroll{margin:38px 0;overflow:auto}.table-scroll table{width:100%;border-collapse:collapse;font-size:.9rem}.table-scroll th,.table-scroll td{padding:13px 12px;border:1px solid var(--line);vertical-align:top}.table-scroll th{background:var(--navy);color:#fff}.content a{color:#335e9e;text-underline-offset:3px}.source-box{margin-top:42px;padding:26px 28px;border:1px solid var(--line);background:#e9e4da}.source-box p{margin-top:0}footer{text-align:center;padding:32px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}@media(max-width:680px){.hero{padding-top:60px}.grid{grid-template-columns:1fr}.article{padding:44px 14px 80px}.content{padding:28px 18px}.content .body-p{font-size:1rem}.content figure{margin:32px -8px 10px}.editor-quote{margin:34px 0;padding:20px}.card{padding:23px}.table-scroll{margin-left:-8px;margin-right:-8px}}