:root{color:#172b4d;--accent:#0369a1;--muted:#586b80;--line:#dce9f3;background:#f5faff;font-family:Pretendard,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#edf7ff,#fff 520px);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible{outline-offset:5px;outline:3px solid #0284c7}.wrap{width:min(960px,100% - 64px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-block:30px;display:flex}.brand{letter-spacing:-.6px;align-items:center;font-size:19px;font-weight:800;display:flex}.brand-mark{color:var(--accent);background:#dff2ff;border:1px solid #c3e6fc;border-radius:11px;place-items:center;width:36px;height:36px;margin-right:11px;font-size:26px;display:grid}.brand-dot,.sky-text{color:var(--accent)}.site-header nav{color:var(--muted);gap:27px;font-size:13px;display:flex}nav a[aria-current=page]{color:var(--accent);font-weight:700}.intro{padding:90px 0 76px}.eyebrow{color:var(--accent);letter-spacing:1.9px;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.status-dot{background:#0ea5e9;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #dff2ff}.intro h1{letter-spacing:-2px;word-break:keep-all;margin:23px 0 24px;font-size:clamp(32px,4.8vw,49px);font-weight:700;line-height:1.5}.intro h1 span{color:var(--accent)}.intro-copy{color:var(--muted);word-break:keep-all;font-size:15px;line-height:1.95}.feed-header{border-bottom:1px solid #172b4d;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.feed-header h2{letter-spacing:-.5px;margin:0;font-size:17px}.count{color:#64788e;margin-left:8px;font-size:12px;font-weight:400}.feed-caption{color:var(--muted);font-size:11px}.post-row{border-bottom:1px solid var(--line);padding:33px 0}.post-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:13px;font-size:11px;display:flex}.post-meta>span{color:var(--accent)}.post-row h3{letter-spacing:-.8px;word-break:keep-all;margin:13px 0 10px;font-size:22px;font-weight:600}.post-row h3 a{justify-content:space-between;gap:20px;display:flex}.post-arrow{color:#4a93bd;font-size:19px}.post-row>p{color:var(--muted);margin:0;font-size:14px;line-height:1.9}.tags{color:#58748c;flex-wrap:wrap;gap:10px;margin-top:17px;font-size:11px;display:flex}.draft-label{background:#e0f2fe;border-radius:4px;padding:2px 7px}.empty-state{text-align:center;border-bottom:1px solid var(--line);padding:65px 15px 72px}.empty-mark{color:#0284c7;font-size:32px}.empty-state h3{word-break:keep-all;font-size:17px;font-weight:500}.empty-state p{color:var(--muted);word-break:keep-all;font-size:13px;line-height:1.8}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:15px;margin-top:90px;padding-block:27px;font-size:10px;display:flex}.article{max-width:720px;margin:66px auto 0}.back-link{color:var(--accent);margin-bottom:34px;font-size:13px;display:inline-block}.article-header{border-bottom:1px solid var(--line);margin-bottom:35px;padding-bottom:30px}.article-header h1{letter-spacing:-1.5px;word-break:keep-all;margin:17px 0;font-size:clamp(28px,4.5vw,40px);line-height:1.5}.article-description{color:var(--muted);font-size:16px;line-height:1.9}.prose{overflow-wrap:anywhere;font-size:17px;line-height:1.95}.prose h2{letter-spacing:-.7px;margin-top:45px;font-size:25px}.prose h3{margin-top:32px;font-size:21px}.prose p{margin-block:22px}.prose a{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.prose blockquote{color:#49647d;background:#edf8ff;border-left:3px solid #7dd3fc;border-radius:0 8px 8px 0;margin:28px 0;padding:10px 22px;font-size:15px}.prose pre{border:1px solid var(--line);border-radius:10px;padding:22px;font-size:13px;line-height:1.8;overflow-x:auto}.prose :not(pre)>code{background:#eaf4fc;border-radius:4px;padding:2px 5px;font-size:.85em}.prose img{max-width:100%;height:auto}.prose table{border-collapse:collapse;font-size:14px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);padding:10px 14px}.toc{background:#edf8ff;border-radius:8px;padding:20px 24px;font-size:13px;line-height:1.9}.toc ul{margin-bottom:0;padding-left:18px}.comments{border-top:1px solid var(--line);margin-top:60px;padding-top:30px}.comments h2{font-size:20px}.comments>p{color:var(--muted);font-size:13px}.dev-note{color:#075985;background:#e0f2fe;border-radius:6px;margin-block:18px;padding:12px 16px;font-size:12px;line-height:1.8}.skip{z-index:100;background:#fff;padding:12px;position:fixed;top:-100px;left:16px}.skip:focus{top:10px}@media (width<=600px){.wrap{width:calc(100% - 40px)}.site-header{padding-block:22px}.brand{font-size:16px}.brand-mark{width:30px;height:30px;margin-right:8px;font-size:23px}.site-header nav{gap:16px;font-size:12px}.intro{padding:58px 0 52px}.intro h1{letter-spacing:-1.2px}.eyebrow{letter-spacing:1.1px;font-size:9px}.intro-copy{font-size:14px}.feed-caption{display:none}.post-row h3{font-size:20px}.article{margin-top:40px}.prose{font-size:16px}.site-footer{flex-direction:column;gap:8px;margin-top:65px}.prose pre{padding:16px}.article-header h1{letter-spacing:-.9px}}