:root{--ink:#17212b;--muted:#6d7882;--line:#e4e9ed;--paper:#fff;--wash:#f5f7f8;--accent:#0d6b67;--accent2:#d59b58;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--wash);font-family:Arial,"Noto Sans KR",sans-serif;line-height:1.75}.site-header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-inner{max-width:var(--max);margin:auto;height:76px;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);font-family:Georgia,"Noto Serif KR",serif;font-size:25px;font-weight:700;letter-spacing:-1.5px;text-decoration:none}.brand span{color:var(--accent2)}.brand small{font:600 13px Arial;color:var(--accent);letter-spacing:0}.header-inner nav{display:flex;gap:24px}.header-inner nav a{color:var(--muted);font-size:14px;text-decoration:none}.header-inner nav a:hover{color:var(--accent)}.shell{max-width:var(--max);margin:auto;padding:0 24px}.hero{padding:72px 0 44px}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.hero h1{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(36px,5vw,64px);letter-spacing:-3px;line-height:1.12;margin:14px 0}.hero p{max-width:650px;color:var(--muted);font-size:17px}.section-title{display:flex;align-items:end;justify-content:space-between;border-bottom:2px solid var(--ink);margin-bottom:22px;padding-bottom:12px}.section-title h2{font-family:Georgia,"Noto Serif KR",serif;font-size:26px;margin:0}.count{color:var(--muted);font-size:13px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:76px}.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-height:310px;transition:.2s box-shadow,.2s transform}.card:hover{box-shadow:0 12px 30px #17212b12;transform:translateY(-3px)}.card-top{height:10px;background:linear-gradient(90deg,var(--accent),var(--accent2))}.card-body{padding:25px;display:flex;flex:1;flex-direction:column}.card-meta,.article-meta{color:var(--muted);font-size:12px}.card h3{font-family:Georgia,"Noto Serif KR",serif;font-size:22px;line-height:1.4;letter-spacing:-.7px;margin:12px 0}.card p{color:var(--muted);font-size:14px;margin:0 0 18px}.read-more{color:var(--accent);font-size:13px;font-weight:700;text-decoration:none;margin-top:auto}.article{background:var(--paper);max-width:850px;margin:54px auto 80px;padding:clamp(28px,6vw,72px);border:1px solid var(--line);border-radius:16px}.back{color:var(--accent);font-size:13px;text-decoration:none}.article h1{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(32px,5vw,52px);line-height:1.25;letter-spacing:-2.5px;margin:22px 0 14px}.article-lead{border-left:3px solid var(--accent2);color:#52616b;font-size:18px;padding-left:18px;margin:26px 0 36px}.copy-btn{background:var(--accent);border:0;border-radius:7px;color:#fff;cursor:pointer;font-weight:700;padding:11px 16px}.copy-btn:hover{background:#09524f}.article-content{font-size:16px}.article-content h2{font-family:Georgia,"Noto Serif KR",serif;font-size:29px;line-height:1.35;border-top:1px solid var(--line);margin:44px 0 17px;padding-top:27px}.article-content h3{font-size:21px;margin:30px 0 9px}.article-content p{margin:0 0 18px}.article-content blockquote{background:#f2f7f6;border-radius:8px;color:#385b58;margin:18px 0;padding:17px 20px}.article-content ul,.article-content ol{padding-left:24px}.article-content table{border-collapse:collapse;display:block;max-width:100%;overflow:auto;margin:20px 0}.article-content th,.article-content td{border:1px solid var(--line);padding:10px 13px;text-align:left;white-space:nowrap}.article-content th{background:#f4f7f7}.article-content a{color:var(--accent)}.site-footer{background:var(--ink);color:#dfe6e8;padding:28px 0;font-size:13px}.site-footer .shell{display:flex;justify-content:space-between}.site-footer span{color:#aab6bb}@media(max-width:760px){.header-inner{height:64px;padding:0 18px}.brand{font-size:20px}.header-inner nav{gap:12px}.shell{padding:0 18px}.hero{padding:48px 0 34px}.post-grid{grid-template-columns:1fr;padding-bottom:48px}.article{margin:28px 0 50px;padding:28px 22px;border-radius:10px}.article h1{font-size:34px}.article-content{font-size:15px}.site-footer .shell{display:block}.site-footer span{display:block;margin-top:7px}}