.three-day{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.tg-daycard{
    background: #fff;
    border: 1px solid var(--tg-border);
    border-radius: var(--tg-radius);
    box-shadow: var(--tg-shadow);
    padding: 14px;
}

.tg-daycard__top{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 10px;
}

.tg-daycard__dow{ font-weight: 800; }
.tg-daycard__date{ color: var(--tg-muted); font-size: 13px; }

.tg-daycard__badge{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 12px;
    border: 1px solid var(--tg-border);
}

.tg-daycard__badgeDot{
    width: 8px; height: 8px; border-radius: 999px;
    background: var(--tg-primary);
}

@media (max-width: 920px){
    .three-day{ grid-template-columns: 1fr; }
}