.blog-shell{padding:56px 0 80px}.blog-container{width:min(var(--mw),calc(100% - var(--px) * 2));margin:0 auto}.blog-narrow{width:min(760px,calc(100% - var(--px) * 2));margin:0 auto}.blog-list-head{margin-bottom:32px}.blog-list-head h1{font:800 32px/1.2 Inter,Noto Sans KR,sans-serif;letter-spacing:-.02em;color:var(--ink)}.blog-list-head p{margin-top:8px;color:var(--muted);font-size:16px}.blog-card-list{list-style:none;display:grid;grid-gap:16px;gap:16px}.blog-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);padding:22px 24px;transition:box-shadow .2s,border-color .2s}.blog-card:hover{box-shadow:var(--shadow);border-color:var(--line-strong)}.blog-card-title{display:block;font:700 19px/1.4 Inter,Noto Sans KR,sans-serif;color:var(--ink);text-decoration:none}.blog-card-title:hover{color:var(--accent)}.blog-card p{margin-top:8px;color:var(--muted);font-size:14.5px;line-height:1.6}.blog-back{display:inline-block;margin-bottom:20px;color:var(--muted);font-size:14px;text-decoration:none}.blog-back:hover{color:var(--accent)}.blog-title{font:800 34px/1.25 Inter,Noto Sans KR,sans-serif;letter-spacing:-.02em;color:var(--ink);margin-bottom:16px}.blog-tldr{font-size:17px;line-height:1.7;color:var(--c2);background:var(--sky-1);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:16px 20px;margin-bottom:28px}.blog-content{color:var(--ink);font-size:16.5px;line-height:1.8}.blog-content h2{font:700 22px/1.4 Inter,Noto Sans KR,sans-serif;letter-spacing:-.01em;margin:36px 0 12px;color:var(--ink)}.blog-content h3{font:700 18px/1.4 Inter,Noto Sans KR,sans-serif;margin:24px 0 8px;color:var(--ink)}.blog-content p{margin:0 0 16px}.blog-content ol,.blog-content ul{margin:0 0 16px;padding-left:22px}.blog-content li{margin-bottom:6px}.blog-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;word-break:break-word}.blog-content a:hover{color:var(--blue-2)}.blog-content blockquote{margin:20px 0;padding:12px 20px;border-left:3px solid var(--line-strong);background:var(--sky-1);color:var(--c2);border-radius:0 var(--radius) var(--radius) 0}.blog-content strong{font-weight:700}.blog-faq{margin-top:44px;border-top:1px solid var(--line);padding-top:28px}.blog-faq>h2{font:700 22px/1.4 Inter,Noto Sans KR,sans-serif;margin-bottom:12px;color:var(--ink)}.blog-faq details{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);margin-bottom:10px;overflow:hidden}.blog-faq summary{cursor:pointer;padding:16px 20px;font:600 16px/1.5 Inter,Noto Sans KR,sans-serif;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:12px}.blog-faq summary::-webkit-details-marker{display:none}.blog-faq summary:after{content:"+";color:var(--muted);font-weight:400}.blog-faq details[open] summary:after{content:"-"}.blog-faq details[open] summary{border-bottom:1px solid var(--line)}.blog-faq details p{padding:14px 20px;margin:0;color:var(--c2);line-height:1.7;font-size:15px}