:root{--ink:#16202C;--ink-soft:#33414F;--brand:#0E9F6E;--brand-dark:#0A7E58;--bg:#F6F8F9;--paper:#fff;--line:#E4E9EC;--muted:#5C6B78;--maxw:860px}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Pretendard',system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block}
header.bnav{background:var(--ink);color:#fff;position:sticky;top:0;z-index:10}
.bnav-inner{max-width:var(--maxw);margin:0 auto;padding:15px 20px;display:flex;align-items:center;justify-content:space-between}
.bnav .logo{font-weight:800;font-size:1.12rem}
.bnav a.home{color:#fff;font-size:.86rem;border:1px solid rgba(255,255,255,.35);padding:7px 14px;border-radius:8px}
.bnav a.home:hover{background:rgba(255,255,255,.12)}
.bwrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.bhead{padding:42px 0 6px}
.bhead h1{font-size:1.75rem;letter-spacing:-.02em}
.bhead p{color:var(--muted);margin-top:8px}
.posts{padding:24px 0 64px;display:grid;gap:16px}
.post-card{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 14px 32px -24px rgba(22,32,44,.45);transition:transform .15s,box-shadow .2s}
.post-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px -22px rgba(22,32,44,.5)}
.post-card img{width:150px;height:128px;object-fit:cover;flex:0 0 150px;background:var(--bg)}
.post-card .pc-body{padding:15px 18px}
.pc-date{font-size:.76rem;color:var(--brand);font-weight:800;letter-spacing:.02em}
.post-card h2{font-size:1.08rem;margin:5px 0 7px;letter-spacing:-.01em}
.post-card p{font-size:.9rem;color:var(--ink-soft)}
article.post{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;margin:30px 0 54px;box-shadow:0 16px 40px -28px rgba(22,32,44,.4)}
article.post h1{font-size:1.55rem;margin:8px 0 18px;line-height:1.38;letter-spacing:-.02em}
article.post img{width:100%;border-radius:13px;margin:18px 0}
article.post p{margin:15px 0;color:var(--ink-soft)}
article.post b{color:var(--ink)}
.cta{display:block;text-align:center;background:var(--brand);color:#fff;font-weight:800;font-size:1.05rem;padding:16px;border-radius:13px;margin-top:26px}
.cta:hover{background:var(--brand-dark)}
.bfoot{text-align:center;color:var(--muted);font-size:.82rem;padding:26px 0 50px;border-top:1px solid var(--line)}
@media(max-width:560px){.post-card{flex-direction:column}.post-card img{width:100%;flex-basis:auto;height:180px}}