:root{--ink:#121212;--muted:#646461;--paper:#f4f4f0;--surface:#fff;--line:#d7d7d1;--accent:#d83b00;--accent-soft:#ffe3d6;--blue:#2856ff;--lime:#c7f36b;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard,Noto Sans KR,system-ui,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}::selection{background:var(--lime);color:var(--ink)}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:11px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-shell{width:min(1200px,100% - 48px);margin:0 auto}.site-header{z-index:20;border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;height:76px;display:flex;position:relative}.brand{letter-spacing:-.04em;align-items:center;gap:11px;font-weight:800;display:flex}.brand-mark{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:31px;height:31px;font-size:14px;transition:transform .18s,background-color .18s;display:grid}.brand:hover .brand-mark{background:var(--accent);transform:rotate(-8deg)}.desktop-nav{color:#3f3f3c;align-items:center;gap:32px;font-size:14px;font-weight:700;display:flex}.desktop-nav>a:not(.search-link){position:relative}.desktop-nav>a:not(.search-link):after{content:"";background:var(--accent);transform-origin:100%;height:2px;transition:transform .16s;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.desktop-nav>a:not(.search-link):hover:after,.desktop-nav>a:not(.search-link):focus-visible:after{transform-origin:0;transform:scaleX(1)}.search-link{border:1px solid var(--ink);border-radius:50%;place-items:center;width:38px;height:38px;transition:background-color .16s,color .16s;display:grid}.search-link:hover{background:var(--ink);color:#fff}.mobile-menu{display:none}.intro{grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);align-items:end;gap:clamp(48px,9vw,124px);min-height:610px;padding:78px 0 74px;display:grid}.eyebrow{color:var(--muted);letter-spacing:.025em;align-items:center;gap:9px;margin:0 0 24px;font-size:13px;font-weight:800;display:flex}.eyebrow span{background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 5px var(--accent-soft);border-radius:50%}.intro h1{letter-spacing:-.07em;max-width:840px;margin:0;font-family:Georgia,Noto Serif KR,serif;font-size:clamp(58px,8.2vw,104px);font-weight:700;line-height:.98}.intro-copy>p:not(.eyebrow){max-width:500px;color:var(--muted);margin:30px 0 0;font-size:17px;line-height:1.75}.intro-actions{align-items:center;gap:22px;margin-top:34px;display:flex}.primary-link{background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:12px;min-height:48px;padding:0 20px;font-size:14px;font-weight:800;transition:transform .16s,background-color .16s;display:inline-flex}.primary-link:hover{background:var(--accent);transform:translateY(-2px)}.primary-link:active{transform:scale(.98)}.text-link{border-bottom:1px solid var(--ink);padding:12px 0;font-size:14px;font-weight:800}.featured-note{background:var(--blue);color:#fff;border-radius:var(--radius);padding:10px;transition:transform .18s;transform:rotate(1.5deg)}.featured-note:hover{transform:rotate(0)}.featured-label{letter-spacing:.04em;padding:9px 10px 13px;font:700 12px/1 ui-monospace,monospace;display:block}.featured-note>a{background:var(--surface);min-height:238px;color:var(--ink);border-radius:12px;flex-direction:column;padding:22px;display:flex}.featured-note small{color:var(--blue);font-size:13px;font-weight:800}.featured-note strong{letter-spacing:-.04em;margin-top:15px;font-size:clamp(22px,2.5vw,30px);line-height:1.38}.featured-note a>span{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:auto;padding-top:28px;font-size:13px;font-weight:800;display:flex}.category-rail{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:150px minmax(0,1fr);align-items:center;gap:30px;padding:18px 0;display:grid}.category-rail>span{color:var(--muted);letter-spacing:.08em;font:700 12px/1 ui-monospace,monospace}.category-rail>div{scrollbar-width:none;justify-content:flex-end;gap:8px;display:flex;overflow-x:auto}.category-rail>div::-webkit-scrollbar{display:none}.category-rail a{background:var(--surface);border:1px solid var(--line);border-radius:999px;flex:none;align-items:center;gap:14px;min-height:44px;padding:0 15px;font-size:14px;font-weight:750;transition:border-color .15s,transform .15s;display:inline-flex}.category-rail a:hover{border-color:var(--ink);transform:translateY(-2px)}.category-rail a:active{transform:scale(.98)}.category-rail b{color:var(--muted);font:600 11px ui-monospace,monospace}.category-rail a:nth-child(2){background:var(--lime);border-color:var(--lime)}.category-rail a:nth-child(3){background:var(--accent-soft);border-color:var(--accent-soft)}.article-section{padding:86px 0 104px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.section-heading p{color:var(--accent);letter-spacing:.08em;margin:0 0 9px;font:800 12px/1 ui-monospace,monospace}.section-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(30px,4vw,46px)}.section-heading>span{color:var(--muted);font-size:14px}.article-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.article-row{--card-tone:var(--accent);min-width:0}.article-row.tone-1{--card-tone:var(--blue)}.article-row.tone-2{--card-tone:#267346}.article-row.tone-3{--card-tone:#9b46d8}.article-card-link{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;height:100%;min-height:410px;padding:22px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.article-card-link:hover,.article-card-link:focus-visible{border-color:var(--ink);outline:none;transform:translateY(-5px);box-shadow:0 12px #1212120f}.article-card-link:active{box-shadow:none;transform:scale(.99)}.article-card-top{justify-content:space-between;gap:16px;display:flex}.article-number{background:var(--card-tone);color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font:700 11px ui-monospace,monospace;display:grid}.article-meta{color:var(--muted);flex-direction:column;align-items:flex-end;gap:4px;font-size:12px;display:flex}.article-meta span{color:var(--card-tone);font-weight:800}.article-row h3{letter-spacing:-.05em;word-break:keep-all;margin:52px 0 0;font-size:clamp(24px,2.5vw,32px);line-height:1.35}.article-row p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:18px 0 0;line-height:1.7;display:-webkit-box;overflow:hidden}.article-action{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:auto;padding-top:24px;font-size:13px;font-weight:800;display:flex}.article-card-link:hover .article-action svg{transform:rotate(45deg)}.article-action svg{transition:transform .16s}.archive-link-row{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:20px 4px 0;font-size:14px;display:flex}.archive-link-row a{min-height:44px;color:var(--ink);border-bottom:1px solid var(--ink);align-items:center;gap:10px;font-weight:800;display:inline-flex}footer{border-top:1px solid var(--ink);color:var(--muted);justify-content:space-between;padding:34px 0 48px;font-size:13px;display:flex}footer a:hover{color:var(--accent)}.breadcrumb{color:var(--muted);flex-wrap:wrap;gap:8px;padding:28px 0;font-size:13px;display:flex}.breadcrumb span{gap:8px;display:flex}.breadcrumb b{color:#a5afaa;font-weight:400}.post{max-width:1040px;margin:0 auto}.post-header{max-width:860px;padding:64px 0 48px}.post-header h1,.listing-page h1,.utility-page h1,.prose-page h1{letter-spacing:-.05em;margin:0;font-family:Georgia,Noto Serif KR,serif;font-size:clamp(38px,5.5vw,68px);line-height:1.16}.post-description{max-width:760px;color:var(--muted);margin:24px 0;font-size:19px;line-height:1.7}.post-byline{color:var(--muted);flex-wrap:wrap;gap:12px 24px;font-size:13px;display:flex}.post-byline span{color:var(--ink);font-weight:700}.post-cover{border:1px solid var(--line);background:#e9e9e4;margin:0 0 54px;overflow:hidden}.post-cover img{width:100%;height:auto;display:block}.direct-answer{border-left:4px solid var(--accent);background:var(--accent-soft);margin:0 0 54px;padding:30px 34px}.direct-answer>span{color:var(--accent);font-size:13px;font-weight:800}.direct-answer h2{margin:9px 0 12px;font-size:21px}.direct-answer p{margin:0;line-height:1.75}.post-layout{grid-template-columns:minmax(0,720px) 230px;justify-content:space-between;align-items:start;gap:64px;display:grid}.article-body{overflow-wrap:anywhere;min-width:0;font-family:Georgia,Noto Serif KR,serif;font-size:18px;line-height:1.95}.article-body h2{letter-spacing:-.035em;margin:2.8em 0 .8em;font-size:30px;line-height:1.35}.article-body h3{margin:2.2em 0 .7em;font-size:23px}.article-body p,.article-body ul,.article-body ol{margin:0 0 1.5em}.article-body a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.article-body code,.prose-page code{background:#e9eeeb;border-radius:3px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:.9em}.article-body pre{background:var(--ink);color:#fff;padding:20px;overflow-x:auto}.article-body blockquote{border-left:3px solid var(--accent);color:#464643;margin:2em 0;padding-left:22px}.article-body img{max-width:100%;height:auto;margin:2em auto;display:block}.article-body table{border-collapse:collapse;width:100%;max-width:100%;font-family:system-ui,sans-serif;font-size:15px;display:block;overflow-x:auto}.article-body th,.article-body td{border:1px solid var(--line);text-align:left;padding:10px}.toc{border-left:1px solid var(--line);padding:19px 0 19px 19px;font-size:13px;position:sticky;top:24px}.toc strong{margin-bottom:12px;display:block}.toc ol{margin:0;padding:0;list-style:none}.toc li{margin:9px 0}.toc-sub{padding-left:12px}.toc a{color:var(--muted)}.toc a:hover{color:var(--accent)}.sources,.related{border-top:1px solid var(--ink);content-visibility:auto;contain-intrinsic-size:1px 320px;margin-top:72px;padding-top:32px}.sources h2,.related h2{margin:0 0 24px;font-size:21px}.sources ol{margin:0;padding:0;list-style:none}.sources li{border-top:1px solid var(--line)}.sources a{grid-template-columns:1fr auto 20px;align-items:center;gap:20px;padding:17px 0;display:grid}.sources small{color:var(--muted)}.related>div{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.related a{background:#fff;flex-direction:column;min-height:180px;padding:25px;display:flex}.related small{color:var(--accent)}.related strong{margin:14px 0;font-size:18px;line-height:1.5}.related span{color:var(--muted);margin-top:auto;font-size:13px}.listing-page,.utility-page{min-height:70vh}.listing-page>header,.utility-page>header{border-bottom:1px solid var(--ink);padding:52px 0 46px}.listing-page>header p:last-child,.utility-page>header p:last-child{color:var(--muted)}.listing-page .article-list{padding:34px 0 80px}.pagination{justify-content:space-between;padding-bottom:70px;display:flex}.pagination a{border-bottom:1px solid var(--ink);align-items:center;min-height:44px;font-weight:700;display:inline-flex}.utility-page>header h1{font-size:clamp(38px,5vw,58px)}.search-panel{max-width:820px;padding:44px 0 80px}.search-panel>label{margin-bottom:10px;font-weight:700;display:block}.search-input-wrap{background:#fff;border:1px solid #aeb9b4;align-items:center;gap:12px;padding:0 16px;display:flex}.search-input-wrap:focus-within{outline:2px solid var(--accent);outline-offset:2px}.search-input-wrap input{width:100%;height:52px;font:inherit;background:0 0;border:0;outline:0}.search-status{min-height:48px;color:var(--muted);padding:14px 0;font-size:14px}.search-results article{border-top:1px solid var(--line);padding:24px 0}.search-results small{color:var(--accent)}.search-results h2{margin:8px 0;font-size:23px}.search-results p{color:var(--muted);margin:0;line-height:1.65}.prose-page{max-width:760px;min-height:70vh;padding-bottom:100px}.prose-page>.eyebrow{margin-top:50px}.prose-page h1{font-size:clamp(40px,5vw,60px)}.prose-page h2{margin-top:55px;font-size:25px}.prose-page p{color:#3f4a46;font-size:18px;line-height:1.85}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;min-height:70vh;display:flex}.not-found>span{color:var(--accent);font:700 14px ui-monospace,monospace}.not-found h1{margin:18px 0 10px;font-size:clamp(32px,5vw,56px)}.not-found p{color:var(--muted)}.not-found a{border-bottom:1px solid var(--ink);margin-top:22px;font-weight:700}@media (max-width:960px){.intro{grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:44px;min-height:560px}.article-list{grid-template-columns:repeat(2,minmax(0,1fr))}.article-row:first-child{grid-column:1/-1}.article-row:first-child .article-card-link{min-height:330px}.post-layout{grid-template-columns:1fr}.toc{border-left:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-row:1;padding:20px 0;position:static}.related>div{grid-template-columns:1fr}.related a{min-height:140px}.sources a{grid-template-columns:1fr 20px}.sources small{grid-area:2/1}}@media (max-width:700px){html{scroll-padding-top:68px}.site-shell{width:min(100% - 28px,1200px)}.site-header{background:var(--paper);height:66px;position:sticky;top:0}.desktop-nav{display:none}.mobile-menu{display:block}.mobile-menu summary{border:1px solid var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:7px;min-height:44px;padding:0 11px;font-size:13px;font-weight:800;list-style:none;display:flex}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu[open] summary{background:var(--ink);color:#fff}.mobile-menu nav{background:var(--ink);color:#fff;border-radius:14px;padding:12px 18px 18px;display:grid;position:absolute;top:58px;left:0;right:0;box-shadow:0 12px 30px #0000002e}.mobile-menu nav a{border-bottom:1px solid #3a3a3a;align-items:center;gap:18px;min-height:52px;font-size:18px;font-weight:750;display:flex}.mobile-menu nav a:last-child{border-bottom:0}.mobile-menu nav a span{color:#979797;font:600 11px ui-monospace,monospace}.mobile-menu nav a svg{margin-left:auto}.intro{min-height:auto;padding:64px 0 58px;display:block}.intro h1{font-size:clamp(48px,15vw,70px);line-height:1.03}.intro-copy>p:not(.eyebrow){margin-top:24px;font-size:16px}.intro-actions{gap:18px;margin-top:28px}.primary-link{min-height:46px;padding:0 17px}.featured-note{display:none}.category-rail{margin-right:-14px;padding:14px 0 15px;display:block}.category-rail>span{margin-bottom:11px;display:block}.category-rail>div{justify-content:flex-start;padding-right:14px}.category-rail a{min-height:44px}.article-section{padding:62px 0 76px}.section-heading{margin-bottom:20px}.section-heading h2{font-size:32px}.article-list{grid-template-columns:1fr;gap:10px}.article-row:first-child{grid-column:auto}.article-card-link,.article-row:first-child .article-card-link{min-height:344px;padding:20px}.article-row h3{margin-top:40px;font-size:26px}.article-row p{-webkit-line-clamp:2;font-size:15px}.archive-link-row{flex-direction:column;align-items:flex-start;gap:4px}footer{flex-direction:column;gap:9px;padding-bottom:38px}.post-header{padding-top:42px}.post-description{font-size:17px}.direct-answer{padding:24px}.article-body{font-size:17px}.article-body h2{font-size:26px}.listing-page>header,.utility-page>header{padding-top:42px}.listing-page .article-list{padding-top:26px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}