:root{--bg:#fff;--surface:#fafafa;--ink:#1a1c20;--muted:#52575e;--meta:#676d75;--accent:#0e7b47;--accent-deep:#0a5e37;--tint:#e9f5ef;--line:#e7e9ec;--sans:"Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--sans);background:var(--bg);color:var(--ink);word-break:keep-all;font-size:16px;line-height:1.7}a{color:var(--accent-deep);text-decoration:none}a:hover{text-decoration:underline}.prose a,.site-footer a,.page-desc a,.empty-note a{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}img{max-width:100%;height:auto}.container{max-width:680px;margin:0 auto;padding:0 20px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{background:var(--ink);color:#fff;z-index:10;border-radius:6px;padding:8px 14px;top:12px;left:12px}.site-header{border-bottom:1px solid var(--line);background:var(--bg)}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding-top:18px;padding-bottom:14px;display:flex}.logo{letter-spacing:-.01em;color:var(--ink);white-space:nowrap;padding:6px 0;font-size:19px;font-weight:800}.logo:hover{text-decoration:none}.cat-nav{flex-wrap:wrap;gap:2px 16px;font-size:14.5px;font-weight:500;display:flex}.cat-nav a{color:var(--muted);border-bottom:2px solid #0000;padding:6px 2px}.cat-nav a:hover{color:var(--ink);border-bottom-color:var(--accent);text-decoration:none}.hero{border-bottom:1px solid var(--line);padding:64px 0 52px}.hero h1{letter-spacing:-.015em;font-size:clamp(27px,5vw,40px);font-weight:800;line-height:1.32}.hero p{color:var(--muted);max-width:560px;margin-top:16px;font-size:16.5px}.section{padding:44px 0 80px}.section-title{letter-spacing:.02em;color:var(--ink);padding-bottom:14px;font-size:15px;font-weight:800}.page-title{letter-spacing:-.015em;font-size:clamp(24px,4.4vw,30px);font-weight:800;line-height:1.35}.page-desc{color:var(--muted);border-bottom:1px solid var(--line);margin-top:10px;padding-bottom:18px;font-size:16px}.post-list{border-top:1px solid var(--line);list-style:none}.post-item{border-bottom:1px solid var(--line);padding:28px 0}.post-item h2,.post-item h3{letter-spacing:-.01em;font-size:19.5px;font-weight:700;line-height:1.45}.post-item h2 a,.post-item h3 a{color:var(--ink)}.post-item h2 a:hover,.post-item h3 a:hover{color:var(--accent-deep)}.post-desc{color:var(--muted);margin-top:8px;font-size:15.5px}.post-meta{color:var(--meta);flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:12px;font-size:13.5px;display:flex}.tag{color:var(--accent-deep);background:var(--tint);border-radius:6px;padding:2px 9px;font-size:12.5px;font-weight:650;display:inline-block}.tag:hover{background:#ddefe6;text-decoration:none}.empty-note{color:var(--muted);text-align:center;padding:48px 0}.article-head{padding:56px 0 0}.article-head h1{letter-spacing:-.015em;font-size:clamp(25px,4.6vw,34px);font-weight:800;line-height:1.38}.article-meta{color:var(--meta);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:18px;padding-bottom:24px;font-size:14px;display:flex}.sample-badge{background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:2px 10px;font-size:13px;font-weight:600;display:inline-block}.prose{padding:32px 0 10px}.prose h2{letter-spacing:-.01em;margin:40px 0 12px;font-size:22px;font-weight:700;line-height:1.4}.prose h3{margin:28px 0 10px;font-size:18px;font-weight:700}.prose p{margin:14px 0}.prose ul,.prose ol{margin:14px 0;padding-left:24px}.prose li{margin:6px 0}.prose blockquote{border-left:3px solid var(--accent);background:var(--surface);color:var(--muted);border-radius:0 8px 8px 0;margin:20px 0;padding:14px 20px}.prose table{border-collapse:collapse;width:100%;margin:18px 0;font-size:15px}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:9px 12px}.prose th{background:var(--surface)}.table-scroll{overflow-x:auto}.about-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:28px 0;padding:22px 24px}.about-card h2{margin-bottom:8px;font-size:18px;font-weight:700}.site-footer{border-top:1px solid var(--line);background:var(--surface);text-align:center;color:var(--muted);padding:44px 0 52px;font-size:14px}.footer-logo{color:var(--ink);font-size:16px;font-weight:800}.footer-desc{max-width:520px;margin-top:10px;margin-left:auto;margin-right:auto}.footer-ownership{color:var(--meta);margin-top:14px;font-size:13px}.footer-copy{color:var(--meta);margin-top:10px;font-size:13px}@media (max-width:560px){.header-inner{padding-top:14px;padding-bottom:10px}.cat-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:0 14px;max-width:100%;font-size:14px;overflow-x:auto}.cat-nav::-webkit-scrollbar{display:none}.cat-nav a{flex:none;padding:8px 2px}.hero{padding:44px 0 38px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}