/* 러닝 가이드(/guide, /guide/*) 공용 스타일. 공통 디자인은 /css/app.css. */
.guide-page { max-width: 760px; margin: 0 auto; padding: 28px 20px 60px; }
.guide-crumb { font-size: 12px; color: #9aa0a8; margin-bottom: 12px; }
.guide-crumb a { color: #9aa0a8; }
.guide-page h1 { font-size: 26px; font-weight: 800; color: #1c2024; line-height: 1.35; margin-bottom: 8px; }
.guide-meta { font-size: 12px; color: #9aa0a8; margin-bottom: 20px; }
.guide-lead { font-size: 15px; color: #6a6f78; line-height: 1.8; margin-bottom: 28px; }
.guide-page h2 { font-size: 19px; font-weight: 700; color: #1c2024; margin: 32px 0 10px; }
.guide-page h3 { font-size: 16px; font-weight: 700; color: #1c2024; margin: 20px 0 8px; }
.guide-page p { font-size: 15px; line-height: 1.85; color: #3f434a; margin-bottom: 12px; }
.guide-page ul, .guide-page ol { margin: 8px 0 14px 22px; padding: 0; }
.guide-page li { font-size: 15px; line-height: 1.85; color: #3f434a; margin-bottom: 4px; }
.guide-page table { width: 100%; border-collapse: collapse; margin: 10px 0 18px; font-size: 14px; background: #fff; }
.guide-page th, .guide-page td { border: 1px solid #e3e6ea; padding: 8px 10px; text-align: left; line-height: 1.6; }
.guide-page th { background: #f6f7f9; font-weight: 700; color: #1c2024; }
.guide-table-wrap { overflow-x: auto; }
.guide-note { background: #fff; border: 1px solid #eceef1; border-left: 4px solid #e5342f; border-radius: 10px; padding: 14px 16px; margin: 18px 0; }
.guide-note p { margin-bottom: 0; font-size: 14px; }
.guide-related { margin-top: 36px; padding-top: 20px; border-top: 1px solid #e3e6ea; }
.guide-related h2 { margin-top: 0; font-size: 16px; }
.guide-related a { display: block; font-size: 14px; color: #1c2024; padding: 6px 0; }

/* 가이드 목록(/guide) */
.guide-list { display: grid; gap: 14px; }
.guide-card { display: block; background: #fff; border: 1px solid #eceef1; border-radius: 14px; padding: 18px 20px; box-shadow: 0 1px 3px rgba(22,24,28,0.05); color: inherit; text-decoration: none; }
.guide-card:hover { border-color: #d5d9de; }
.guide-card-tag { font-size: 11px; font-weight: 700; color: #e5342f; margin-bottom: 6px; }
.guide-card h2 { font-size: 17px; margin: 0 0 6px; }
.guide-card p { font-size: 14px; color: #6a6f78; margin: 0; line-height: 1.7; }