/******** components.css — 카드/버튼/테이블/공용 섹션 ********/

/* 카드 */
.card{background:var(--c-card);border:1px solid var(--c-border);border-radius:10px;box-shadow:var(--shadow-1);padding:14px}
.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.card h2{font-size:1.1rem;margin:0}

/* 버튼 */
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:10px 14px}
.btn-primary{background:#111;color:#fff}
.btn-ghost{border:1px solid #000;background:#fff;color:#000}
.btn-link{color:#111;text-decoration:underline}

/* 표 */
.table{width:100%;border-collapse:collapse}
.table th,.table td{border:1px solid #eee;padding:10px 12px;text-align:center}
.table th{background:#f7f7f7;color:#333;font-weight:700}

/* 본문 하이라이트 */
.hl,.mark{background:linear-gradient(transparent 60%,#fff3a1 0);padding:0 .1em}
.callout{border-left:4px solid var(--c-primary);background:#fff6fa;padding:.9rem 1rem;margin:1rem 0;border-radius:var(--radius-s)}
.callout strong{color:var(--c-primary-ink)}

/* 홈 컴포넌트(필요 시 재사용) */
.latest-games-section,.teams-board-section{margin-bottom:24px}
.latest-games-section h3,.teams-board-section h3{font-size:1.1rem;margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid #000}
.latest-games{list-style:none;margin:0;padding:0}
.latest-games li{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.95rem;border-bottom:1px solid #eee}
.latest-games .match{flex:2;display:flex;align-items:center;gap:6px}
.latest-games .match img{width:16px;height:16px;object-fit:contain}
.latest-games .score{flex:1;text-align:center;font-weight:700}
.latest-games .date{flex:.8;text-align:right;color:#888}
.teams-board{display:flex;flex-direction:column;gap:10px}
.team-card{display:flex;align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px;transition:background .2s}
.team-card:hover{background:#f0f0f0}
.team-card img{width:30px;height:30px;object-fit:contain;margin-right:10px;transition:transform .2s}
.team-card img:hover{transform:scale(1.1)}
.team-info{display:flex;flex-direction:column;font-size:.85rem;gap:2px}
.last-game.승{color:#028a0f;font-weight:700}
.last-game.패{color:#e0182d;font-weight:700}
.last-game.무,.last-game.휴식{color:#919191}

/* 푸터 */
.site-footer{text-align:center;font-size:.85rem;color:#777;padding:32px 16px;border-top:1px solid #ccc;margin-top:80px}

/* 반응형 공통 */
@media (max-width:767px){
  body{font-size:14px}
}