:root{--paper: #f5f3ec;--card: #fffdf8;--ink: #22242d;--sub: #5c6070;--faint: #8b8f9c;--line: #e6e1d2;--line2: #d8d2bf;--side: #15171f;--side-line: #262a36;--side-ink: #a9adbb;--side-dim: #5d6170;--accent: #0e6e5c;--accent-soft: #e3efe9;--mono: "SF Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Pretendard Variable,Pretendard,-apple-system,Apple SD Gothic Neo,sans-serif;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.68;-webkit-font-smoothing:antialiased;letter-spacing:-.011em}.serif{font-family:"Noto Serif KR",serif}aside{position:fixed;inset:0 auto 0 0;width:272px;background:var(--side);color:var(--side-ink);display:flex;flex-direction:column;overflow-y:auto;z-index:10}.brand{padding:30px 26px 22px;border-bottom:1px solid var(--side-line)}.brand .over{font:600 10.5px var(--mono);letter-spacing:.22em;color:#6f7484;text-transform:uppercase}.brand h1{font-family:"Noto Serif KR",serif;font-size:21px;font-weight:700;color:#f2f0e8;margin:8px 0 4px;line-height:1.3}.brand .period{font:500 11.5px var(--mono);color:#7d8294;letter-spacing:.02em}nav{padding:14px 0 24px;flex:1}.nav-group{font:600 10px var(--mono);letter-spacing:.2em;color:var(--side-dim);text-transform:uppercase;padding:18px 26px 7px}a.home{display:flex;align-items:baseline;gap:10px;padding:8px 26px;color:var(--side-ink);text-decoration:none;font-size:13.5px;font-weight:500;border-left:2px solid transparent;transition:.15s}a.home:hover{color:#fff;background:#1c1f2a}a.home.on{color:#fff;border-left-color:var(--accent);background:#1c1f2a}.cat{border-left:2px solid transparent}.cat.on{border-left-color:var(--tone, var(--accent))}.cat-head{display:flex;align-items:center;gap:9px;width:100%;padding:8px 22px 8px 24px;background:none;border:none;color:var(--side-ink);cursor:pointer;text-align:left;font:600 13.5px Pretendard Variable,Pretendard,sans-serif;letter-spacing:-.01em;transition:.15s}.cat-head:hover{color:#fff;background:#1c1f2a}.cat.on .cat-head{color:#fff}.cat-head .tw{font-size:9px;color:var(--side-dim);transition:transform .18s;width:10px;flex:none}.cat.open .cat-head .tw{transform:rotate(90deg)}.cat-head .dot{width:7px;height:7px;border-radius:50%;background:var(--tone, var(--accent));flex:none;opacity:.85}.cat-head .cnt{margin-left:auto;font:500 10px var(--mono);color:var(--side-dim)}.cat-posts{display:none}.cat.open .cat-posts{display:block}.cat-posts a{display:flex;align-items:baseline;gap:8px;padding:6px 22px 6px 43px;color:#8e93a3;text-decoration:none;font-size:12.8px;font-weight:500;line-height:1.45;transition:.15s}.cat-posts a:hover{color:#fff;background:#1c1f2a}.cat-posts a .t{flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cat-posts a time{font:500 10px var(--mono);color:var(--side-dim);flex:none}.auth-row{padding:14px 26px;border-bottom:1px solid var(--side-line);flex:none}.auth{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:9px 12px;border:1px solid var(--side-line);border-radius:9px;color:var(--side-ink);text-decoration:none;transition:.15s}.auth:hover,.auth:focus-visible{color:#fff;background:#1c1f2a;border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0e6e5c2e}.auth-k{font:500 11px var(--mono);color:var(--side-dim);letter-spacing:.02em}.auth:hover .auth-k,.auth:focus-visible .auth-k{color:#a9adbb}.auth-a{font-size:12.5px;font-weight:600;white-space:nowrap}.side-foot{padding:16px 26px 26px;border-top:1px solid var(--side-line);font-size:11px;color:var(--side-dim);line-height:1.7}main{margin-left:272px;padding:56px 64px 90px;max-width:1010px}section{scroll-margin-top:36px;margin-bottom:72px}.kicker{font:600 10.5px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-bottom:10px}h2{font-family:"Noto Serif KR",serif;font-size:27px;font-weight:700;line-height:1.25;display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-bottom:8px}.cnt-chip{font:600 11px var(--mono);color:var(--tone, var(--accent));letter-spacing:.06em;background:var(--tone-soft, var(--accent-soft));border-radius:999px;padding:4px 11px;transform:translateY(1px)}.sec-lede{color:var(--sub);font-size:14px;max-width:70ch;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line2)}.hero{margin-bottom:34px}.hero h2{font-size:36px;display:block}.hero h2 em{font-style:normal;color:var(--accent)}.hero p{color:var(--sub);max-width:74ch;margin-top:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px}.stat .k{font:600 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.stat .val{font-family:"Noto Serif KR",serif;font-size:29px;font-weight:700;margin-top:6px;font-variant-numeric:tabular-nums;line-height:1.1}.stat .d{font-size:11.5px;color:var(--sub);margin-top:5px}.hl{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hl a{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;text-decoration:none;color:var(--ink);transition:.18s;box-shadow:0 1px 2px #2824140a}.hl a:hover{transform:translateY(-3px);border-color:var(--tone, var(--accent))}.hl .top{display:flex;align-items:center;gap:8px;margin-bottom:9px}.hl .top time{font:500 10.5px var(--mono);color:var(--faint);margin-left:auto}.hl h4{font-family:"Noto Serif KR",serif;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:-.01em}.hl p{font-size:12.6px;color:var(--sub);line-height:1.6;margin-top:6px}.chip{display:inline-flex;align-items:center;gap:6px;font:600 10.5px/1 Pretendard Variable,sans-serif;letter-spacing:.02em;padding:4px 9px;border-radius:999px;white-space:nowrap;color:var(--tone, var(--accent));background:var(--tone-soft, var(--accent-soft))}.chip:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.post{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px 28px;margin-bottom:14px;text-decoration:none;color:var(--ink);box-shadow:0 1px 2px #2824140a;transition:.18s;position:relative;overflow:hidden}.post:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--tone, var(--accent));opacity:0;transition:.18s}.post:hover{transform:translateY(-2px);border-color:var(--tone, var(--accent))}.post:hover:before{opacity:1}.post .pk{display:flex;align-items:center;gap:10px;margin-bottom:10px}.post .pk time{font:500 11px var(--mono);color:var(--faint)}.post .pk .file{font:500 10px var(--mono);color:var(--faint);opacity:.75;margin-left:auto}.post h3{font-family:"Noto Serif KR",serif;font-size:20px;font-weight:700;line-height:1.35;letter-spacing:-.01em}.post .sub{font-size:13.5px;font-weight:600;color:var(--tone, var(--accent));margin-top:4px}.post .sum{font-size:13.8px;color:var(--sub);line-height:1.66;margin-top:10px;max-width:78ch}.post .ev{font:500 10.5px var(--mono);color:var(--faint);margin-top:12px;letter-spacing:.01em}footer{margin-left:272px;padding:24px 64px 70px;max-width:1010px;font-size:12px;color:var(--faint);line-height:1.8;border-top:1px solid var(--line2)}footer code{font:500 11.5px var(--mono);background:#efede4;border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:#454a58}@media(max-width:1080px){aside{position:static;width:auto;height:auto}main,footer{margin-left:0;padding:40px 28px 80px}.stats{grid-template-columns:repeat(2,1fr)}.hl{grid-template-columns:1fr}}@media print{aside{display:none}main,footer{margin-left:0;padding:20px}section{page-break-inside:avoid}body{background:#fff}}