:root{--paper: #f6f4ee;--card: #ffffff;--ink: #1f242e;--soft: #68707e;--line: #e5e1d8;--accent: #157a5b;--accent-deep: #0e5a42;--accent-soft: #e4f0ea;--gold: #b98a1e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard Variable,Pretendard,-apple-system,Apple SD Gothic Neo,sans-serif;color:var(--ink);background:var(--paper);line-height:1.85;font-size:16.5px}.wrap{max-width:880px;margin:0 auto;padding:0 20px 72px}header.site{display:flex;align-items:center;gap:12px;padding:22px 0 18px;margin-bottom:8px;border-bottom:1px solid var(--line)}header.site a.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800;font-size:23px;letter-spacing:-.02em}.brandimg{width:38px;height:38px;border-radius:10px;display:block;border:1px solid var(--line)}header.site .tagline{color:var(--soft);font-size:13.5px;margin-left:2px;padding-top:6px;text-wrap:balance}article.post h1{font-size:30px;line-height:1.32;margin:8px 0 10px;letter-spacing:-.02em;text-wrap:balance}article.post .desc{color:var(--soft);font-size:16px;margin:0 0 6px}article.post .meta{display:flex;align-items:center;gap:10px;color:var(--soft);font-size:13.5px;margin-bottom:22px}article.post img{max-width:100%;border-radius:12px;margin:10px 0}article.post img.hero{box-shadow:0 8px 28px #1f242e1a;margin:4px 0 24px}article.post h2{font-size:22.5px;margin:44px 0 12px;padding-top:24px;border-top:1px solid var(--line);letter-spacing:-.01em}article.post h3{font-size:18.5px;margin:30px 0 8px}article.post table{border-collapse:collapse;width:100%;margin:18px 0;font-size:14.5px;display:block;overflow-x:auto}article.post th,article.post td{border:1px solid var(--line);padding:9px 13px;text-align:left}article.post th{background:var(--accent-soft);color:var(--accent-deep);font-weight:700;white-space:nowrap}article.post blockquote{border-left:3px solid var(--accent);margin:18px 0;padding:6px 18px;color:var(--soft);background:var(--card);border-radius:0 10px 10px 0}article.post :not(pre)>code{background:#edeae2;padding:1px 7px;border-radius:5px;font-size:14px}article.post pre{margin:18px 0;padding:15px 17px;border-radius:10px}article.post pre>code{background:none;padding:0;font-size:13.5px;line-height:1.72}article.post strong{color:var(--accent-deep)}article.post a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:#157a5b73}article.post a:hover,article.post a:focus-visible{text-decoration-color:var(--accent);text-decoration-thickness:2px}.chip{display:inline-block;font-size:12.5px;font-weight:700;background:var(--accent-soft);color:var(--accent-deep);border-radius:99px;padding:3px 11px}.intro{margin:26px 0 30px}.intro p{color:var(--soft);font-size:16.5px;margin:0}.intro b{color:var(--accent-deep)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;padding:0;list-style:none;margin:0}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1f242e1a}.card a{text-decoration:none;color:var(--ink);display:block}.card .thumb{aspect-ratio:1200 / 630;background:var(--accent-soft);overflow:hidden}.card .thumb img{width:100%;height:100%;object-fit:cover;display:block}.card .body{padding:15px 17px 17px}.card h2{font-size:17.5px;line-height:1.45;margin:8px 0 6px;letter-spacing:-.01em}.card .d{color:var(--soft);font-size:13.8px;line-height:1.6;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .date{color:var(--soft);font-size:12.5px}.nav-row{display:flex;align-items:flex-start;gap:7px;padding:12px 0 4px}.cat-nav{display:flex;flex:1;min-width:0;gap:7px;flex-wrap:wrap}.cat-nav a,.nav-search{appearance:none;text-decoration:none;color:var(--soft);font:inherit;font-size:13.5px;font-weight:650;line-height:1.85;cursor:pointer;padding:4px 12px;border-radius:99px;border:1px solid var(--line);background:var(--card);transition:color .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.cat-nav a:hover,.nav-search:hover{border-color:var(--accent);color:var(--accent-deep)}.cat-nav a:active,.nav-search:active{transform:scale(.96)}.cat-nav a:focus-visible,.nav-search:focus-visible{outline:3px solid rgba(21,122,91,.25);outline-offset:2px}.cat-nav a.on,.nav-search.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:800;box-shadow:0 0 0 3px var(--accent-soft),0 3px 10px #0e5a422e}.cat-nav a.on:before{content:"✓";margin-right:5px}.nav-search{flex:0 0 auto;margin-left:auto;white-space:nowrap}body.search-open{overflow:hidden}.search-dialog{width:min(680px,calc(100% - 32px));max-height:min(720px,calc(100dvh - 48px));margin:auto;padding:22px;border:1px solid var(--line);border-radius:18px;color:var(--ink);background:var(--paper);box-shadow:0 24px 70px #1f242e38}.search-dialog::backdrop{background:#1f242e7a;backdrop-filter:blur(3px)}.search-dialog-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:14px}.search-dialog-head strong{display:block;font-size:20px;line-height:1.4}.search-dialog-head p{margin:3px 0 0;color:var(--soft);font-size:13.5px;line-height:1.5}.search-close{flex:0 0 38px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;color:var(--soft);background:var(--card);font-size:25px;line-height:1;cursor:pointer}.search-close:hover{color:var(--ink);border-color:var(--soft)}.search-close:focus-visible{outline:3px solid rgba(21,122,91,.25);outline-offset:2px}.search-loading,.search-error{margin:18px 0;color:var(--soft);font-size:14px}.search-error{color:#a13a2f}.search-dialog{--pagefind-ui-primary: var(--accent);--pagefind-ui-text: var(--ink);--pagefind-ui-background: var(--card);--pagefind-ui-border: var(--line);--pagefind-ui-font: inherit}footer.site{margin-top:64px;padding-top:18px;border-top:1px solid var(--line);color:var(--soft);font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}footer.site .flinks a{color:var(--soft);text-decoration:none}footer.site .flinks a:hover{color:var(--accent)}@media(max-width:560px){.wrap{padding-inline:16px}header.site{gap:8px;padding:16px 0 14px}header.site a.brand{gap:8px;font-size:21px}.brandimg{width:34px;height:34px;border-radius:9px}header.site .tagline{flex:1;min-width:150px;margin-left:0;padding-top:0;font-size:12.5px;line-height:1.4}.nav-row{margin-inline:-16px;padding:12px 16px 6px}.cat-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.cat-nav::-webkit-scrollbar{display:none}.cat-nav a,.nav-search{flex:0 0 auto;min-height:36px}.search-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:18px;border-radius:15px}article.post h1{font-size:25px}}