/* 입문·공부 3차: 전략 허브 3종 · 상금과 세금 · 홀덤펍 · 포인트 원칙 (2026-11-05) — guide2.css 다음에 읽는다 */

/* 강좌 목록 */
.g3-hub h2 .tp-num, .g3-grp h3 .tp-num { margin-left: 4px; font-size: 13px; color: var(--gold); }
.g3-hub__lead { margin: 0 0 6px !important; font-size: 14px; color: var(--muted) !important; }
.g3-grp { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--line); scroll-margin-top: 80px; }
.g3-grp:first-of-type { border-top: 0; padding-top: 4px; }
.g3 .g3-grp h3 { margin: 0 0 4px; font-size: 16px; font-weight: 700; color: var(--text); }
.g3-grp__desc { margin: 0 0 8px !important; font-size: 13px; color: var(--muted) !important; }
.g3-posts { margin: 0 !important; padding-left: 24px !important; }
.g3-posts li { margin: 0 !important; padding: 6px 0; border-bottom: 1px dashed var(--line); line-height: 1.55; }
.g3-posts li:last-child { border-bottom: 0; }
.g3-posts a { color: var(--text) !important; text-decoration: none !important; }
.g3-posts a:hover { color: var(--felt-ink) !important; }
.g3-posts .tp-num { display: inline-block; margin-left: 8px; font-size: 11px; color: var(--dim); white-space: nowrap; }

/* 요점 번호 칸 */
.g3-keys { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 12px 0 0 !important; padding: 0 !important; list-style: none !important; }
.g3-keys li { min-width: 0; margin: 0 !important; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--bg2); list-style: none !important; font-size: 14px; line-height: 1.6; }
.g3-keys b { display: block; margin-bottom: 2px; color: var(--gold-ink); }

/* 되는 것 / 안 되는 것 */
.g3-yn { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.g3-yn > div { min-width: 0; padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg2); }
.g3-yn h3 { margin: 0 0 8px !important; font-size: 16px !important; font-weight: 700; }
.g3-yn .is-ok { border-color: rgba(42, 157, 111, .6); }
.g3-yn .is-ok h3 { color: var(--felt-ink); }
.g3-yn .is-no { border-color: rgba(214, 92, 92, .55); }
.g3-yn .is-no h3 { color: #e58a8a; }
.g3-yn ul { margin: 0 !important; padding-left: 18px !important; }
.g3-yn li { margin: 0 0 8px !important; font-size: 14px; line-height: 1.6; }
.g3-yn li small { display: block; margin-top: 2px; font-size: 12px; color: var(--dim); }

/* 출처 · 확인일 */
.g3-src { margin: 0 !important; padding-left: 18px !important; font-size: 13px; color: var(--muted); }
.g3-src li { margin: 0 0 6px !important; line-height: 1.6; }
.g3-checked { margin: 12px 0 0 !important; padding: 10px 12px; border: 1px solid rgba(201, 165, 93, .45); border-radius: 10px; background: var(--gold-bg); font-size: 13px; color: var(--text) !important; }

/* 계산 예시 표 */
.g3 .tp-table td.ta-r, .g3 .tp-table th.ta-r { text-align: right; white-space: nowrap; }
.g3-calc { display: grid; gap: 6px; margin: 12px 0 0; padding: 14px 16px; border: 1px solid var(--line2); border-radius: 12px; background: var(--bg2); font-size: 14px; }
.g3-calc div { display: flex; justify-content: space-between; gap: 12px; min-width: 0; }
.g3-calc span { color: var(--muted); }
.g3-calc b { color: var(--text); white-space: nowrap; }
.g3-calc .is-sum { padding-top: 8px; border-top: 1px solid var(--line); }
.g3-calc .is-sum b { color: var(--gold-ink); }

@media (max-width: 640px) {
    .g3-keys, .g3-yn { grid-template-columns: minmax(0, 1fr); }
    .g3-posts { padding-left: 20px !important; }
    .g3-posts .tp-num { display: block; margin-left: 0; }
    .g3 .tp-table td.ta-r, .g3 .tp-table th.ta-r { white-space: normal; }
}
@media (max-width: 480px) { .g3 .g3-sm-hide { display: none; } }