:root{--ink:#1d1d1f;--secondary:#6e6e73;--line:#d2d2d7;--soft:#f5f5f7;--blue:#0066cc;--max:920px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Segoe UI",sans-serif;word-break:keep-all;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(calc(100% - 40px),var(--max));margin:auto}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.site-header{height:52px;border-bottom:1px solid #0000001a;background:#ffffffeb}.header-inner{height:100%;display:flex;align-items:center}.brand{font-size:15px;font-weight:600;letter-spacing:-.02em}.nav{display:flex;gap:24px;margin-left:auto;font-size:12px}.nav a{color:var(--secondary)}.nav a:hover,.nav a[aria-current]{color:var(--ink)}
.page-intro{padding:64px 0 48px;border-bottom:1px solid var(--line)}.page-intro h1{margin:0 0 12px;font-size:32px;line-height:1.2;letter-spacing:-.04em}.page-intro p{margin:0;color:var(--secondary);font-size:16px;line-height:1.6}.archive{padding:44px 0 96px}.archive-tools{display:flex;align-items:center;justify-content:space-between}.archive-tools h2{margin:0;font-size:20px;letter-spacing:-.03em}.search{display:flex;align-items:center;width:190px;height:36px;padding:0 11px;border:1px solid transparent;border-radius:9px;background:var(--soft)}.search:focus-within{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #0066cc24}.search svg{width:15px;margin-right:7px;fill:none;stroke:var(--secondary);stroke-linecap:round;stroke-width:1.7}.search input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:13px}.filters{display:flex;gap:20px;margin:26px 0 12px;border-bottom:1px solid var(--line)}.filter{position:relative;padding:0 0 11px;border:0;background:none;color:var(--secondary);font-size:13px;cursor:pointer}.filter:hover{color:var(--ink)}.filter.active{color:var(--ink);font-weight:600}.filter.active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--ink);content:""}
.post-row{border-bottom:1px solid var(--line)}.post-row>a{position:relative;display:flex;align-items:center;gap:24px;padding:27px 36px 27px 0}.post-main{min-width:0;flex:1}.post-meta{display:flex;align-items:center;gap:9px;margin-bottom:9px;color:var(--secondary);font-size:11px}.post-meta span+span:before{margin-right:9px;color:var(--line);content:"·"}.featured-label{color:var(--blue)}.post-row h3{margin:0;font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.035em}.post-row p{max-width:660px;margin:8px 0 0;color:var(--secondary);font-size:14px;line-height:1.55}.post-image{width:138px;height:88px;flex:none;border-radius:8px;object-fit:cover}.post-arrow{position:absolute;right:2px;color:#86868b;font-size:16px;transition:transform .18s}.post-row>a:hover h3{color:var(--blue)}.post-row>a:hover .post-arrow{transform:translateX(3px)}.status{padding:60px 0;color:var(--secondary);text-align:center;font-size:13px}
.site-footer{border-top:1px solid var(--line);color:var(--secondary);font-size:11px}.site-footer .shell{display:flex;justify-content:space-between;padding-top:28px;padding-bottom:38px}.site-footer a:hover{color:var(--ink)}
.article-wrap{width:min(calc(100% - 40px),680px);margin-left:auto;margin-right:auto}.article-head{padding:72px 0 42px}.article-category{color:var(--blue);font-size:12px;font-weight:600}.article-head h1{margin:16px 0 18px;font-size:clamp(32px,5vw,46px);line-height:1.2;letter-spacing:-.045em}.article-head>p{margin:0;color:var(--secondary);font-size:17px;line-height:1.65}.article-byline{display:flex;flex-wrap:wrap;margin-top:26px;color:var(--secondary);font-size:11px}.article-byline span+span:before{content:"·";margin:0 8px}.article-cover,.article-image{width:min(calc(100% - 40px),920px);height:min(48vw,460px);margin:0 auto 56px;overflow:hidden;border-radius:12px;background:var(--soft)}.article-cover{display:flex;align-items:flex-end;padding:24px;color:var(--secondary);font-size:12px}.article-image img{width:100%;height:100%;object-fit:cover}.prose{padding-bottom:72px;color:#333336;font-size:16px;line-height:1.85}.prose>p:first-child{color:var(--ink);font-size:18px}.prose p{margin:0 0 25px}.prose h2{margin:52px 0 18px;font-size:26px;line-height:1.35;letter-spacing:-.035em}.prose h3{margin:40px 0 14px;font-size:20px}.prose a,.article-end a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.prose blockquote{margin:34px 0;padding-left:20px;border-left:3px solid var(--line);color:var(--secondary)}.prose pre{overflow:auto;padding:20px;border-radius:8px;background:#1d1d1f;color:#f5f5f7;font-size:13px}.prose img{max-width:100%;height:auto;border-radius:8px}.article-end{display:flex;justify-content:space-between;padding:24px 0 64px;border-top:1px solid var(--line);font-size:12px}.article-end p{margin:0;color:var(--secondary)}.footer{border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;padding-top:28px;padding-bottom:38px;color:var(--secondary);font-size:11px}.footer-inner span:first-of-type{margin-left:auto}.footer-inner span+span{margin-left:24px}
@media(max-width:640px){.shell{width:calc(100% - 32px)}.nav{gap:16px}.nav a:first-child{display:none}.page-intro{padding:44px 0 36px}.page-intro h1{font-size:28px}.archive{padding:34px 0 72px}.archive-tools{align-items:flex-start;gap:20px;flex-direction:column}.search{width:100%}.filters{overflow:auto;gap:18px}.post-row>a{padding:23px 28px 23px 0}.post-row h3{font-size:18px}.post-row p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.post-image{display:none}.article-head{padding:52px 0 34px}.article-head h1{font-size:32px}.article-cover,.article-image{width:calc(100% - 24px);height:58vw;margin-bottom:42px}.article-end{align-items:flex-start;flex-direction:column;gap:10px}.footer-inner span:first-of-type{margin-left:0}.footer-inner span:nth-of-type(2){display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}