:root{--ink:#17243d;--muted:#58657a;--line:#dce2eb;--paper:#f7f9fc;--accent:#c75529;--blue:#2c4a86;--amber:#ffbf75}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);font-family:Pretendard,'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;background:var(--paper);font-size:16px;line-height:1.7;word-break:keep-all}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #c75529;outline-offset:5px}header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-inner{max-width:1320px;padding:20px 36px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:21px;font-weight:800;display:flex;gap:10px;align-items:center;letter-spacing:-.7px}.mark{background:var(--ink);color:var(--amber);width:35px;height:35px;display:grid;place-items:center;border-radius:8px}.brand-en{font-size:12px;letter-spacing:1.6px;font-weight:600;border-left:1px solid var(--line);padding-left:15px;margin-left:8px;color:var(--muted)}nav{display:flex;gap:27px;font-size:15px;font-weight:600}nav a:hover{color:var(--accent)}.wrap{max-width:1250px;margin-left:auto;margin-right:auto;padding-left:28px;padding-right:28px}.intro{display:grid;grid-template-columns:1fr 1.07fr;gap:55px;padding-top:62px;padding-bottom:66px;align-items:center}.eyebrow{font-size:13px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--accent);margin:0 0 15px}h1,h2,h3{line-height:1.35;letter-spacing:-1.3px;margin-top:0}h1{font-size:clamp(34px,3.5vw,52px);font-weight:800;line-height:1.3;margin-bottom:22px}h1 em{font-style:normal;color:var(--blue)}.lead{font-size:18px;line-height:1.9;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;font-size:15px;font-weight:700;border-radius:7px;line-height:1.5}.dark{background:var(--ink);color:#fff}.light{background:var(--amber);color:var(--ink)}.button:hover{filter:brightness(1.15)}.intro .button{margin-top:10px}.intro-meta{display:flex;flex-wrap:wrap;gap:0;margin-top:29px;color:var(--muted);font-size:13px}.intro-meta span+span:before{content:'·';margin:0 12px}.feature{min-height:400px;position:relative;display:block;border-radius:14px;overflow:hidden;background:var(--ink);isolation:isolate}.feature img{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-2}.feature:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(6,14,29,.94));z-index:-1}.feature-caption{position:absolute;bottom:0;padding:34px;color:white}.feature-caption .eyebrow{color:var(--amber)}.feature-caption h2{font-size:29px;margin-bottom:13px}.feature-caption>span:last-child{font-size:14px;color:#dbe4f2}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.section-heading h2{font-size:28px;margin-bottom:0}.section-heading .eyebrow{font-size:12px;margin-bottom:9px;color:var(--muted)}.library{padding-top:35px;border-top:1px solid var(--line);padding-bottom:65px}.search input{width:260px;max-width:100%;border:1px solid var(--line);background:white;border-radius:7px;padding:12px 16px;color:var(--ink);font-size:14px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-top:29px}.filters button{border:1px solid var(--line);padding:9px 14px;border-radius:7px;background:white;color:var(--muted);font-size:14px;cursor:pointer}.filters button span{margin-left:6px;font-size:12px;opacity:.75}.filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.result-count{font-size:13px;color:var(--muted);margin:20px 0 16px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 23px}.card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-width:0}.card a{display:block;height:100%}.card-image{aspect-ratio:16/9;position:relative;overflow:hidden;background:#dfe5ed}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.card:hover .card-image img{transform:scale(1.035)}.number{position:absolute;top:14px;left:14px;background:rgba(16,28,46,.85);color:#fff;font-size:12px;padding:2px 9px;border-radius:4px;letter-spacing:1px}.card-body{padding:23px}.card-body .eyebrow{font-size:12px;letter-spacing:.6px}.card h3{font-size:21px;line-height:1.5;margin:10px 0;letter-spacing:-.8px}.card p{font-size:15px;color:var(--muted);line-height:1.75;margin:0 0 20px}.meta{font-size:12px;color:var(--muted);letter-spacing:.2px}.resource-banner{background:var(--ink);color:white;border-radius:14px;margin-top:10px;margin-bottom:70px;padding:40px 46px;display:flex;align-items:center;justify-content:space-between;gap:30px}.resource-banner .eyebrow{color:var(--amber);font-size:12px}.resource-banner h2{font-size:30px;margin-bottom:15px}.resource-banner p:last-child{color:#c7d3e8;font-size:15px;margin-bottom:0}footer{border-top:1px solid var(--line);background:white;padding:40px max(28px,calc((100% - 1194px)/2));color:var(--muted)}footer .brand{font-size:19px;color:var(--ink)}footer p{font-size:14px}footer div{display:flex;flex-wrap:wrap;gap:25px;font-size:14px;margin:22px 0}footer small{font-size:12px}.back{font-size:14px;color:var(--muted);display:inline-block;margin-bottom:30px}.article-top{padding-top:35px}.article-top h1{max-width:920px;font-size:clamp(31px,4vw,46px)}.article-top .lead{max-width:850px}.article-cover{width:100%;height:auto;max-height:510px;object-fit:cover;border-radius:12px;margin-top:24px;display:block;aspect-ratio:16/7}.article-layout{display:grid;grid-template-columns:235px minmax(0,760px);gap:60px;padding-top:45px;padding-bottom:50px;justify-content:center}.article-layout aside{align-self:start;position:sticky;top:120px;border-left:2px solid var(--line);padding-left:22px;font-size:14px}.article-layout aside a{display:block;margin:16px 0;color:var(--muted)}aside a span{font-size:12px;color:var(--accent);margin-right:10px}.prose section{margin-bottom:38px}.prose h2{font-size:25px;margin-bottom:16px}.prose p{font-size:18px;line-height:2;letter-spacing:-.2px}.prose a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.practice{background:#eaf0fa;padding:28px;border-radius:10px;border-left:4px solid var(--blue)}.practice .eyebrow{color:var(--blue);font-size:12px}.practice p{font-size:17px}.editor-note{font-size:14px!important;color:var(--muted);line-height:1.8!important}.references{border-top:1px solid var(--line);padding-top:25px}.references h2{font-size:20px}.references p{font-size:15px}.related{padding-bottom:65px}.related h2{font-size:26px}.resources,.about{padding-top:65px;padding-bottom:80px}.resource-list{margin-top:45px}.resource-row{display:grid;grid-template-columns:65px 1fr 190px;gap:28px;padding:35px 0;border-top:1px solid var(--line);align-items:center}.big-number{font-size:38px;color:#8797b4;font-weight:300}.resource-row h2{font-size:25px;margin-bottom:10px}.resource-row p{color:var(--muted);margin:0 0 12px}.resource-actions{display:grid;gap:13px;text-align:center;font-size:14px}.about .prose{max-width:800px;margin-top:50px}.skip{position:absolute;top:-100px;left:20px;padding:10px 15px;background:white;z-index:30}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(max-width:1000px){.brand-en{display:none}.intro{gap:30px}.feature{min-height:360px}.intro-meta{font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid .card:last-child{display:none}.article-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}.resource-banner{margin-left:28px;margin-right:28px}.section-heading h2{font-size:25px}}
@media(max-width:700px){.header-inner{padding:15px 20px;flex-wrap:wrap;gap:12px}.brand{font-size:19px}nav{gap:22px;font-size:14px;width:100%;border-top:1px solid #edf0f5;padding-top:9px}.wrap{padding-left:20px;padding-right:20px}.intro{grid-template-columns:1fr;padding-top:35px;gap:30px;padding-bottom:40px}h1{font-size:36px}.lead{font-size:16px}.intro-meta{margin-top:20px;font-size:12px}.feature{min-height:310px}.feature-caption{padding:25px}.feature-caption h2{font-size:26px}.section-heading{display:block}.section-heading h2{font-size:23px}.search{display:block;margin-top:20px}.search input{width:100%}.filters{gap:7px;margin-top:18px}.filters button{font-size:13px;padding:8px 10px}.grid{grid-template-columns:1fr;gap:22px}.card-body{padding:20px}.card h3{font-size:21px}.card p{font-size:16px}.card .meta{font-size:13px}.resource-banner{display:block;margin-left:20px;margin-right:20px;padding:28px}.resource-banner h2{font-size:27px}.resource-banner .button{margin-top:25px}.article-layout{display:block;padding-top:28px}.article-layout aside{position:static;margin-bottom:35px}.article-top{padding-top:25px}.article-cover{aspect-ratio:16/10}.article-top h1{font-size:33px}.prose p{font-size:17px;line-height:1.95}.prose h2{font-size:23px}.related-grid .card:last-child{display:block}.resource-row{grid-template-columns:40px 1fr;gap:18px;align-items:start}.resource-actions{grid-column:2;text-align:left;justify-items:start}.big-number{font-size:29px}.resource-row h2{font-size:22px}.resources,.about{padding-top:40px}.practice{padding:23px}footer{padding:32px 20px}footer div{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}