/* ============================================================
   article.css — 글 페이지(가이드, 소개, 방침 등) 전용 스타일

   ★ 글(본문) 페이지의 제목·표·강조박스 모양을 바꾸고 싶을 때
     이 파일을 수정하세요. 도구나 홈에는 영향이 없습니다.
   ============================================================ */

.article{padding:32px 0 10px}
.article h1{font-size:25px;margin-bottom:10px;text-align:left}
.article .meta{font-size:12.5px;color:var(--dim);margin-bottom:26px}
.article h2{
  font-size:18px;font-weight:800;margin:32px 0 12px;
  padding-left:11px;border-left:3px solid var(--gold);
}
.article p{font-size:15px;color:#d6d9f5;margin-bottom:14px}
.article ul,.article ol{margin:0 0 16px 20px}
.article li{font-size:15px;color:#d6d9f5;margin-bottom:7px}
.article strong{color:var(--text);font-weight:700}
.article a{color:var(--gold)}

/* 강조 박스 */
.callout{
  background:rgba(242,201,76,.07);border:1px solid rgba(242,201,76,.25);
  border-radius:14px;padding:15px 17px;margin:20px 0;
}
.callout p{margin:0;font-size:14px;color:var(--gold-soft)}

/* 표 */
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
th,td{border:1px solid var(--line);padding:10px 12px;text-align:left}
th{background:rgba(255,255,255,.04);font-weight:700;color:var(--text)}
td{color:#d6d9f5}

/* 글 아래 큰 버튼 */
.cta{
  display:block;text-align:center;text-decoration:none;
  margin:30px 0 10px;padding:17px;border-radius:14px;font-weight:800;font-size:15.5px;
  color:#241c00;background:linear-gradient(180deg,var(--gold-soft),var(--gold));
}