/* 가이드 페이지 공용 스타일 — brand-tokens.css의 토큰을 사용 (2026-08-19 AEO 가이드 신설) */
@import url("../brand-tokens.css");
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;color:#182430;background:#fff;line-height:1.75;word-break:keep-all}
.wrap{max-width:820px;margin:0 auto;padding:0 22px}
header{background:#0b1f33;border-bottom:1px solid rgba(255,255,255,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff;font-weight:800;font-size:18px}
.logo em{font-style:normal;color:#00bf63}
.nav a.cta{background:#00bf63;color:#07130c;text-decoration:none;font-weight:700;font-size:14px;padding:9px 16px;border-radius:9px}
.crumb{font-size:13px;color:#6b7a89;margin:26px 0 6px}
.crumb a{color:#0f7a4e;text-decoration:none}
h1{font-size:clamp(24px,4.5vw,34px);line-height:1.35;letter-spacing:-.5px;margin:6px 0 18px}
.lead{font-size:17px;background:#f2f8f4;border-left:4px solid #0f7a4e;padding:16px 18px;border-radius:0 10px 10px 0;margin-bottom:34px}
article h2{font-size:21px;letter-spacing:-.3px;margin:44px 0 12px}
article p{margin:0 0 14px;font-size:16px;color:#2a3947}
article ul,article ol{margin:0 0 14px 22px}
article li{margin-bottom:6px;font-size:16px;color:#2a3947}
.stat{font-size:13.5px;color:#5b6b7a}
.stat a{color:#0f7a4e}
blockquote{border-left:4px solid #d5dee6;padding:12px 18px;margin:20px 0;color:#39505f;background:#f7fafc;border-radius:0 10px 10px 0;font-size:15.5px}
table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14.5px}
th,td{border:1px solid #dfe7ee;padding:10px 12px;text-align:left;vertical-align:top}
th{background:#f2f6f9;font-size:13.5px}
.cta-box{background:#0b1f33;color:#dbe6f0;border-radius:16px;padding:30px 28px;margin:52px 0 30px}
.cta-box h2{color:#fff;margin:0 0 10px;font-size:20px}
.cta-box p{color:#b7c4d4;font-size:15px;margin-bottom:18px}
.cta-box a.btn{display:inline-block;background:#00bf63;color:#07130c;text-decoration:none;font-weight:800;padding:12px 22px;border-radius:10px;margin-right:10px;font-size:15px}
.cta-box a.ghost{display:inline-block;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:12px 22px;border-radius:10px;font-size:15px}
.more{margin:34px 0;font-size:15px}
.more a{color:#0f7a4e}
footer{background:#081422;color:#7488a0;padding:36px 0 46px;font-size:13.5px;margin-top:60px}
footer a{color:#9fb2c6}
footer div{margin-bottom:4px}
@media(max-width:560px){.nav a.cta{font-size:13px;padding:8px 12px}.cta-box a.ghost{margin-top:10px}}