/* 공개 블로그/가이드 아티클 공용 스타일 (GEO 콘텐츠) */
* { box-sizing: border-box; }
body { margin: 0; font-family: "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif; color: #1d2330; background: #fff; line-height: 1.75; }
a { color: #2f6fed; text-decoration: none; }
a:hover { text-decoration: underline; }
.container { max-width: 760px; margin: 0 auto; padding: 0 20px; }
.top { border-bottom: 1px solid #eef0f3; }
.top .container { display: flex; align-items: center; height: 64px; }
.top a.brand { font-weight: 800; font-size: 18px; color: #1d2330; }
.top a.brand span { color: #2f6fed; }
article { padding: 36px 0 20px; }
article h1 { font-size: 30px; line-height: 1.3; margin: 0 0 8px; }
article .meta { color: #99a; font-size: 13px; margin: 0 0 24px; }
article h2 { font-size: 21px; margin: 34px 0 10px; padding-top: 6px; border-top: 1px solid #f0f2f5; }
article h3 { font-size: 17px; margin: 22px 0 8px; }
article p, article li { font-size: 15.5px; color: #2a3140; }
article ul, article ol { padding-left: 20px; }
article li { margin: 4px 0; }
.tldr { background: #f4f8ff; border: 1px solid #dbe6ff; border-radius: 10px; padding: 16px 18px; margin: 0 0 28px; }
.tldr b { color: #2f6fed; }
.cta-box { background: #2f6fed; color: #fff; border-radius: 12px; padding: 22px 24px; margin: 34px 0 10px; text-align: center; }
.cta-box a { display: inline-block; margin-top: 10px; background: #fff; color: #2f6fed; font-weight: 700; padding: 10px 22px; border-radius: 8px; }
.faq { margin-top: 30px; }
.faq .q { font-weight: 700; margin: 16px 0 4px; }
.foot { border-top: 1px solid #eef0f3; margin-top: 40px; padding: 24px 0; color: #778; font-size: 13px; }
.backlink { display: inline-block; margin: 26px 0 0; font-size: 14px; }