/*
 * Deliberately limited to the two requested date markers.
 * No calendar layout, typography, spacing, event-card, or navigation styles live here.
 */
[data-gfx-calendar] .gfx-schedule-marked-day {
    position: relative;
}

[data-gfx-calendar] .gfx-schedule-type-markers {
    position: absolute;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    transform: translateX(-50%);
    pointer-events: none;
    line-height: 1;
}

[data-gfx-calendar] .gfx-schedule-type-marker {
    display: block;
    box-sizing: border-box;
    flex: 0 0 auto;
}

/* Practice: preserve the original red event dot beneath the date number. */
[data-gfx-calendar] .gfx-schedule-type-marker--practice {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ec4649;
}

/* Racing: GFX red line directly beneath the date number. */
[data-gfx-calendar] .gfx-schedule-type-marker--race {
    width: 18px;
    height: 3px;
    border-radius: 999px;
    background: #ed1c24;
}