@charset "utf-8";
.achv-w-dp { font-family: 'Malgun Gothic', dotum, sans-serif; }
.achv-w-dp__header { display: flex; align-items: baseline; gap: 6px; padding-bottom: 10px; border-bottom: 2px solid var(--achv-text, #1e293b); margin-bottom: 12px; }
.achv-w-dp__title { font-size: 16px; font-weight: 700; color: var(--achv-text, #1e293b); letter-spacing: -0.3px; }
.achv-w-dp__date { font-size: 13px; color: var(--achv-text-muted, #94a3b8); }
.achv-w-dp__cards { display: flex; gap: 10px; }
.achv-w-dp__card { flex: 1; display: flex; flex-direction: column; padding: 14px; border: 1px solid var(--achv-border, #e2e8f0); border-radius: 6px; text-decoration: none; color: inherit; transition: border-color 0.2s; position: relative; overflow: hidden; }
.achv-w-dp__card:hover { border-color: var(--achv-primary, #e60200); text-decoration: none; }
.achv-w-dp__card--empty { align-items: center; justify-content: center; color: var(--achv-text-muted, #94a3b8); min-height: 90px; }
.achv-w-dp__badge { display: inline-block; font-size: 12px; font-weight: 700; color: #fff; padding: 1px 7px; border-radius: 3px; letter-spacing: 0.5px; }
.achv-w-dp__badge--bat { background: var(--achv-primary, #e60200); }
.achv-w-dp__badge--pit { background: var(--achv-text, #1e293b); }
.achv-w-dp__name { font-size: 18px; font-weight: 800; color: var(--achv-text, #1e293b); margin-top: 10px; line-height: 1.2; }
.achv-w-dp__team { font-size: 13px; color: var(--achv-text-muted, #94a3b8); margin-top: 2px; }
.achv-w-dp__stat { font-size: 14px; color: #555; margin-top: 10px; line-height: 1.6; }
.achv-w-dp__stat b { color: var(--achv-primary, #e60200); font-weight: 800; }
.achv-w-dp__highlight { font-size: 26px; font-weight: 900; color: var(--achv-primary, #e60200); margin-top: 6px; font-variant-numeric: tabular-nums; }
.achv-w-dp__sub-stats { font-size: 13px; color: var(--achv-info, #6b7280); margin-top: 2px; font-variant-numeric: tabular-nums; letter-spacing: -0.2px; }

@media (max-width: 480px) {
    .achv-w-dp__cards { flex-direction: column; }
}

/* 내부 여백은 스킨이 갖지 않는다 — 리빌더 모듈 여백(md_padding_lr/tb)이 정본이다.
   「어제의 아치브」(daily_stats) 스킨도 여백이 없어, 세 위젯의 모듈 여백을 같은 값으로 두면
   (0 포함) 좌우가 저절로 맞는다. 스킨에 여백을 도로 넣지 말 것 — 그 위젯만 안쪽으로 밀린다.
   ⚠ 특히 %는 안 된다: %는 컨테이너 width 기준이라 100% 모듈과 50% 모듈에서 값이 갈리고,
   모바일에서 셋이 세로로 쌓일 때도 폭 따라 달라진다 (예전에 `padding:10%` 이라 그랬다).
   (daily + weekly 공유) */
.achv-w-dp { box-sizing: border-box; }