/* AEO 가이드 전용 스타일 — 줄글 나열을 시각적 구조(번호 배지·체크리스트·진행바·애니메이션)로 보강 */

/* 읽기 진행바 */
.gd-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:1200;background:rgba(0,0,0,.06)}
.gd-progress span{display:block;height:100%;width:0;background:var(--brass);transition:width .1s linear}

/* 히어로: 은은한 그라디언트 애니메이션 + 메타 정보 */
.guide-hero{background:linear-gradient(120deg,var(--navy),#171b26,var(--navy));background-size:220% 220%;animation:gdGradient 16s ease infinite}
@keyframes gdGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.gd-meta-row{display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:center;margin-top:16px}
.gd-meta-item{font-size:.76rem;color:rgba(255,255,255,.75);padding:5px 14px;border:1px solid rgba(255,255,255,.28);border-radius:20px}

/* 개요 아이콘 박스: 3열 고정 */
.diagram-box{grid-template-columns:repeat(3,1fr)}
@media(max-width:768px){.diagram-box{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.diagram-box{grid-template-columns:1fr}}

/* 섹션 번호 배지 */
.gd-section{padding:30px 0;border-bottom:1px solid var(--border)}
.gd-section:first-of-type{padding-top:0}
.gd-section:last-of-type{border-bottom:none;padding-bottom:0}
.gd-num{display:block;font-size:.76rem;font-weight:800;letter-spacing:.16em;color:var(--brass)}

/* 체크리스트 (병렬 항목을 카드형으로) */
.gd-checklist{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.gd-checklist li{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;background:var(--gray);border-left:3px solid var(--brass);transition:transform .25s,box-shadow .25s}
.gd-checklist li:hover{transform:translateX(4px);box-shadow:var(--shadow)}
.gd-check-ico{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--brass);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;margin-top:2px}
.gd-checklist b{display:block;font-size:.92rem;color:var(--text);margin-bottom:4px}
.gd-checklist p{font-size:.87rem;color:var(--sub);line-height:1.8;margin:0}

/* 표: 행 hover */
.compare-table tr:hover td{background:rgba(var(--brass-rgb),.14)}