/* /Layout/SearchPanel.razor.rz.scp.css */
/* Additions to the shell's search styles (shell.css): the rider rows, the loading line and the empty state. */

/* Rider rows: initials avatar, the name styled as a rider link (it is the link to the profile), club + category. */
.search-hit__link--rider[b-p3pe5h0dbe] {
    display: flex;
    align-items: center;
    gap: var(--s-3);
}

.search-hit__avatar[b-p3pe5h0dbe] { flex-shrink: 0; }

.search-hit__main[b-p3pe5h0dbe] {
    display: grid;
    gap: 2px;
    min-inline-size: 0;
}

.search-hit__title--rider[b-p3pe5h0dbe] {
    font-weight: var(--fw-semibold);
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, currentColor 25%, transparent);
    text-underline-offset: 0.22em;
}

.search-hit__link--rider:hover .search-hit__title--rider[b-p3pe5h0dbe] { text-decoration-color: currentColor; }

.search-loading[b-p3pe5h0dbe] {
    display: flex;
    align-items: center;
    gap: var(--s-2);
    padding-block: var(--s-5);
    color: var(--c-ink-2);
    font-size: var(--fs-15);
}

.search-empty .empty__title[b-p3pe5h0dbe] {
    font-size: var(--fs-20);
    overflow-wrap: anywhere;
}
/* /Pages/About.razor.rz.scp.css */
/* /about - the story page. Sections are separated by space and hairlines, not boxes; the numbers band is the one
   dark moment; the fact card is the only raised surface besides the closing band. */

.about-block + .about-block[b-nbj70qcdhe] { margin-block-start: var(--section-gap); }

/* The <picture> must fill the 3:1 band so the image's object-position applies (not a top crop). */
.about-hero-pic[b-nbj70qcdhe] { display: block; block-size: 100%; }
.about-hero[b-nbj70qcdhe] { object-position: 50% 55%; }

.about-head[b-nbj70qcdhe] {
    display: grid;
    gap: var(--s-3);
    margin-block-end: var(--block-gap);
}

.about-head__lead[b-nbj70qcdhe] {
    max-inline-size: 62ch;
    color: var(--text-2);
    font-size: var(--fs-lead);
    line-height: 1.55;
}

.about-h3[b-nbj70qcdhe] {
    font-size: var(--fs-h3);
    margin-block-end: var(--s-4);
}

/* ---- 2. Who we are + fact card ------------------------------------------------------------------- */
.about-intro[b-nbj70qcdhe] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-8);
    align-items: start;
}

.about-intro__text[b-nbj70qcdhe] {
    display: grid;
    gap: var(--s-4);
}

.about-intro__lead[b-nbj70qcdhe] {
    max-inline-size: 40ch;
    font-size: clamp(1.25rem, 1.05rem + 0.75vw, 1.625rem);
    font-weight: var(--fw-regular);
    line-height: 1.5;
    color: var(--text);
    text-wrap: pretty;
}

.factcard[b-nbj70qcdhe] {
    border-radius: var(--r-lg);
    background: var(--c-white);
    box-shadow: var(--shadow-1);
    overflow: hidden;
}

/* The race-bib top band of the site's cards (404, rider profile): the card's title on Night Ride. */
.factcard__title[b-nbj70qcdhe] {
    padding: var(--s-3) var(--s-5);
    background: var(--c-night);
    color: var(--c-on-night);
    font-size: var(--fs-16);
    font-weight: var(--fw-semibold);
}

.factcard__list[b-nbj70qcdhe] { padding-inline: var(--s-5); }

.factcard__row[b-nbj70qcdhe] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: var(--s-3);
    align-items: center;
    padding-block: var(--s-4);
    font-size: var(--fs-16);
    line-height: 1.45;
}

.factcard__row + .factcard__row[b-nbj70qcdhe] { border-block-start: 1px solid var(--c-line); }

.factcard__icon[b-nbj70qcdhe] {
    display: grid;
    place-items: center;
    inline-size: 40px;
    block-size: 40px;
    border-radius: var(--r-sm);
    background: var(--c-chalk);
    color: var(--c-ink);
}

.factcard__nowrap[b-nbj70qcdhe] { white-space: nowrap; }

.factcard__branches[b-nbj70qcdhe] {
    display: grid;
    gap: var(--s-2);
}

/* The disciplines as small static tags: separate items that wrap cleanly. */
.factcard__disciplines[b-nbj70qcdhe] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.factcard__discipline[b-nbj70qcdhe] {
    padding: 3px 9px;
    border-radius: var(--r-xs);
    background: var(--c-chalk);
    box-shadow: inset 0 0 0 1px var(--c-line);
    color: var(--c-ink);
    font-size: var(--fs-14);
    font-weight: var(--fw-medium);
    line-height: 1.4;
}

@media (min-width: 900px) {
    .about-intro[b-nbj70qcdhe] {
        grid-template-columns: minmax(0, 1.7fr) minmax(320px, 1fr);
        gap: var(--s-10);
    }
}

/* ---- 3. What we do: 4 × 2 with hairlines ---------------------------------------------------------- */
.activities[b-nbj70qcdhe] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-block-start: 1px solid var(--c-line-2);
}

.activity[b-nbj70qcdhe] {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: var(--s-4);
    padding: var(--s-6) var(--s-5) var(--s-7);
    border-block-end: 1px solid var(--c-line);
    border-inline-start: 1px solid var(--c-line);
}

.activity:nth-child(4n + 1)[b-nbj70qcdhe] { border-inline-start: 0; padding-inline-start: 0; }
.activity:nth-child(4n)[b-nbj70qcdhe] { padding-inline-end: 0; }

.activity__icon[b-nbj70qcdhe] {
    display: grid;
    place-items: center;
    inline-size: 44px;
    block-size: 44px;
    border-radius: 12px;
    background: var(--c-white);
    box-shadow: inset 0 0 0 1px var(--c-line);
    color: var(--c-ink);
}

.activity__body[b-nbj70qcdhe] {
    display: flex;
    flex-direction: column;
    gap: var(--s-2);
}

.activity__title[b-nbj70qcdhe] { font-size: var(--fs-h3); }

.activity__text[b-nbj70qcdhe] {
    color: var(--text-2);
    font-size: var(--fs-15);
    line-height: 1.55;
}

.activity__link[b-nbj70qcdhe] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    align-self: flex-start;
    min-block-size: var(--tap);
    margin-block-start: auto;
    padding-block-start: var(--s-1);
    color: var(--c-ink);
    font-size: var(--fs-15);
    font-weight: var(--fw-semibold);
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, currentColor 35%, transparent);
    text-underline-offset: 0.25em;
}

.activity__link:hover[b-nbj70qcdhe] { text-decoration-color: currentColor; }

.activity__link .icon[b-nbj70qcdhe] { transition: transform var(--dur-2) var(--ease-out); }
.activity__link:hover .icon[b-nbj70qcdhe] { transform: translateX(-3px); }

@media (max-width: 1099px) {
    .activities[b-nbj70qcdhe] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .activity:nth-child(4n + 1)[b-nbj70qcdhe] { padding-inline-start: var(--s-5); }
    .activity:nth-child(4n)[b-nbj70qcdhe] { padding-inline-end: var(--s-5); }
    .activity[b-nbj70qcdhe] { border-inline-start: 1px solid var(--c-line); }
    .activity:nth-child(2n + 1)[b-nbj70qcdhe] { border-inline-start: 0; padding-inline-start: 0; }
    .activity:nth-child(2n)[b-nbj70qcdhe] { padding-inline-end: 0; }
}

@media (max-width: 599px) {
    .activities[b-nbj70qcdhe] { grid-template-columns: minmax(0, 1fr); }

    .activity[b-nbj70qcdhe],
    .activity:nth-child(n)[b-nbj70qcdhe] {
        grid-template-columns: 44px minmax(0, 1fr);
        grid-template-rows: auto;
        align-items: start;
        padding: var(--s-5) 0;
        border-inline-start: 0;
    }

    .activity__link[b-nbj70qcdhe] { margin-block-start: 0; }
}

/* ---- 5. Strategic plan ---------------------------------------------------------------------------- */
.vision[b-nbj70qcdhe] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-7);
    align-items: center;
}

.vision__text[b-nbj70qcdhe] {
    display: grid;
    gap: var(--s-4);
}

.vision__label[b-nbj70qcdhe] {
    font-size: var(--fs-16);
    font-weight: var(--fw-semibold);
    color: var(--text-2);
}

.vision__quote[b-nbj70qcdhe] {
    margin: 0;
    padding-inline-start: var(--s-6);
    border-inline-start: 3px solid var(--c-night);
}

.vision__quote p[b-nbj70qcdhe] {
    max-inline-size: 22ch;
    font-family: var(--font-display);
    font-size: clamp(2.5rem, 1.6rem + 2.6vw, 4rem);
    font-weight: var(--fw-bold);
    line-height: 0.98;
    color: var(--c-ink);
    text-wrap: balance;
}

.vision__photo[b-nbj70qcdhe] {
    aspect-ratio: 4 / 3;
    border-radius: var(--r-lg);
    background: var(--c-chalk-2);
    overflow: hidden;
}

.vision__photo img[b-nbj70qcdhe] {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    object-position: 58% 50%;
}

@media (min-width: 900px) {
    .vision[b-nbj70qcdhe] {
        grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
        gap: var(--s-10);
    }
}

.values[b-nbj70qcdhe] { margin-block-start: var(--block-gap); }

.values__list[b-nbj70qcdhe] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-2) var(--s-3);
}

/* Static tags in the kit's tag language (a leading bar, like the discipline tags), never chip- or button-like. */
.values__tag[b-nbj70qcdhe] {
    padding-block: 8px;
    padding-inline: 14px 16px;
    border-start-start-radius: 2px;
    border-end-start-radius: 2px;
    border-start-end-radius: var(--r-xs);
    border-end-end-radius: var(--r-xs);
    border-inline-start: 3px solid var(--c-night);
    background: var(--c-white);
    color: var(--c-ink);
    font-size: var(--fs-16);
    font-weight: var(--fw-semibold);
    line-height: 1.3;
}

.goals[b-nbj70qcdhe] { margin-block-start: var(--block-gap); }

.goals__list[b-nbj70qcdhe] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--s-6);
}

.goal[b-nbj70qcdhe] {
    display: grid;
    align-content: start;
    gap: var(--s-2);
    padding-block-start: var(--s-4);
    border-block-start: 2px solid var(--c-ink);
}

.goal__num[b-nbj70qcdhe] {
    font-family: var(--font-display);
    font-size: var(--fs-figure);
    font-weight: var(--fw-bold);
    line-height: 0.9;
    color: var(--c-ink);
}

.goal__title[b-nbj70qcdhe] {
    margin-block-start: var(--s-1);
    font-size: var(--fs-h3);
}

.goal__text[b-nbj70qcdhe] {
    color: var(--text-2);
    font-size: var(--fs-15);
    line-height: 1.55;
}

.about-more[b-nbj70qcdhe] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-block-size: var(--tap);
    margin-block-start: var(--s-5);
    color: var(--c-ink);
    font-weight: var(--fw-semibold);
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, currentColor 35%, transparent);
    text-underline-offset: 0.25em;
}

.about-more:hover[b-nbj70qcdhe] { text-decoration-color: currentColor; }

@media (max-width: 1099px) {
    .goals__list[b-nbj70qcdhe] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-7) var(--s-6); }
}

@media (max-width: 599px) {
    .goals__list[b-nbj70qcdhe] { grid-template-columns: minmax(0, 1fr); }
}

/* ---- 6. People ------------------------------------------------------------------------------------- */
.people[b-nbj70qcdhe] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-7) var(--s-4);
}

@media (min-width: 600px) {
    .people[b-nbj70qcdhe] { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-8) var(--s-6); }
}

@media (min-width: 1100px) {
    .people[b-nbj70qcdhe] { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--s-6); }
}

.people__more[b-nbj70qcdhe] { margin-block-start: var(--block-gap); }

@media (max-width: 479px) {
    .people__more[b-nbj70qcdhe] { inline-size: 100%; white-space: normal; text-align: center; }
}
/* /Pages/Contact.razor.rz.scp.css */
/* /contact - the utility page: shortcuts first, then the working area (details, form, map). */

.contact-shortcuts__title[b-cn5qsfjlu8] {
    margin-block-end: var(--s-4);
    font-size: var(--fs-18);
    color: var(--text);
}

.shortcuts[b-cn5qsfjlu8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--s-4);
}

.shortcut[b-cn5qsfjlu8] {
    display: flex;
    align-items: center;
    gap: var(--s-4);
    inline-size: 100%;
    block-size: 100%;
    min-block-size: 92px;
    padding: var(--s-5);
    border-radius: var(--r-md);
    background: var(--c-white);
    box-shadow: var(--shadow-1);
    color: var(--c-ink);
    text-align: start;
    text-decoration: none;
    touch-action: manipulation;
    transition: box-shadow var(--dur-2) var(--ease-out);
}

.shortcut:hover[b-cn5qsfjlu8] { box-shadow: var(--shadow-2); }

.shortcut__icon[b-cn5qsfjlu8] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    inline-size: 44px;
    block-size: 44px;
    border-radius: 12px;
    background: var(--c-chalk);
    color: var(--c-ink);
}

.shortcut__text[b-cn5qsfjlu8] {
    display: grid;
    flex: 1;
    gap: 2px;
    min-inline-size: 0;
}

.shortcut__title[b-cn5qsfjlu8] {
    font-size: var(--fs-17, 1.0625rem);
    font-weight: var(--fw-semibold);
    line-height: 1.35;
}

.shortcut__desc[b-cn5qsfjlu8] {
    color: var(--text-2);
    font-size: var(--fs-14);
    line-height: 1.45;
}

.shortcut[b-cn5qsfjlu8]  .shortcut__chev {
    color: var(--text-3);
    transition: transform var(--dur-2) var(--ease-out);
}

.shortcut:hover[b-cn5qsfjlu8]  .shortcut__chev { transform: translateX(-3px); }

@media (max-width: 899px) {
    .shortcuts[b-cn5qsfjlu8] { grid-template-columns: minmax(0, 1fr); gap: var(--s-3); }
    .shortcut[b-cn5qsfjlu8] { min-block-size: 76px; padding: var(--s-4); }
}

/* ---- Details, form, map ------------------------------------------------------------------------------ */
.contact-main[b-cn5qsfjlu8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-6);
    margin-block-start: var(--block-gap);
}

@media (min-width: 1000px) {
    .contact-main[b-cn5qsfjlu8] {
        grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
        grid-template-areas:
            "form details"
            "form map";
        grid-template-rows: auto 1fr;
        align-items: start;
        gap: var(--s-6) var(--s-8);
    }

    .contact-main__form[b-cn5qsfjlu8] { grid-area: form; }
    .contact-main__details[b-cn5qsfjlu8] { grid-area: details; }
    .contact-main__map[b-cn5qsfjlu8] { grid-area: map; }
}
/* /Pages/EventPage.razor.rz.scp.css */
/* /events/{id} - header meta, the 8/4 layout with the sticky registration panel, the duotone photo, the anchor bar,
   sections, and the past / external variants. */

/* ---- header meta rows ------------------------------------------------------------------------------------------- */
.evh[b-k65h95428o] {
    flex: 1 1 100%;
    display: grid;
    gap: var(--s-3);
}

.evh__when[b-k65h95428o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-2) var(--s-5);
    color: var(--text);
    font-size: var(--fs-18);
    font-weight: var(--fw-medium);
}

.evh__item[b-k65h95428o] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-2);
}

.evh__item[b-k65h95428o]  .icon,
.evh__where[b-k65h95428o]  .evh__pin,
.evh__out[b-k65h95428o]  .icon {
    color: var(--text-3);
}

/* The same countdown pill as the rider area (/my/races, /riders/{id}); Night Ride stays for the "מלא" badge. */
.evh__countdown[b-k65h95428o] {
    display: inline-flex;
    align-items: center;
    min-block-size: 32px;
    padding: 2px var(--s-3);
    border: 1px solid var(--c-line-2);
    border-radius: var(--r-pill);
    background: var(--c-white);
    color: var(--text);
    font-size: var(--fs-14);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
}

.evh__relative[b-k65h95428o] {
    color: var(--text-2);
    font-size: var(--fs-15);
}

.evh__sub[b-k65h95428o] {
    margin-block-start: calc(-1 * var(--s-1));
    color: var(--text-2);
    font-size: var(--fs-15);
}

.evh__badges[b-k65h95428o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-2);
}

.evh__extra[b-k65h95428o] {
    color: var(--text-2);
    font-size: var(--fs-14);
}

.evh__where[b-k65h95428o] {
    display: flex;
    align-items: flex-start;
    gap: var(--s-2);
}

.evh__where[b-k65h95428o]  .evh__pin {
    flex: none;
    margin-block-start: 3px;
}

.evh__place[b-k65h95428o] {
    display: grid;
}

.evh__venue[b-k65h95428o] {
    color: var(--text);
    font-weight: var(--fw-semibold);
}

.evh__address[b-k65h95428o] {
    color: var(--text-2);
    font-size: var(--fs-15);
}

.evh__nav[b-k65h95428o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0 var(--s-5);
    margin-block-start: calc(-1 * var(--s-2));
    padding-inline-start: 26px;
}

.evh__out[b-k65h95428o] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-block-size: var(--tap);
    font-size: var(--fs-15);
    font-weight: var(--fw-medium);
}

/* Share and calendar sit side by side at half width on phones (§6.3.1 item 1). */
@media (max-width: 767px) {
    .evp[b-k65h95428o]  .page-header__actions > .popover-anchor {
        flex: 1 1 calc(50% - var(--s-3));
    }

    .evp[b-k65h95428o]  .page-header__actions > .popover-anchor > .btn {
        inline-size: 100%;
    }
}

/* ---- the 8 / 4 layout ------------------------------------------------------------------------------------------------ */
.evp-layout[b-k65h95428o] {
    display: grid;
    grid-template-columns: minmax(0, 8fr) minmax(320px, 4fr);
    grid-template-areas:
        "media aside"
        "main aside";
    column-gap: clamp(32px, 4vw, 56px);
    align-items: start;
}

.evp-layout__media[b-k65h95428o] {
    grid-area: media;
    margin-block-end: var(--s-6);
}

.evp-layout__aside[b-k65h95428o] {
    grid-area: aside;
    align-self: stretch;
}

.evp-layout__sticky[b-k65h95428o] {
    position: sticky;
    inset-block-start: calc(var(--header-h-compact) + var(--s-4));
    max-block-size: calc(100vh - var(--header-h-compact) - var(--s-7));
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    padding: 2px;
    margin: -2px;
}

.evp-layout__main[b-k65h95428o] {
    grid-area: main;
    min-inline-size: 0;
}

/* ---- the photo under a Night Ride duotone ------------------------------------------------------------------------------ */
.evp-media[b-k65h95428o] {
    position: relative;
    margin: 0;
    aspect-ratio: 16 / 9;
    border-radius: var(--r-lg);
    overflow: hidden;
    background: var(--c-night);
    isolation: isolate;
}

.evp-media img[b-k65h95428o] {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    filter: grayscale(1) contrast(1.15) brightness(1.06);
    mix-blend-mode: screen;
}

/* A cool chalk-cyan in the highlights and a deeper navy at the bottom edge. */
.evp-media[b-k65h95428o]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: var(--c-cyan-tint);
    mix-blend-mode: multiply;
    pointer-events: none;
}

.evp-media[b-k65h95428o]::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(to top, color-mix(in srgb, var(--c-night) 45%, transparent), transparent 45%);
    pointer-events: none;
}

/* ---- the anchor bar ---------------------------------------------------------------------------------------------------------- */
.evp-anchors[b-k65h95428o] {
    position: sticky;
    inset-block-start: var(--header-h);
    z-index: var(--z-sticky);
    margin-block-end: var(--s-2);
    background: color-mix(in srgb, var(--c-chalk) 94%, transparent);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    box-shadow: 0 1px 0 var(--c-line-2);
}

html[data-header-compact="true"] .evp-anchors[b-k65h95428o] {
    inset-block-start: var(--header-h-compact);
}

.evp-anchors__list[b-k65h95428o] {
    display: flex;
    gap: var(--s-1);
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: auto;
    scrollbar-width: none;
}

.evp-anchors__list[b-k65h95428o]::-webkit-scrollbar {
    display: none;
}

.evp-anchors__link[b-k65h95428o] {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-block-size: 48px;
    padding-inline: var(--s-3);
    color: var(--text-2);
    font-size: var(--fs-15);
    font-weight: var(--fw-medium);
    text-decoration: none;
    white-space: nowrap;
    border-radius: var(--r-sm) var(--r-sm) 0 0;
    transition: color var(--dur-1) ease;
}

.evp-anchors__link:hover[b-k65h95428o] {
    color: var(--text);
}

.evp-anchors__link:focus-visible[b-k65h95428o] {
    outline-offset: -3px;
}

.evp-anchors__link[aria-current="true"][b-k65h95428o] {
    color: var(--text);
    font-weight: var(--fw-semibold);
}

.evp-anchors__link[aria-current="true"][b-k65h95428o]::after {
    content: "";
    position: absolute;
    inset-inline: var(--s-3);
    inset-block-end: 0;
    block-size: 3px;
    border-radius: 3px 3px 0 0;
    background: var(--c-orange);
}

/* ---- sections --------------------------------------------------------------------------------------------------------------- */
.evp-section[b-k65h95428o] {
    padding-block-start: var(--block-gap);
    scroll-margin-block-start: 8px;
}

.evp-section__title[b-k65h95428o] {
    margin-block-end: var(--s-5);
}

.evp-prose[b-k65h95428o] {
    display: grid;
    gap: var(--s-4);
    max-inline-size: 68ch;
    color: var(--text);
}

.evp-prose[b-k65h95428o]  ul {
    margin: 0;
    padding-inline-start: 1.25em;
}

.evp-promo[b-k65h95428o] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--s-4);
    max-inline-size: 68ch;
    margin-block-start: var(--s-6);
    padding: var(--s-5);
    border-radius: var(--r-md);
    background: var(--c-cyan-tint);
}

.evp-promo[b-k65h95428o]  .evp-promo__icon {
    margin-block-start: 2px;
    color: var(--c-cyan-ink);
}

.evp-promo__text[b-k65h95428o] {
    display: grid;
    gap: var(--s-2);
}

.evp-promo__link[b-k65h95428o] {
    font-weight: var(--fw-semibold);
}

.evp-more[b-k65h95428o] {
    margin-block-start: var(--section-gap);
}

/* ---- past variant -------------------------------------------------------------------------------------------------------------- */
.evp-past[b-k65h95428o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--block-gap);
}

.evp-past > .evp-section[b-k65h95428o] {
    padding-block-start: 0;
}

.evp-past__media[b-k65h95428o] {
    max-inline-size: 880px;
}

.evp-past__facts[b-k65h95428o] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-1) var(--s-4);
    margin-block: var(--s-5) var(--s-3);
    color: var(--text);
    font-weight: var(--fw-medium);
}

.evp-past__sep[b-k65h95428o] {
    position: relative;
    padding-inline-start: var(--s-4);
}

.evp-past__sep[b-k65h95428o]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block: 0.3em;
    inline-size: 1px;
    background: var(--c-line-2);
}

.evp-past__pending[b-k65h95428o] {
    margin-block: var(--s-4);
    color: var(--text-2);
}

.evp-status[b-k65h95428o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-2) var(--s-3);
    margin-block-end: var(--s-6);
    max-inline-size: 72ch;
}

.evp-status__published[b-k65h95428o] {
    color: var(--text-2);
    font-size: var(--fs-14);
}

.evp-status__explain[b-k65h95428o],
.evp-status__note[b-k65h95428o] {
    inline-size: 100%;
    color: var(--text-2);
    font-size: var(--fs-15);
}

.evp-status__note[b-k65h95428o] {
    color: var(--c-sand-ink);
    font-weight: var(--fw-medium);
}

.evp-cta[b-k65h95428o] {
    display: grid;
    justify-items: center;
    gap: var(--s-3);
    padding: var(--s-9) var(--s-5);
    border-block: 1px solid var(--c-line-2);
    text-align: center;
    color: var(--text-2);
}

/* ---- external variant / not found / loading -------------------------------------------------------------------------------------- */
.evp-external[b-k65h95428o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--block-gap);
}

.evp-external > .evp-section[b-k65h95428o] {
    padding-block-start: 0;
}

.evp-external > :last-child[b-k65h95428o] {
    margin-block-start: var(--s-6);
}

.evp-notfound[b-k65h95428o] {
    padding-block-start: var(--s-6);
}

.evp-loading[b-k65h95428o] {
    display: grid;
    gap: var(--s-4);
    padding-block: var(--s-8);
}

/* ---- one column below 1024px --------------------------------------------------------------------------------------------------------- */
@media (max-width: 1023px) {
    .evp-layout[b-k65h95428o] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "media"
            "aside"
            "main";
    }

    .evp-layout__sticky[b-k65h95428o] {
        position: static;
        max-block-size: none;
        overflow: visible;
        padding: 0;
        margin: 0;
    }

    .evp-layout__aside[b-k65h95428o] {
        margin-block-end: var(--s-6);
    }

    /* Phones and tablets: the anchor bar is a horizontally scrolling chip row, not sticky. */
    .evp-anchors[b-k65h95428o] {
        position: static;
        background: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        box-shadow: none;
        margin-inline: calc(-1 * var(--gutter));
    }

    .evp-anchors__list[b-k65h95428o] {
        gap: var(--s-2);
        padding: 2px var(--gutter);
    }

    .evp-anchors__link[b-k65h95428o] {
        min-block-size: 40px;
        padding-inline: var(--s-4);
        border: 1px solid var(--c-line-2);
        border-radius: var(--r-pill);
        background: var(--bg-surface);
        color: var(--text);
        font-size: var(--fs-14);
    }

    .evp-anchors__link[b-k65h95428o]::before {
        content: "";
        position: absolute;
        inset: -2px 0;
    }

    .evp-anchors__link[aria-current="true"][b-k65h95428o]::after {
        display: none;
    }

    .evp-anchors__link:focus-visible[b-k65h95428o] {
        border-radius: var(--r-pill);
    }

    .evp-section[b-k65h95428o] {
        scroll-margin-block-start: 0;
    }
}

@media (max-width: 767px) {
    .evp-media[b-k65h95428o] {
        margin-inline: calc(-1 * var(--gutter));
        border-radius: 0;
    }

    .evh__when[b-k65h95428o] {
        font-size: var(--fs-16);
    }

    .evh__nav[b-k65h95428o] {
        padding-inline-start: 0;
    }
}
/* /Pages/Events.razor.rz.scp.css */
/* /events - the account strip and the filters across the top, then the month-grouped start list beside the 3D map. */

/* ---- two columns (v2, the user's layout): the list at the start side, the map at the end side. From 1100 px the map
   stays in place (sticky) beside the list while the page scrolls; narrower, the map sits above the list. ---------- */
.ev-split[b-jvsxmr55ku] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-6);
    margin-block-start: var(--s-6);
}

.ev-split__list[b-jvsxmr55ku] {
    min-inline-size: 0;
}

.ev-split__map[b-jvsxmr55ku] {
    order: -1;
    position: relative;
    border-radius: var(--r-lg);
    background: linear-gradient(180deg, color-mix(in srgb, var(--c-cyan) 10%, var(--c-chalk)) 0%, color-mix(in srgb, var(--c-cyan) 4%, var(--c-chalk)) 100%);
    overflow: hidden;
}

.ev-split__map[b-jvsxmr55ku]  .israel-map__frame {
    block-size: max(440px, 64svh);
}

.ev-split__placeholder[b-jvsxmr55ku] {
    display: grid;
    place-content: center;
    justify-items: center;
    gap: var(--s-3);
    block-size: max(440px, 64svh);
    color: var(--text-2);
    font-size: var(--fs-14);
}

.ev-split__placeholder-bar[b-jvsxmr55ku] {
    inline-size: 120px;
    block-size: 2px;
    border-radius: 2px;
    background: var(--c-line-2);
}

.ev-split__nolocation[b-jvsxmr55ku] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-block-end: var(--s-6);
    color: var(--text-2);
    font-size: var(--fs-14);
}

.ev-split__nolocation[b-jvsxmr55ku]  .icon {
    color: var(--text-3);
}

@media (min-width: 1100px) {
    .ev-split[b-jvsxmr55ku] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
        align-items: start;
        gap: var(--s-7);
    }

    .ev-split__map[b-jvsxmr55ku] {
        order: 0;
        position: sticky;
        inset-block-start: calc(var(--header-h-compact) + var(--s-4));
    }

    .ev-split__map[b-jvsxmr55ku]  .israel-map__frame,
    .ev-split__placeholder[b-jvsxmr55ku] {
        block-size: calc(100svh - var(--header-h-compact) - 2 * var(--s-4));
        min-block-size: 460px;
    }
}

/* ---- the account strip and the filters across the top ------------------------------------------------------------- */
.ev-main[b-jvsxmr55ku] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-6);
}

/* Account strip: one quiet line. */
.ev-account[b-jvsxmr55ku] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-3) var(--s-5);
    padding: var(--s-3) var(--s-5);
    border: 1px solid var(--c-line);
    border-radius: var(--r-md);
    background: var(--bg-surface);
}

.ev-account[b-jvsxmr55ku]  .ev-account__icon {
    flex: none;
    color: var(--text-3);
}

.ev-account__text[b-jvsxmr55ku] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-1) var(--s-4);
    flex: 1 1 0;
    min-inline-size: 220px;
    color: var(--text);
    font-size: var(--fs-15);
}

.ev-account__sep[b-jvsxmr55ku] {
    position: relative;
    padding-inline-start: var(--s-4);
}

.ev-account__sep[b-jvsxmr55ku]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block: 0.3em;
    inline-size: 1px;
    background: var(--c-line-2);
}

.ev-account__actions[b-jvsxmr55ku] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-2) var(--s-5);
}

.ev-account__link[b-jvsxmr55ku],
.ev-account__actions .link[b-jvsxmr55ku] {
    font-size: var(--fs-15);
    font-weight: var(--fw-medium);
}

/* ---- filters --------------------------------------------------------------------------------------------------- */
.ev-controls[b-jvsxmr55ku] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-4);
}

.ev-controls__top[b-jvsxmr55ku] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--s-4) var(--s-7);
}

.ev-controls__time[b-jvsxmr55ku] {
    display: grid;
    gap: var(--s-2);
    padding-block-start: 29px; /* aligns the toggle with the search field under its label */
}

.ev-controls__hint[b-jvsxmr55ku] {
    color: var(--text-3);
    font-size: var(--fs-13);
}

.ev-controls__search[b-jvsxmr55ku] {
    flex: 1 1 320px;
    max-inline-size: 560px;
}

.ev-search[b-jvsxmr55ku] {
    position: relative;
}

.ev-search[b-jvsxmr55ku]  .ev-search__icon {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 14px;
    transform: translateY(-50%);
    color: var(--text-3);
    pointer-events: none;
}

.ev-search__input[b-jvsxmr55ku] {
    padding-inline-start: 44px;
}

.ev-search__input[b-jvsxmr55ku]::-webkit-search-cancel-button {
    display: none;
}

.ev-controls__group[b-jvsxmr55ku] {
    display: flex;
    align-items: flex-start;
    gap: var(--s-4);
}

.ev-controls__label[b-jvsxmr55ku] {
    flex: none;
    min-inline-size: 64px;
    padding-block-start: 10px;
    color: var(--text-2);
    font-size: var(--fs-14);
    font-weight: var(--fw-medium);
}

.ev-controls__group[b-jvsxmr55ku]  .ev-controls__chips {
    flex: 1;
    min-inline-size: 0;
}

/* Active filters: removable chips + "ניקוי כל הסינונים". */
.ev-active[b-jvsxmr55ku] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-2);
    margin-block-start: calc(-1 * var(--s-2));
}

.ev-active__chip[b-jvsxmr55ku] {
    background: var(--c-orange-tint);
    border-color: var(--c-orange);
}

.ev-active__chip[b-jvsxmr55ku]  .icon {
    color: var(--c-ink-2);
}

.ev-active__chip:hover[b-jvsxmr55ku]  .icon {
    color: var(--c-ink);
}

/* Result count; on phones a sticky bar with the "סינון" button. */
.ev-filterbar[b-jvsxmr55ku] {
    display: flex;
    align-items: center;
    gap: var(--s-3);
}

.ev-filterbar__btn[b-jvsxmr55ku] {
    display: none;
}

.ev-filterbar__count[b-jvsxmr55ku] {
    color: var(--text-2);
    font-size: var(--fs-15);
    font-weight: var(--fw-medium);
}

/* ---- the list --------------------------------------------------------------------------------------------------- */
.ev-list[b-jvsxmr55ku] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-9);
    margin-block-start: calc(-1 * var(--s-3));
    animation: ev-list-in-b-jvsxmr55ku var(--dur-3) var(--ease-out) both;
}

@keyframes ev-list-in-b-jvsxmr55ku {
    from { opacity: 0; }
    to { opacity: 1; }
}

.ev-month__head[b-jvsxmr55ku] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--s-4);
    padding-block-end: var(--s-3);
}

.ev-month__title[b-jvsxmr55ku] {
    font-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
    font-weight: var(--fw-semibold);
}

.ev-month__count[b-jvsxmr55ku] {
    color: var(--text-3);
    font-size: var(--fs-14);
    white-space: nowrap;
}

.ev-list__loading[b-jvsxmr55ku] {
    display: grid;
    gap: var(--s-5);
    padding-block-start: var(--s-6);
}

.ev-list__skeleton[b-jvsxmr55ku] {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr);
    gap: var(--s-5);
    align-items: center;
}

.ev-list__cross[b-jvsxmr55ku] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0 var(--s-2);
    inline-size: 100%;
    color: var(--text-2);
    font-size: var(--fs-15);
}

/* ---- phone filter sheet ------------------------------------------------------------------------------------------- */
.ev-sheet__group + .ev-sheet__group[b-jvsxmr55ku] {
    margin-block-start: var(--s-6);
}

.ev-sheet__heading[b-jvsxmr55ku] {
    margin-block-end: var(--s-3);
    font-size: var(--fs-16);
}

.ev-sheet__apply[b-jvsxmr55ku] {
    margin-inline-start: auto;
}

/* ---- phones ---------------------------------------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .ev-account[b-jvsxmr55ku] {
        padding: var(--s-4);
        align-items: flex-start;
    }

    .ev-account__actions[b-jvsxmr55ku] {
        inline-size: 100%;
    }

    .ev-account__actions .btn[b-jvsxmr55ku] {
        inline-size: 100%;
    }

    .ev-controls__top[b-jvsxmr55ku] {
        flex-direction: column;
        align-items: stretch;
        gap: var(--s-4);
    }

    .ev-controls__time[b-jvsxmr55ku] {
        padding-block-start: 0;
    }

    .ev-controls__time[b-jvsxmr55ku]  .segmented {
        display: flex;
    }

    .ev-controls__time[b-jvsxmr55ku]  .segmented__option {
        flex: 1;
    }

    .ev-controls__search[b-jvsxmr55ku] {
        flex-basis: auto;
        max-inline-size: none;
    }

    .ev-controls__label[b-jvsxmr55ku] {
        display: none;
    }

    .ev-controls__group--types[b-jvsxmr55ku] {
        display: none;
    }

    .ev-controls__group[b-jvsxmr55ku]  .chips--scroll {
        margin-inline: calc(-1 * var(--gutter));
        padding-inline: var(--gutter);
    }

    .ev-filterbar[b-jvsxmr55ku] {
        position: sticky;
        inset-block-start: var(--header-h);
        z-index: var(--z-sticky);
        justify-content: space-between;
        margin-inline: calc(-1 * var(--gutter));
        padding: var(--s-2) var(--gutter);
        background: color-mix(in srgb, var(--c-chalk) 92%, transparent);
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
        box-shadow: 0 1px 0 var(--c-line);
    }

    html[data-header-compact="true"] .ev-filterbar[b-jvsxmr55ku] {
        inset-block-start: var(--header-h-compact);
    }

    .ev-filterbar__btn[b-jvsxmr55ku] {
        display: inline-flex;
    }

    .ev-list[b-jvsxmr55ku] {
        gap: var(--s-8);
    }

    .ev-month__head[b-jvsxmr55ku] {
        padding-block-end: var(--s-2);
    }
}
/* /Pages/Home.razor.rz.scp.css */
/* The landing's H1 and actions (v2): compact white type straight on the picture, legible through LandingVideo's soft
   dark corner and a light text shadow, so nothing boxes in the video. */
.home-title[b-sf33r2jj2z] {
    margin: 0;
    color: var(--c-white);
    font-family: var(--font-display);
    font-size: clamp(2.25rem, 1.5rem + 2.6vw, 4rem);
    font-weight: 700;
    line-height: 1.02;
    text-shadow: 0 2px 22px rgba(0, 0, 0, 0.45), 0 1px 3px rgba(0, 0, 0, 0.35);
    text-wrap: balance;
}

.home-lead[b-sf33r2jj2z] {
    margin: var(--s-2) 0 0;
    color: var(--c-white);
    font-size: clamp(1.0625rem, 0.95rem + 0.5vw, 1.375rem);
    font-weight: var(--fw-medium);
    line-height: 1.4;
    text-shadow: 0 1px 14px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4);
}

.home-actions[b-sf33r2jj2z] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-3);
    margin-block-start: var(--s-4);
}

/* main action on the picture: the federation's blue (the logo's wheels, #1175BB; white text 4.9:1) - the user's
   choice over the orange primary, 2026-10-18 */
.home-btn-blue[b-sf33r2jj2z] {
    color: var(--c-white);
    background: var(--c-brand-blue);
    box-shadow: 0 10px 26px -14px rgba(6, 40, 70, 0.75);
}
.home-btn-blue:hover[b-sf33r2jj2z] { background: #0E66A6; }
.home-btn-blue:active[b-sf33r2jj2z] { background: #0B5A93; }

/* secondary action on the picture: light glass with a white outline */
.home-btn-glass[b-sf33r2jj2z] {
    color: var(--c-white);
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.72);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.home-btn-glass:hover[b-sf33r2jj2z] { background: rgba(255, 255, 255, 0.24); border-color: var(--c-white); }

@media (max-height: 479px) {
    .home-title[b-sf33r2jj2z] { font-size: clamp(1.75rem, 1.2rem + 2vw, 2.5rem); }
    .home-actions[b-sf33r2jj2z] { margin-block-start: var(--s-3); }
}

@media (max-width: 639px) {
    .home-actions .btn[b-sf33r2jj2z] {
        flex: 1 1 auto;
        padding-inline: var(--s-4);
        font-size: var(--fs-15);
    }
}
/* /Pages/Join.razor.rz.scp.css */
/* /join - the procedure page. The four-step timeline (big Karantina numbers on a dashed road line) is the page's
   signature; everything else is quiet: hairline columns, a few raised cards where a value is compared. */

/* The <picture> must fill the 3:1 band so the image's object-position applies (not a top crop). */
.join-hero-pic[b-p6sw5tt8wo] { display: block; block-size: 100%; }
.join-hero[b-p6sw5tt8wo] { object-position: 50% 52%; }

/* Sections clear the compact header (60px) and the sticky section nav when scrolled to. */
.join-section[b-p6sw5tt8wo] { scroll-margin-block-start: 72px; }

.join[b-p6sw5tt8wo]  .section-nav { margin-block-start: var(--block-gap); }

.join > .container > .join-block:first-child[b-p6sw5tt8wo] { margin-block-start: var(--block-gap); }
.join-block + .join-block[b-p6sw5tt8wo] { margin-block-start: var(--section-gap); }
.join-closing[b-p6sw5tt8wo] { margin-block-start: var(--section-gap); }

.join-head[b-p6sw5tt8wo] {
    display: grid;
    gap: var(--s-3);
    margin-block-end: var(--block-gap);
}

.join-head__lead[b-p6sw5tt8wo] {
    max-inline-size: 62ch;
    color: var(--text-2);
    font-size: var(--fs-lead);
    line-height: 1.55;
}

.join-h3[b-p6sw5tt8wo] {
    font-size: var(--fs-h3);
    margin-block-end: var(--s-4);
}

.join-link[b-p6sw5tt8wo],
.join-inline-link[b-p6sw5tt8wo] {
    color: var(--c-ink);
    font-weight: var(--fw-semibold);
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, currentColor 35%, transparent);
    text-underline-offset: 0.25em;
}

.join-link[b-p6sw5tt8wo] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    align-self: flex-start;
    min-block-size: var(--tap);
    font-size: var(--fs-15);
}

.join-link:hover[b-p6sw5tt8wo],
.join-inline-link:hover[b-p6sw5tt8wo] { text-decoration-color: currentColor; }

/* ---- 1. Logged-in status panel (replaces the header actions) -------------------------------------- */
.join-status[b-p6sw5tt8wo] {
    flex: 1 1 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--s-4) var(--s-5);
    max-inline-size: 960px;
    padding: var(--s-5) var(--s-6);
    border-radius: var(--r-lg);
    background: var(--c-white);
    box-shadow: var(--shadow-1);
}

.join-status__icon[b-p6sw5tt8wo] {
    display: grid;
    place-items: center;
    inline-size: 48px;
    block-size: 48px;
    border-radius: 50%;
    background: var(--c-success-tint);
    color: var(--c-success-ink);
}

.join-status__text[b-p6sw5tt8wo] {
    display: grid;
    gap: 4px;
}

.join-status__line[b-p6sw5tt8wo] {
    font-size: var(--fs-18);
    font-weight: var(--fw-semibold);
    line-height: 1.4;
}

.join-status__meta[b-p6sw5tt8wo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 0;
    color: var(--text-2);
    font-size: var(--fs-14);
}

/* Two separate items divided by a hairline; on phones they stack. */
.join-status__club[b-p6sw5tt8wo] {
    margin-inline-start: var(--s-3);
    padding-inline-start: var(--s-3);
    border-inline-start: 1px solid var(--c-line-2);
}

.join-status__actions[b-p6sw5tt8wo] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-3);
}

@media (max-width: 899px) {
    .join-status[b-p6sw5tt8wo] { grid-template-columns: auto minmax(0, 1fr); }
    .join-status__actions[b-p6sw5tt8wo] { grid-column: 1 / -1; }
}

@media (max-width: 767px) {
    .join-status[b-p6sw5tt8wo] { padding: var(--s-5); }
    .join-status__meta[b-p6sw5tt8wo] { flex-direction: column; align-items: flex-start; }
    .join-status__club[b-p6sw5tt8wo] { margin: 0; padding: 0; border: 0; }
    .join-status__actions[b-p6sw5tt8wo] { flex-direction: column; }
    .join-status__actions .btn[b-p6sw5tt8wo] { inline-size: 100%; flex: 0 0 auto; }
}

/* ---- 2. Campaign box ------------------------------------------------------------------------------- */
.join-promo[b-p6sw5tt8wo] {
    display: grid;
    gap: var(--s-3);
    padding: clamp(20px, 1rem + 1.5vw, 36px);
    border-radius: var(--r-lg);
    background: var(--c-orange-tint);
}

.join-promo__head[b-p6sw5tt8wo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-2) var(--s-4);
}

.join-promo__title[b-p6sw5tt8wo] { font-size: clamp(1.375rem, 1.2rem + 0.6vw, 1.75rem); }

.join-promo__badge[b-p6sw5tt8wo] { background: var(--c-white); }

.join-promo__text[b-p6sw5tt8wo] {
    max-inline-size: 72ch;
    font-size: var(--fs-16);
    color: var(--c-ink);
}

.join-promo__text--2[b-p6sw5tt8wo] { color: var(--c-ink-2); }

/* ---- 4. Who it is for ------------------------------------------------------------------------------ */
.audiences[b-p6sw5tt8wo] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-block: 1px solid var(--c-line-2);
}

.audience[b-p6sw5tt8wo] {
    display: flex;
    flex-direction: column;
    gap: var(--s-3);
    padding: var(--s-6) var(--s-6) var(--s-7);
    border-inline-start: 1px solid var(--c-line);
}

.audience:first-child[b-p6sw5tt8wo] { border-inline-start: 0; padding-inline-start: 0; }
.audience:last-child[b-p6sw5tt8wo] { padding-inline-end: 0; }

.audience__icon[b-p6sw5tt8wo] {
    display: grid;
    place-items: center;
    inline-size: 44px;
    block-size: 44px;
    border-radius: 12px;
    background: var(--c-white);
    box-shadow: inset 0 0 0 1px var(--c-line);
    color: var(--c-ink);
}

.audience__title[b-p6sw5tt8wo] { font-size: var(--fs-h3); margin-block-start: var(--s-1); }

.audience__text[b-p6sw5tt8wo] {
    color: var(--text);
    font-size: var(--fs-16);
    line-height: 1.6;
}

.audience__points[b-p6sw5tt8wo] {
    display: grid;
    gap: var(--s-2);
}

.audience__points li[b-p6sw5tt8wo] {
    position: relative;
    padding-inline-start: var(--s-4);
    color: var(--text-2);
    font-size: var(--fs-15);
    line-height: 1.5;
}

.audience__points li[b-p6sw5tt8wo]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0.6em;
    inline-size: 6px;
    block-size: 6px;
    border-radius: 50%;
    background: var(--c-ink-3);
}

.audience__link[b-p6sw5tt8wo] { margin-block-start: auto; }

@media (max-width: 899px) {
    .audiences[b-p6sw5tt8wo] { grid-template-columns: minmax(0, 1fr); border-block-end: 0; }

    .audience[b-p6sw5tt8wo],
    .audience:first-child[b-p6sw5tt8wo],
    .audience:last-child[b-p6sw5tt8wo] {
        padding: var(--s-6) 0;
        border-inline-start: 0;
        border-block-end: 1px solid var(--c-line-2);
    }
}

.benefits[b-p6sw5tt8wo] { margin-block-start: var(--block-gap); }

.benefits__list[b-p6sw5tt8wo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-4) var(--s-8);
}

.benefit[b-p6sw5tt8wo] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: var(--s-3);
    align-items: center;
    font-size: var(--fs-16);
    line-height: 1.45;
}

.benefit__icon[b-p6sw5tt8wo] {
    display: grid;
    place-items: center;
    inline-size: 40px;
    block-size: 40px;
    border-radius: 12px;
    background: var(--c-white);
    box-shadow: inset 0 0 0 1px var(--c-line);
    color: var(--c-ink);
}

@media (min-width: 1200px) {
    .benefits__list[b-p6sw5tt8wo] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
    .benefits__list[b-p6sw5tt8wo] { grid-template-columns: minmax(0, 1fr); }
}

/* ---- 5. Steps -------------------------------------------------------------------------------------- */
.psteps[b-p6sw5tt8wo] { max-inline-size: 760px; }

.pstep-text[b-p6sw5tt8wo] {
    max-inline-size: 62ch;
    font-size: var(--fs-16);
    line-height: 1.65;
}

.pstep-notes[b-p6sw5tt8wo] {
    display: grid;
    gap: var(--s-2);
    max-inline-size: 62ch;
    padding: var(--s-3) var(--s-4);
    border-radius: var(--r-md);
    background: var(--c-white);
    box-shadow: inset 0 0 0 1px var(--c-line);
}

.pstep-notes li[b-p6sw5tt8wo] {
    position: relative;
    padding-inline-start: var(--s-4);
    color: var(--text-2);
    font-size: var(--fs-15);
    line-height: 1.55;
    overflow-wrap: anywhere;      /* the e-mail address may break on the narrowest phones */
}

.pstep-notes li[b-p6sw5tt8wo]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0.62em;
    inline-size: 6px;
    block-size: 6px;
    border-radius: 50%;
    background: var(--c-ink-3);
}

.pstep-disclosure[b-p6sw5tt8wo] {
    max-inline-size: 62ch;
    margin-block-start: var(--s-1);
}

.pstep-disclosure[b-p6sw5tt8wo]  .accordion__trigger {
    min-block-size: 52px;
    font-size: var(--fs-16);
}

.waiver__lead[b-p6sw5tt8wo] {
    color: var(--text);
    font-size: var(--fs-15);
    line-height: 1.6;
}

.waiver__list[b-p6sw5tt8wo] {
    margin-block: var(--s-3);
    padding-inline-start: 1.6em;
    color: var(--text);
    font-size: var(--fs-15);
    line-height: 1.5;
    column-gap: var(--s-7);
}

.waiver__list li[b-p6sw5tt8wo] { padding-block: 3px; break-inside: avoid; }

@media (min-width: 900px) {
    .waiver__list[b-p6sw5tt8wo] { columns: 2; }
}

.waiver__close[b-p6sw5tt8wo] {
    color: var(--text-2);
    font-size: var(--fs-14);
}

.join-steps__info[b-p6sw5tt8wo] { max-inline-size: 760px; }

.join-steps__aside[b-p6sw5tt8wo] { margin-block-start: var(--s-8); }

/* Wide screens: the info box sits beside the timeline and stays in view while the steps are read. */
@media (min-width: 1100px) {
    .join-steps[b-p6sw5tt8wo] {
        display: grid;
        grid-template-columns: minmax(0, 760px) minmax(260px, 1fr);
        gap: var(--s-10);
        align-items: start;
    }

    .join-steps__aside[b-p6sw5tt8wo] {
        position: sticky;
        inset-block-start: calc(var(--header-h-compact) + 60px + var(--s-6));
        margin-block-start: 0;
    }
}

.join-steps__info-text[b-p6sw5tt8wo] {
    display: grid;
    gap: var(--s-2);
}

/* ---- 7. Fees --------------------------------------------------------------------------------------- */
.fees[b-p6sw5tt8wo] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--s-4);
}

@media (max-width: 1099px) {
    .fees[b-p6sw5tt8wo] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 599px) {
    .fees[b-p6sw5tt8wo] { grid-template-columns: minmax(0, 1fr); }
}

.fees__notes[b-p6sw5tt8wo] {
    display: grid;
    gap: var(--s-1);
    max-inline-size: 80ch;
    margin-block-start: var(--s-4);
    color: var(--text-2);
    font-size: var(--fs-14);
    line-height: 1.55;
}

.extras[b-p6sw5tt8wo] { margin-block-start: var(--block-gap); }

.extras__list[b-p6sw5tt8wo] {
    max-inline-size: 760px;
    border-block-start: 1px solid var(--c-line-2);
}

.extras__row[b-p6sw5tt8wo] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--s-4);
    align-items: center;
    min-block-size: 56px;
    padding-block: var(--s-3);
    border-block-end: 1px solid var(--c-line);
}

.extras__label[b-p6sw5tt8wo] {
    display: grid;
    gap: 2px;
    color: var(--text);
    font-size: var(--fs-16);
    font-weight: var(--fw-medium);
}

.extras__sub[b-p6sw5tt8wo] {
    color: var(--text-2);
    font-size: var(--fs-14);
    font-weight: var(--fw-regular);
}

.extras__price[b-p6sw5tt8wo] {
    color: var(--text);
    font-size: var(--fs-16);
    font-weight: var(--fw-semibold);
    text-align: end;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.extras__kit[b-p6sw5tt8wo] {
    max-inline-size: 72ch;
    margin-block-start: var(--s-5);
    color: var(--text-2);
    font-size: var(--fs-15);
    line-height: 1.65;
}

/* ---- 8. Levels ------------------------------------------------------------------------------------- */
.levels-notes[b-p6sw5tt8wo] {
    display: grid;
    gap: var(--s-2);
    max-inline-size: 80ch;
    margin-block-start: var(--s-5);
}

.levels-notes li[b-p6sw5tt8wo] {
    position: relative;
    padding-inline-start: var(--s-4);
    color: var(--text-2);
    font-size: var(--fs-15);
    line-height: 1.55;
}

.levels-notes li[b-p6sw5tt8wo]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0.62em;
    inline-size: 6px;
    block-size: 6px;
    border-radius: 50%;
    background: var(--c-ink-3);
}

/* ---- 9. FAQ ---------------------------------------------------------------------------------------- */
.join-faq[b-p6sw5tt8wo] { max-inline-size: 860px; }

.join-faq p[b-p6sw5tt8wo] {
    max-inline-size: 68ch;
    font-size: var(--fs-16);
    line-height: 1.65;
}

/* ---- 10. Closing + help line ----------------------------------------------------------------------- */
.join-closing__login[b-p6sw5tt8wo] {
    color: var(--c-on-night);
    font-size: var(--fs-16);
}

.join-help[b-p6sw5tt8wo] {
    display: grid;
    gap: var(--s-2);
    margin-block-start: var(--s-6);
}

.join-help__q[b-p6sw5tt8wo] {
    font-weight: var(--fw-semibold);
    color: var(--text);
}

.join-help__items[b-p6sw5tt8wo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 var(--s-7);
}

.join-help__item[b-p6sw5tt8wo] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 6px;
    min-block-size: var(--tap);
    color: var(--text-2);
    font-size: var(--fs-15);
}

.join-help__item .icon[b-p6sw5tt8wo] { color: var(--text-3); }

.join-help__link[b-p6sw5tt8wo] {
    display: inline-flex;
    align-items: center;
    min-block-size: var(--tap);
    color: var(--c-ink);
    font-weight: var(--fw-semibold);
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, currentColor 35%, transparent);
    text-underline-offset: 0.25em;
}

.join-help__link:hover[b-p6sw5tt8wo] { text-decoration-color: currentColor; }

.join-help__clubs[b-p6sw5tt8wo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 var(--s-2);
    color: var(--text-2);
    font-size: var(--fs-15);
}

.join-help__clubs .join-inline-link[b-p6sw5tt8wo] {
    display: inline-flex;
    align-items: center;
    min-block-size: var(--tap);
}

@media (max-width: 767px) {
    .join-help__items[b-p6sw5tt8wo] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Pages/LabTransitions.razor.rz.scp.css */
/* /lab/transitions - hidden lab for the landing transitions. Bright stage (daylight sky behind the photos), the
   controls in a white glass bar under the stage, the concept notes beside / under it. */

.lab[b-tfac1uej5s] {
    display: grid;
    gap: var(--s-6);
}

.lab__panel[b-tfac1uej5s] {
    display: grid;
    gap: var(--s-6);
}

/* ---- stage ----------------------------------------------------------------------------------------- */
.lab__stage-wrap[b-tfac1uej5s] {
    display: grid;
    gap: var(--s-3);
}

.lab__stage[b-tfac1uej5s] {
    position: relative;
    inline-size: 100%;
    aspect-ratio: 16 / 9;
    max-block-size: calc(100svh - var(--header-h) - 120px);
    min-block-size: 320px;
    overflow: hidden;
    border-radius: var(--r-lg);
    background: linear-gradient(to bottom, #9fd3ff, #d9efff 55%, #fff4e2);
    box-shadow: var(--shadow-2);
    isolation: isolate;
}

.lab__stills[b-tfac1uej5s] {
    position: absolute;
    inset: 0;
    z-index: 0;
}
.lab__still[b-tfac1uej5s] {
    position: absolute;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 700ms var(--ease-in-out);
}
.lab__still.is-active[b-tfac1uej5s] { opacity: 1; }
/* once the canvas draws, the photo underneath stops painting */
.lab__stage[data-mode="3d"] .lab__stills[b-tfac1uej5s] { visibility: hidden; transition: visibility 0s linear 400ms; }

.lab__canvas[b-tfac1uej5s] {
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: inherit;
}
.lab__canvas:focus-visible[b-tfac1uej5s] {
    outline: 3px solid var(--focus-ring);
    outline-offset: -3px;
}

.lab__notice[b-tfac1uej5s] {
    position: absolute;
    inset: auto var(--s-4) var(--s-4) var(--s-4);
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-3) var(--s-4);
    max-inline-size: 640px;
    padding: var(--s-3) var(--s-4);
    border-radius: var(--r-md);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: var(--shadow-2);
    color: var(--c-ink);
    font-size: var(--fs-15);
}
.lab__notice p[b-tfac1uej5s] { margin: 0; flex: 1 1 260px; }

/* ---- controls ------------------------------------------------------------------------------------- */
.lab__controls[b-tfac1uej5s] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-2);
    padding: var(--s-1);
    border-radius: var(--r-pill);
    background: var(--c-white);
    box-shadow: var(--shadow-1);
    justify-self: center;
}

.lab__btn[b-tfac1uej5s] {
    display: inline-grid;
    place-items: center;
    inline-size: 44px;
    block-size: 44px;
    border-radius: 50%;
    color: var(--c-ink);
    background: transparent;
    transition: background-color var(--dur-1) ease;
    touch-action: manipulation;
}
.lab__btn:hover[b-tfac1uej5s] { background: var(--c-chalk-2); }
.lab__btn:active[b-tfac1uej5s] { transform: scale(0.96); }
.lab__btn[aria-pressed="true"][b-tfac1uej5s] { background: var(--c-orange-tint); color: var(--c-orange-ink); }

.lab__count[b-tfac1uej5s] {
    display: inline-flex;
    align-items: baseline;
    gap: var(--s-1);
    margin: 0;
    padding-inline: var(--s-2);
    direction: ltr;
    font-family: var(--font-display);
    font-weight: var(--fw-bold);
    line-height: 1;
    color: var(--c-ink);
}
.lab__count-now[b-tfac1uej5s] { font-size: var(--fs-28); }
.lab__count-of[b-tfac1uej5s] { font-size: var(--fs-18); color: var(--c-ink-2); }

/* ---- notes ----------------------------------------------------------------------------------------- */
.lab__about[b-tfac1uej5s] {
    display: grid;
    gap: var(--s-5) var(--s-8);
    padding-block-end: var(--s-4);
}

.lab__name[b-tfac1uej5s] {
    margin: 0 0 var(--s-2);
    font-family: var(--font-display);
    font-size: var(--fs-figure);
    line-height: 0.95;
    color: var(--c-ink);
}
.lab__summary[b-tfac1uej5s] {
    margin: 0;
    max-inline-size: 62ch;
    font-size: var(--fs-lead);
    line-height: 1.55;
    color: var(--c-ink-2);
}

.lab__facts[b-tfac1uej5s] {
    display: grid;
    gap: var(--s-4);
    margin: 0;
}
.lab__fact[b-tfac1uej5s] {
    display: grid;
    gap: var(--s-1);
    padding-block-start: var(--s-3);
    border-block-start: 1px solid var(--c-line-2);
}
.lab__fact dt[b-tfac1uej5s] {
    font-size: var(--fs-14);
    font-weight: var(--fw-semibold);
    color: var(--c-ink);
}
.lab__fact dd[b-tfac1uej5s] {
    margin: 0;
    font-size: var(--fs-15);
    line-height: 1.5;
    color: var(--c-ink-2);
}

@media (min-width: 1100px) {
    .lab__about[b-tfac1uej5s] { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: start; }
}

/* phones: a taller, portrait-like stage (the landing is full height on phones) */
@media (max-width: 639px) {
    .lab__stage[b-tfac1uej5s] {
        aspect-ratio: auto;
        block-size: min(68svh, 560px);
        border-radius: var(--r-md);
    }
    .lab__controls[b-tfac1uej5s] { justify-self: stretch; justify-content: space-between; }
}
/* /Pages/MyOverview.razor.rz.scp.css */
/* /my - rider area overview (DESIGN.md §6.7.2) - scoped. Desktop: alerts full width; next race 7/12 beside the
   latest result 5/12; season tiles, matching events and the rider-card status full width. Phone: stacked 1-7. */
.myov[b-150sm9zrcs] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--block-gap); }

.myov__pair[b-150sm9zrcs] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--block-gap);
    align-items: stretch;
}

.myov__season > h2[b-150sm9zrcs],
.myov__match > h2[b-150sm9zrcs] { margin-block-end: var(--s-4); }

.myov__stats[b-150sm9zrcs] { --stats-cols: 5; }

.stat__sub--split[b-150sm9zrcs] { display: flex; flex-wrap: wrap; align-items: center; }
.stat__sub--split > span + span[b-150sm9zrcs] { position: relative; margin-inline-start: var(--s-2); padding-inline-start: var(--s-2); }
.stat__sub--split > span + span[b-150sm9zrcs]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block: 0.2em;
    inline-size: 1px;
    background: var(--c-line-2);
}

.myov__none[b-150sm9zrcs] { color: var(--text-2); }

.myov__lead[b-150sm9zrcs] {
    margin-block: calc(-1 * var(--s-2)) var(--s-5);
    max-inline-size: 62ch;
    color: var(--text-2);
}

.myov__more[b-150sm9zrcs] {
    display: inline-flex;
    align-items: center;
    min-block-size: var(--tap);
    margin-block-start: var(--s-3);
    font-weight: var(--fw-medium);
}

.myov__cards[b-150sm9zrcs] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--s-5);
    list-style: none;
    margin: 0;
    padding: 0;
}
.myov__cards > li[b-150sm9zrcs] { min-inline-size: 0; }

@media (min-width: 1024px) {
    .myov__pair[b-150sm9zrcs] { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--s-6); }
}

/* Phone and small tablets: the matching events become a snap-scroll strip inside its own container
   (cards ~85% of the width, the next one peeking); the page itself never scrolls sideways. */
@media (max-width: 899px) {
    .myov__strip[b-150sm9zrcs] {
        margin-inline: calc(-1 * var(--gutter));
        padding-inline: var(--gutter);
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: var(--gutter);
        scrollbar-width: none;
    }
    .myov__strip[b-150sm9zrcs]::-webkit-scrollbar { display: none; }
    .myov__cards[b-150sm9zrcs] {
        grid-template-columns: none;
        grid-auto-flow: column;
        grid-auto-columns: min(85%, 380px);
        gap: var(--s-3);
        padding-block: 6px;
    }
    .myov__cards > li[b-150sm9zrcs] { scroll-snap-align: start; }
}

@media (max-width: 767px) {
    .myov__stats[b-150sm9zrcs] { --stats-cols: 2; }
}
/* /Pages/MyProfile.razor.rz.scp.css */
/* /my/profile (DESIGN.md §6.7.5) - scoped. Desktop: the card (~5/12) beside the prerequisites (~7/12); categories
   full width; personal details, membership and payment as a 3-column row. Phone: stacked 1-7. */
.myprof[b-5hzxgeet81] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--block-gap); }

.myprof__top[b-5hzxgeet81] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--block-gap);
    align-items: start;
}
.myprof__top[b-5hzxgeet81]  .dcard-wrap { max-inline-size: 720px; }

.myprof__info[b-5hzxgeet81] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--block-gap) var(--s-8);
}

.myprof__block[b-5hzxgeet81] { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: var(--s-3); scroll-margin-block-start: 64px; }
.myprof__block > h2[b-5hzxgeet81] { font-size: var(--fs-24); }

.myprof__kv[b-5hzxgeet81] { display: grid; gap: var(--s-2); margin: 0; }
.myprof__kv > div[b-5hzxgeet81] { display: grid; grid-template-columns: 7.5em minmax(0, 1fr); gap: var(--s-2); }
.myprof__kv dt[b-5hzxgeet81] { font-size: var(--fs-14); color: var(--text-2); }
.myprof__kv dd[b-5hzxgeet81] { font-weight: var(--fw-medium); min-inline-size: 0; overflow-wrap: anywhere; }

.myprof__kits[b-5hzxgeet81] { display: flex; flex-wrap: wrap; gap: 2px var(--s-4); }
.myprof__kit[b-5hzxgeet81] { display: inline-flex; align-items: center; gap: 4px; }
.myprof__kit[b-5hzxgeet81]  .icon { color: var(--c-success-ink); }

.myprof__btn[b-5hzxgeet81] { justify-self: start; margin-block-start: var(--s-2); }

.myprof__card[b-5hzxgeet81] { display: flex; align-items: center; gap: var(--s-2); font-weight: var(--fw-medium); }
.myprof__card[b-5hzxgeet81]  .icon { color: var(--text-2); }
.myprof__small[b-5hzxgeet81] { font-size: var(--fs-14); color: var(--text-2); }
.myprof__change[b-5hzxgeet81] { justify-self: start; }

@media (min-width: 768px) {
    .myprof__info[b-5hzxgeet81] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1200px) {
    .myprof__top[b-5hzxgeet81] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--s-8); }
    .myprof__top[b-5hzxgeet81]  .dcard-wrap { max-inline-size: none; }
    .myprof__info[b-5hzxgeet81] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 479px) {
    .myprof__kv > div[b-5hzxgeet81] { grid-template-columns: minmax(0, 1fr); gap: 0; }
    .myprof__btn[b-5hzxgeet81] { inline-size: 100%; }
}
/* /Pages/MyRaces.razor.rz.scp.css */
/* /my/races (DESIGN.md §6.7.3) - scoped. */
.myraces[b-xp2y9wc608] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--block-gap); }

.myraces__section[b-xp2y9wc608] { scroll-margin-block-start: 64px; }
.myraces__section > h2[b-xp2y9wc608] { margin-block-end: var(--s-4); }

.myraces__list[b-xp2y9wc608] {
    margin: 0;
    padding: 0;
    list-style: none;
    border-block-start: 1px solid var(--c-line-2);
}

.myraces__line[b-xp2y9wc608] {
    padding-block: var(--s-4);
    border-block: 1px solid var(--c-line);
    color: var(--text-2);
    font-size: var(--fs-15);
}
/* /Pages/MyResults.razor.rz.scp.css */
/* /my/results (DESIGN.md §6.7.4) - scoped. */
.myres[b-ysxlq0s64c] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--block-gap); }
.myres > section > h2[b-ysxlq0s64c] { margin-block-end: var(--s-4); }
.myres__summary > h2[b-ysxlq0s64c] { margin-block-end: var(--s-1); }
.myres__caption[b-ysxlq0s64c] { margin-block-end: var(--s-4); font-size: var(--fs-14); color: var(--text-2); }

.myres__stats[b-ysxlq0s64c] { --stats-cols: 6; }

.myres__season[b-ysxlq0s64c] { inline-size: min(100%, 240px); }
.myres__season .field__label[b-ysxlq0s64c] { font-size: var(--fs-14); }

.myres__all[b-ysxlq0s64c]  .myres__chips { margin-block-end: var(--s-5); }

@media (min-width: 768px) and (max-width: 1199px) {
    .myres__stats[b-ysxlq0s64c] { --stats-cols: 3; }
    .myres__stats > .stat:nth-child(3n + 1)[b-ysxlq0s64c] { border-inline-start: 0; padding-inline-start: 0; }
    .myres__stats > .stat:nth-child(n + 4)[b-ysxlq0s64c] { border-block-start: 1px solid var(--c-line); }
}

@media (max-width: 767px) {
    .myres__season[b-ysxlq0s64c] { inline-size: 100%; }
}
/* /Pages/NotFound.razor.rz.scp.css */
/* 404 - a race bib with the number 404 (scoped styles). */
.nf[b-q17gtjm3na] {
    display: grid;
    gap: var(--s-8);
    align-items: center;
}

.nf__bib[b-q17gtjm3na] {
    position: relative;
    display: grid;
    justify-items: center;
    inline-size: min(100%, 320px);
    padding: var(--s-6) var(--s-6) var(--s-5);
    border-radius: var(--r-sm);
    background: var(--c-white);
    box-shadow: var(--shadow-2);
    transform: rotate(-2.5deg);
    border-block-start: 10px solid var(--c-night);
}

.nf__pin[b-q17gtjm3na] {
    position: absolute;
    inline-size: 10px;
    block-size: 10px;
    border-radius: 50%;
    background: var(--c-chalk-2);
    box-shadow: inset 0 1px 2px rgba(10, 21, 48, .25);
}
.nf__pin--1[b-q17gtjm3na] { inset-block-start: 12px; inset-inline-start: 12px; }
.nf__pin--2[b-q17gtjm3na] { inset-block-start: 12px; inset-inline-end: 12px; }
.nf__pin--3[b-q17gtjm3na] { inset-block-end: 12px; inset-inline-start: 12px; }
.nf__pin--4[b-q17gtjm3na] { inset-block-end: 12px; inset-inline-end: 12px; }

.nf__bib-head[b-q17gtjm3na] {
    font-size: var(--fs-13);
    font-weight: var(--fw-semibold);
    color: var(--c-ink-2);
}

.nf__bib-number[b-q17gtjm3na] {
    font-family: var(--font-display);
    font-weight: var(--fw-bold);
    font-size: clamp(6rem, 4rem + 8vw, 9rem);
    line-height: .85;
    color: var(--c-ink);
    letter-spacing: .01em;
    direction: ltr;
}

.nf__bib-foot[b-q17gtjm3na] {
    display: flex;
    gap: var(--s-3);
    align-items: center;
    font-size: var(--fs-13);
    color: var(--c-ink-3);
}

.nf__bib-foot > span:first-child[b-q17gtjm3na] {
    padding: 1px 6px;
    border-radius: 4px;
    background: var(--c-orange);
    color: var(--c-on-orange);
    font-weight: var(--fw-semibold);
}

.nf__line[b-q17gtjm3na] {
    font-size: var(--fs-lead);
    line-height: 1.5;
}

.nf__actions[b-q17gtjm3na] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-4) var(--s-6);
    margin-block-start: var(--s-6);
}

.nf__link[b-q17gtjm3na] {
    font-weight: var(--fw-medium);
    min-block-size: var(--tap);
    display: inline-flex;
    align-items: center;
}

@media (min-width: 768px) {
    .nf[b-q17gtjm3na] {
        grid-template-columns: auto minmax(0, 1fr);
        gap: var(--s-11);
    }
}
/* /Pages/RaceResults.razor.rz.scp.css */
/* /results/{id}: quiet structure around two figures of drama - the podium and the timing board. */

/* ---- Header meta and status ---- */
.rr-headmeta[b-3nd9cgjisp] { flex-basis: 100%; min-inline-size: 0; }
.rr-meta[b-3nd9cgjisp] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s-2) var(--s-5);
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--fs-15);
  color: var(--text-2);
}
.rr-meta > li[b-3nd9cgjisp] { display: inline-flex; align-items: center; gap: 6px; min-inline-size: 0; }
.rr-meta[b-3nd9cgjisp]  .icon { color: var(--text-3); }
.rr-status[b-3nd9cgjisp] { flex-basis: 100%; margin-block-start: var(--s-3); }

/* ---- Page sections ---- */
.rr[b-3nd9cgjisp] { display: grid; gap: clamp(48px, 2.5vw + 32px, 80px); }

.rr-facts[b-3nd9cgjisp] { display: grid; gap: var(--s-7); min-inline-size: 0; }
.rr-facts__title[b-3nd9cgjisp] { font-size: var(--fs-h2); }
.rr-course[b-3nd9cgjisp] { padding-block-start: var(--s-2); min-inline-size: 0; }

/* ---- Results area ---- */
.rr-results[b-3nd9cgjisp] { display: grid; gap: var(--s-6); min-inline-size: 0; scroll-margin-block-start: var(--s-2); }
.rr-tabs[b-3nd9cgjisp] { min-inline-size: 0; }
.rr-panel[b-3nd9cgjisp] { display: grid; gap: var(--s-6); min-inline-size: 0; }

.rr-cat-head[b-3nd9cgjisp] { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--s-4); }
.rr-cat-head__text[b-3nd9cgjisp] { display: grid; gap: var(--s-1); min-inline-size: 0; }
.rr-cat-head__title[b-3nd9cgjisp] { font-size: var(--fs-h2); }
.rr-cat-head__title--sm[b-3nd9cgjisp] { font-size: var(--fs-22); }
.rr-cat-head__summary[b-3nd9cgjisp] { font-size: var(--fs-15); color: var(--text-2); }

.rr-toolbar[b-3nd9cgjisp] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--s-3) var(--s-4); }
.rr-toolbar__search[b-3nd9cgjisp] { flex: 1 1 320px; min-inline-size: 0; }
.rr-toolbar__count[b-3nd9cgjisp] { flex-basis: 100%; font-size: var(--fs-15); font-weight: var(--fw-medium); color: var(--text-2); }

.rr-search[b-3nd9cgjisp] { position: relative; }
.rr-search[b-3nd9cgjisp]  .rr-search__icon {
  position: absolute;
  inset-inline-start: 14px;
  inset-block-start: 50%;
  transform: translateY(-50%);
  color: var(--text-3);
  pointer-events: none;
}
.rr-search__input[b-3nd9cgjisp] { padding-inline-start: 46px; padding-inline-end: 92px; }
.rr-search__input[b-3nd9cgjisp]::-webkit-search-cancel-button { display: none; }
.rr-search__clear[b-3nd9cgjisp] {
  position: absolute;
  inset-inline-end: 2px;
  inset-block-start: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-block-size: var(--tap);
  padding-inline: var(--s-3);
  border-radius: var(--r-sm);
  color: var(--text-2);
  font-size: var(--fs-14);
  font-weight: var(--fw-medium);
}
.rr-search__clear:hover[b-3nd9cgjisp] { color: var(--text); background: var(--c-chalk); }
.rr-search__clear:focus-visible[b-3nd9cgjisp] { outline-offset: -3px; }

.rr-more-matches[b-3nd9cgjisp] { justify-self: start; margin-block-start: calc(var(--s-4) * -1); font-size: var(--fs-15); }
.rr-nomatch[b-3nd9cgjisp] { max-inline-size: 560px; }
.rr-nomatch__others[b-3nd9cgjisp] { color: var(--text); font-weight: var(--fw-medium); }

.rr-all-cat[b-3nd9cgjisp] { display: grid; gap: var(--s-4); min-inline-size: 0; }
.rr-all-cat + .rr-all-cat[b-3nd9cgjisp] { margin-block-start: var(--s-6); }

/* ---- Neighbouring races ---- */
.rr-neighbours[b-3nd9cgjisp] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: var(--s-4);
  padding-block-start: var(--s-6);
  border-block-start: 1px solid var(--c-line-2);
}
.rr-neighbours__slot--next[b-3nd9cgjisp] { display: flex; justify-content: flex-end; }
.rr-neighbours__all[b-3nd9cgjisp] { font-weight: var(--fw-medium); min-block-size: var(--tap); display: inline-flex; align-items: center; }
.rr-neighbour[b-3nd9cgjisp] {
  display: inline-flex;
  align-items: center;
  gap: var(--s-3);
  min-block-size: var(--tap);
  max-inline-size: 100%;
  padding: var(--s-2) var(--s-3);
  border-radius: var(--r-md);
  color: var(--text);
  text-decoration: none;
  transition: background-color var(--dur-1) ease;
}
.rr-neighbour:hover[b-3nd9cgjisp] { background: var(--bg-surface); }
.rr-neighbour--next[b-3nd9cgjisp] { text-align: end; }
.rr-neighbour__text[b-3nd9cgjisp] { display: grid; gap: 2px; min-inline-size: 0; }
.rr-neighbour__label[b-3nd9cgjisp] { font-size: var(--fs-13); color: var(--text-3); }
.rr-neighbour__title[b-3nd9cgjisp] { font-weight: var(--fw-semibold); line-height: 1.35; }

.rr-missing[b-3nd9cgjisp] { padding-block-start: var(--s-6); }

@media (max-width: 767px) {
  .rr-meta[b-3nd9cgjisp] { flex-direction: column; align-items: flex-start; gap: var(--s-2); }
  .rr-facts[b-3nd9cgjisp]  .rr-facts__tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rr-facts[b-3nd9cgjisp]  .rr-facts__tiles .stat {
    border-block-end: 0;
    border-inline-start: 1px solid var(--c-line);
    padding: var(--s-3) var(--s-3) var(--s-3);
  }
  .rr-facts[b-3nd9cgjisp]  .rr-facts__tiles .stat:first-child { border-inline-start: 0; padding-inline-start: 0; }

  .rr-tabs[b-3nd9cgjisp] {
    position: sticky;
    inset-block-start: var(--header-h);
    z-index: var(--z-sticky);
    margin-inline: calc(var(--gutter) * -1);
    padding-inline: var(--gutter);
    background: var(--bg-page);
    box-shadow: 0 1px 0 var(--c-line);
  }
  :root[data-header-compact="true"] .rr-tabs[b-3nd9cgjisp] { inset-block-start: var(--header-h-compact); }

  .rr-cat-head[b-3nd9cgjisp] { flex-wrap: wrap; }
  .rr-toolbar__search[b-3nd9cgjisp] { flex-basis: 100%; }
  .rr-toolbar__mine[b-3nd9cgjisp] { flex: 1 1 auto; }

  .rr-neighbours[b-3nd9cgjisp] { grid-template-columns: minmax(0, 1fr); justify-items: stretch; }
  .rr-neighbours__slot--next[b-3nd9cgjisp] { justify-content: stretch; }
  .rr-neighbour[b-3nd9cgjisp] { inline-size: 100%; justify-content: space-between; }
  .rr-neighbour--prev[b-3nd9cgjisp] { flex-direction: row; }
  .rr-neighbours__all[b-3nd9cgjisp] { justify-self: center; order: 3; }
}
/* /Pages/Results.razor.rz.scp.css */
/* /results: a quiet filter bar, then the month-grouped start list of races. */
.res[b-k8671x90cl] { display: grid; gap: var(--s-6); }

/* ---- Filter bar ---- */
.res-filters[b-k8671x90cl] { display: grid; gap: var(--s-5); padding-block-end: var(--s-2); }
.res-filters__row[b-k8671x90cl] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--s-4) var(--s-5); }
.res-filters__row .field + .field[b-k8671x90cl] { margin-block-start: 0; }
.res-filters__season[b-k8671x90cl] { flex: 0 0 auto; min-inline-size: 168px; }
.res-filters__search[b-k8671x90cl] { flex: 1 1 320px; min-inline-size: 0; }
.res-filters__mine[b-k8671x90cl] { flex: 0 0 auto; margin-inline-start: auto; }
.res-count[b-k8671x90cl] { color: var(--text-3); font-weight: var(--fw-regular); font-variant-numeric: tabular-nums; }

.res-search[b-k8671x90cl] { position: relative; }
.res-search[b-k8671x90cl]  .res-search__icon {
  position: absolute;
  inset-inline-start: 14px;
  inset-block-start: 50%;
  transform: translateY(-50%);
  color: var(--text-3);
  pointer-events: none;
}
.res-search__input[b-k8671x90cl] { padding-inline-start: 46px; padding-inline-end: 92px; }
.res-search__input[b-k8671x90cl]::-webkit-search-cancel-button { display: none; }
.res-search__clear[b-k8671x90cl] {
  position: absolute;
  inset-inline-end: 2px;
  inset-block-start: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-block-size: var(--tap);
  padding-inline: var(--s-3);
  border-radius: var(--r-sm);
  color: var(--text-2);
  font-size: var(--fs-14);
  font-weight: var(--fw-medium);
}
.res-search__clear:hover[b-k8671x90cl] { color: var(--text); background: var(--c-chalk); }
.res-search__clear:focus-visible[b-k8671x90cl] { outline-offset: -3px; }

.res-filters__chips[b-k8671x90cl] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2) var(--s-4); }
.res-filters__label[b-k8671x90cl] { font-size: var(--fs-14); font-weight: var(--fw-medium); color: var(--text-2); }
.res-filters__chips[b-k8671x90cl]  .res-chips { flex: 1 1 auto; min-inline-size: 0; }
.res-filters__clear[b-k8671x90cl] { margin-inline-start: auto; }

/* ---- Count line and list ---- */
.res-count-line[b-k8671x90cl] { font-size: var(--fs-15); font-weight: var(--fw-medium); color: var(--text-2); }
.res-list[b-k8671x90cl] { display: grid; gap: var(--s-9); }
.res-list.is-changed[b-k8671x90cl] { animation: res-in-b-k8671x90cl var(--dur-3) var(--ease-out) both; }
@keyframes res-in-b-k8671x90cl { from { opacity: 0; } to { opacity: 1; } }

.res-month__head[b-k8671x90cl] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--s-4);
  margin-block-end: var(--s-3);
}
.res-month__title[b-k8671x90cl] { font-size: var(--fs-22); }
.res-month__count[b-k8671x90cl] { font-size: var(--fs-14); color: var(--text-3); white-space: nowrap; }

/* ---- More in the results area ---- */
.res-more[b-k8671x90cl] { margin-block-start: var(--s-8); display: grid; gap: var(--s-4); }
.res-more__title[b-k8671x90cl] { font-size: var(--fs-22); }
.res-more__list[b-k8671x90cl] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: var(--r-lg);
  background: var(--bg-surface);
  box-shadow: var(--shadow-1);
  overflow: hidden;
}
.res-more__list > li + li[b-k8671x90cl] { border-inline-start: 1px solid var(--c-line); }
.res-more__item[b-k8671x90cl] {
  display: flex;
  align-items: center;
  gap: var(--s-4);
  block-size: 100%;
  min-block-size: 96px;
  padding: var(--s-5);
  color: var(--text);
  text-decoration: none;
  transition: background-color var(--dur-1) ease;
}
.res-more__item:hover[b-k8671x90cl] { background: color-mix(in srgb, var(--c-chalk) 70%, var(--c-white)); }
.res-more__item:focus-visible[b-k8671x90cl] { outline-offset: -4px; border-radius: var(--r-md); }
.res-more__icon[b-k8671x90cl] {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  inline-size: 44px;
  block-size: 44px;
  border-radius: 12px;
  background: var(--c-chalk);
}
.res-more__text[b-k8671x90cl] { flex: 1; display: grid; gap: 2px; min-inline-size: 0; }
.res-more__label[b-k8671x90cl] { font-weight: var(--fw-semibold); line-height: 1.3; }
.res-more__line[b-k8671x90cl] { font-size: var(--fs-14); color: var(--text-2); line-height: 1.45; }
.res-more__item[b-k8671x90cl]  .res-more__chev { color: var(--text-3); transition: transform var(--dur-2) var(--ease-out); }
.res-more__item:hover[b-k8671x90cl]  .res-more__chev { transform: translateX(-3px); }

@media (max-width: 767px) {
  .res-filters__row[b-k8671x90cl] { gap: var(--s-4); }
  .res-filters__search[b-k8671x90cl] { order: -1; flex-basis: 100%; }
  .res-filters__season[b-k8671x90cl] { flex: 1 1 auto; min-inline-size: 0; }
  .res-filters__mine[b-k8671x90cl] { margin-inline-start: 0; }
  .res-filters__chips[b-k8671x90cl] { display: grid; gap: var(--s-2); }
  .res-filters__clear[b-k8671x90cl] { justify-self: end; margin-inline-start: 0; }
  .res-filters__chips[b-k8671x90cl]  .res-chips { margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); }
  .res-more__list[b-k8671x90cl] { grid-template-columns: minmax(0, 1fr); }
  .res-more__list > li + li[b-k8671x90cl] { border-inline-start: 0; border-block-start: 1px solid var(--c-line); }
  .res-more__item[b-k8671x90cl] { min-block-size: 72px; padding: var(--s-4); }
}
/* /Pages/RiderProfile.razor.rz.scp.css */
/* /riders/{id} - public rider profile (DESIGN.md §6.8) - scoped. */
.rprof[b-atl1lxkgj0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--block-gap);
    padding-block-start: clamp(20px, 2vw + 12px, 44px);
}
.rprof__head[b-atl1lxkgj0] { min-inline-size: 0; }

.rprof__own[b-atl1lxkgj0] { align-items: start; }
.rprof__own-body[b-atl1lxkgj0] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-1) var(--s-4); }
.rprof__own-body p[b-atl1lxkgj0] { margin: 0; }
.rprof__own-link[b-atl1lxkgj0] { display: inline-flex; align-items: center; min-block-size: var(--tap); font-weight: var(--fw-semibold); }

.rprof__season[b-atl1lxkgj0] { scroll-margin-block-start: var(--s-4); }
.rprof__season-head[b-atl1lxkgj0] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--s-3) var(--s-6);
    margin-block-end: var(--s-5);
}
.rprof__select[b-atl1lxkgj0] { inline-size: min(100%, 220px); }
.rprof__select .field__label[b-atl1lxkgj0] { font-size: var(--fs-14); }

.rprof__stats[b-atl1lxkgj0] { --stats-cols: 5; }
.rprof__codes[b-atl1lxkgj0] { display: flex; flex-wrap: wrap; gap: 0 var(--s-3); }

.rprof__results[b-atl1lxkgj0] { margin-block-start: var(--s-7); }
.rprof__h3[b-atl1lxkgj0] { margin-block-end: var(--s-4); font-size: var(--fs-22); }
.rprof__results[b-atl1lxkgj0]  .rprof__chips { margin-block-end: var(--s-5); }

@media (max-width: 767px) {
    .rprof__select[b-atl1lxkgj0] { inline-size: 100%; }
    .rprof__own-body[b-atl1lxkgj0] { flex-direction: column; align-items: flex-start; }
}

/* Numbers and ranges ("30-39", "17:00", "+0:09") never break across lines. */
.rprof[b-atl1lxkgj0]  bdi.num { white-space: nowrap; }
/* /Pages/Soon.razor.rz.scp.css */
/* /soon - scoped styles. */
.soon[b-5mxxp1yfio] {
    display: grid;
    gap: var(--block-gap);
}

.soon__message[b-5mxxp1yfio] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-6);
    align-items: center;
}

.soon__art[b-5mxxp1yfio] {
    color: var(--c-ink-2);
    inline-size: min(100%, 300px);
}

.soon__art svg[b-5mxxp1yfio] {
    inline-size: 100%;
    block-size: auto;
}

.soon__ground[b-5mxxp1yfio] { stroke: var(--c-line-2); stroke-width: 1.5; stroke-dasharray: 2 7; }
.soon__wheel[b-5mxxp1yfio] { stroke: currentColor; stroke-width: 2; opacity: .55; }
.soon__hub[b-5mxxp1yfio] { fill: currentColor; stroke: none; }
.soon__frame[b-5mxxp1yfio] { stroke: var(--c-ink); stroke-width: 2.25; }
.soon__progress[b-5mxxp1yfio] {
    stroke: var(--c-orange);
    stroke-width: 3.5;
    stroke-dasharray: 64 100;
    transform: rotate(-90deg);
    transform-origin: 62px 104px;
}

.soon__line[b-5mxxp1yfio] {
    font-size: var(--fs-lead);
    font-weight: var(--fw-medium);
    line-height: 1.5;
    max-inline-size: 36ch;
}

.soon__muted[b-5mxxp1yfio] {
    margin-block-start: var(--s-2);
    color: var(--text-2);
    max-inline-size: 52ch;
}

.soon__en[b-5mxxp1yfio] {
    margin-block-start: var(--s-3);
    color: var(--text-2);
    font-size: var(--fs-15);
}

.soon__heading[b-5mxxp1yfio] {
    font-size: var(--fs-20);
    margin-block-end: var(--s-4);
}

.soon__back[b-5mxxp1yfio] {
    justify-self: start;
}

@media (min-width: 768px) {
    .soon__message[b-5mxxp1yfio] {
        grid-template-columns: auto minmax(0, 1fr);
        gap: var(--s-10);
    }
}

@media (max-width: 767px) {
    .soon__back[b-5mxxp1yfio] { inline-size: 100%; }
}
/* /Shared/Course/CourseBlock.razor.rz.scp.css */
/* The course block. It adapts to the width it is given (container queries): the event page's main column or the
   results page's full content width. Sections are separated by space and hairlines, not boxes. */
.cb[b-plzsggpumq] {
  container-type: inline-size;
  display: grid;
  gap: var(--s-6);
  min-inline-size: 0;
}

.cb[b-plzsggpumq]  .cb-title { font-size: var(--fs-h2); }
.cb--results[b-plzsggpumq]  .cb-title { font-size: var(--fs-h3); }
.cb[b-plzsggpumq]  .cb-subtitle { font-size: var(--fs-h3); font-weight: var(--fw-semibold); line-height: var(--lh-snug); }

/* ---- Facts lines ---- */
.cb-facts[b-plzsggpumq] { display: grid; gap: var(--s-2); max-inline-size: 80ch; }
.cb-facts__row[b-plzsggpumq] { display: flex; flex-wrap: wrap; gap: 0 var(--s-2); line-height: 1.5; }
.cb-facts__row dt[b-plzsggpumq] { color: var(--text-2); font-weight: var(--fw-medium); white-space: nowrap; }
.cb-facts__row dd[b-plzsggpumq] { color: var(--text); }

/* ---- Key stats: timing-board figures with a hairline over each ---- */
.cb-tiles[b-plzsggpumq] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 var(--s-5);
  margin: 0;
}
.cb-tile[b-plzsggpumq] {
  display: flex;
  flex-direction: column;
  gap: var(--s-1);
  padding-block: var(--s-3) var(--s-4);
  border-block-start: 1px solid var(--c-line-2);
  min-inline-size: 0;
}
.cb-tile:last-child:nth-child(odd)[b-plzsggpumq] { grid-column: 1 / -1; }
.cb-tile__label[b-plzsggpumq] { font-size: var(--fs-14); color: var(--text-2); }
.cb-tile__value[b-plzsggpumq] {
  font-family: var(--font-display);
  font-weight: var(--fw-bold);
  font-size: var(--fs-figure);
  line-height: 0.95;
  color: var(--text);
  overflow-wrap: anywhere;
}
.cb-tile__value[b-plzsggpumq]  .cb-unit {
  font-family: var(--font-text);
  font-size: var(--fs-15);
  font-weight: var(--fw-medium);
  color: var(--text-2);
}
.cb-tile__sub[b-plzsggpumq] { font-size: var(--fs-13); color: var(--text-3); }

@container (min-width: 520px) {
  .cb-tiles[b-plzsggpumq] { grid-template-columns: repeat(var(--cb-md, 3), minmax(0, 1fr)); }
  .cb-tile:last-child:nth-child(odd)[b-plzsggpumq] { grid-column: auto; }
}
@container (min-width: 880px) {
  .cb-tiles[b-plzsggpumq] { grid-template-columns: repeat(var(--cb-lg, 6), minmax(0, 1fr)); }
}

/* ---- Personal line ("במקצה שלך" / "בקטגוריה שלך"): the cyan "my" marker ---- */
.cb-personal[b-plzsggpumq] {
  justify-self: start;
  max-inline-size: 100%;
  padding: var(--s-3) var(--s-4);
  border-radius: var(--r-sm);
  background: var(--c-cyan-tint);
  box-shadow: inset -4px 0 0 var(--c-cyan);
  font-weight: var(--fw-medium);
  line-height: 1.45;
}

/* ---- Hide / show (results page) ---- */
.cb-fold[b-plzsggpumq] { justify-self: start; }

.cb-details__content[b-plzsggpumq] { display: grid; gap: var(--s-8); min-inline-size: 0; }
.cb-details.is-revealed .cb-details__content[b-plzsggpumq] { animation: cb-reveal-b-plzsggpumq var(--dur-4) var(--ease-out) both; }
@keyframes cb-reveal-b-plzsggpumq { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

/* ---- Route toggle and stage chips: wrap onto more rows, long labels wrap inside the chip ---- */
.cb[b-plzsggpumq]  .cb-routes__chips .chip,
.cb[b-plzsggpumq]  .cb-stages .chip { white-space: normal; text-align: start; line-height: 1.3; padding-block: var(--s-2); }

/* ---- Map, legend, notes ---- */
.cb-map[b-plzsggpumq] { display: grid; gap: var(--s-5); min-inline-size: 0; }
.cb-map__main[b-plzsggpumq] { display: grid; gap: var(--s-3); min-inline-size: 0; }
@container (min-width: 720px) {
  .cb-map--venue[b-plzsggpumq] { grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr); align-items: start; }
}

.cb-legend[b-plzsggpumq] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-2) var(--s-5);
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--fs-13);
  color: var(--text-2);
}
.cb-legend__item[b-plzsggpumq] { display: inline-flex; align-items: center; gap: var(--s-2); }
.cb-legend__sym[b-plzsggpumq] { display: inline-grid; place-items: center; min-inline-size: 24px; }

.cb-sym[b-plzsggpumq] { display: inline-grid; place-items: center; }
.cb-sym--flag[b-plzsggpumq], .cb-sym--stage[b-plzsggpumq] {
  inline-size: 20px;
  block-size: 20px;
  border-radius: 50%;
  background: var(--c-night);
  color: var(--c-white);
  box-shadow: 0 0 0 2px var(--c-white), 0 0 0 3px var(--c-line-2);
  font-size: 11px;
  font-weight: var(--fw-bold);
  line-height: 1;
}
.cb-sym--arrow[b-plzsggpumq] {
  position: relative;
  inline-size: 24px;
  block-size: 6px;
  border-radius: 3px;
  background: var(--c-orange);
  box-shadow: 0 0 0 1.5px var(--c-white), 0 0 0 2.5px var(--c-line-2);
}
.cb-sym--arrow[b-plzsggpumq]::after {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  left: 50%;
  inline-size: 9px;
  block-size: 9px;
  background: var(--c-night);
  clip-path: polygon(0 50%, 100% 0, 70% 50%, 100% 100%);
  transform: translate(-50%, -50%);
}
.cb-sym--km[b-plzsggpumq] {
  padding: 1px 5px;
  border-radius: var(--r-pill);
  background: var(--c-white);
  box-shadow: 0 0 0 1px var(--c-line-2);
  color: var(--c-ink);
  font-size: 10px;
  font-weight: var(--fw-semibold);
  line-height: 1.4;
}
.cb-sym--liaison[b-plzsggpumq] { inline-size: 24px; border-block-start: 2px dashed var(--c-ink-2); }
.cb-sym--lap[b-plzsggpumq] {
  inline-size: 14px;
  block-size: 14px;
  border-radius: 50%;
  border: 3px solid var(--c-orange);
}

.cb-note[b-plzsggpumq] { font-size: var(--fs-13); color: var(--text-3); }

.cb-nav[b-plzsggpumq] { display: flex; flex-wrap: wrap; gap: 0 var(--s-6); margin: 0; padding: 0; list-style: none; }
.cb-nav__link[b-plzsggpumq] { display: inline-flex; align-items: center; gap: var(--s-2); min-block-size: var(--tap); font-weight: var(--fw-medium); }

.cb-nomap[b-plzsggpumq] {
  display: flex;
  align-items: center;
  gap: var(--s-3);
  padding: var(--s-5);
  border-radius: var(--r-md);
  background: var(--bg-surface);
  box-shadow: inset 0 0 0 1px var(--c-line);
  color: var(--text-2);
}

.cb-profile[b-plzsggpumq] { display: grid; gap: var(--s-3); min-inline-size: 0; }

@media (max-width: 767px) {
  .cb-fold[b-plzsggpumq] { justify-self: stretch; white-space: normal; text-align: center; }
  .cb-personal[b-plzsggpumq] { justify-self: stretch; }
}
/* /Shared/Course/CourseMap.razor.rz.scp.css */
/* Course map frame: 16:9 (phones 4:3, full-bleed), controls in the top end corner, attribution always visible.
   Markers are created by course-map.js inside the canvas, so they are styled through ::deep. */
.cmap__frame[b-v9h2mh82wt] {
  position: relative;
  aspect-ratio: 16 / 9;
  border-radius: var(--r-lg);
  overflow: hidden;
  background: var(--c-chalk-2);
  box-shadow: inset 0 0 0 1px var(--c-line);
  isolation: isolate;
}
.cmap__frame.is-plain[b-v9h2mh82wt] { background: var(--c-night-mid); }
.cmap__frame--venue[b-v9h2mh82wt] { aspect-ratio: 4 / 3; }

.cmap__frame.is-loading[b-v9h2mh82wt]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, transparent 30%, var(--c-shimmer) 50%, transparent 70%) var(--c-chalk-2);
  background-size: 220% 100%;
  animation: cmap-shimmer-b-v9h2mh82wt 1.4s linear infinite;
}
@keyframes cmap-shimmer-b-v9h2mh82wt { from { background-position: 120% 0; } to { background-position: -120% 0; } }

.cmap__canvas[b-v9h2mh82wt] { position: absolute; inset: 0; }

.cmap__controls[b-v9h2mh82wt] {
  position: absolute;
  inset-block-start: var(--s-3);
  inset-inline-end: var(--s-3);
  z-index: 3;
  display: grid;
  gap: 1px;
  border-radius: var(--r-sm);
  background: var(--c-line-2);
  box-shadow: var(--shadow-2);
  overflow: hidden;
}
.cmap__btn[b-v9h2mh82wt] {
  display: grid;
  place-items: center;
  inline-size: var(--tap);
  block-size: var(--tap);
  background: var(--c-white);
  color: var(--c-ink);
  transition: background-color var(--dur-1) ease;
}
.cmap__btn:hover[b-v9h2mh82wt] { background: var(--c-chalk); }
.cmap__btn:focus-visible[b-v9h2mh82wt] { outline: 3px solid var(--focus-ring); outline-offset: -3px; border-radius: var(--r-sm); }

.cmap__fallback[b-v9h2mh82wt] {
  position: absolute;
  inset-block-start: var(--s-3);
  inset-inline-start: var(--s-3);
  z-index: 3;
  display: flex;
  align-items: center;
  gap: var(--s-2);
  max-inline-size: calc(100% - 2 * var(--s-3) - var(--tap) - var(--s-3));
  padding: 6px var(--s-3);
  border-radius: var(--r-sm);
  background: rgba(10, 21, 48, 0.86);
  color: var(--c-white);
  font-size: var(--fs-13);
  line-height: 1.35;
}

/* ---- MapLibre's own pieces ---- */
.cmap__frame[b-v9h2mh82wt]  .maplibregl-map { font-family: var(--font-text); }
.cmap__frame[b-v9h2mh82wt]  .maplibregl-canvas:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: -3px; }
.cmap__frame[b-v9h2mh82wt]  .maplibregl-ctrl-attrib {
  font-family: var(--font-text);
  font-size: 11px;
  background: rgba(255, 255, 255, 0.86);
  color: var(--c-ink-2);
}
.cmap__frame[b-v9h2mh82wt]  .maplibregl-ctrl-attrib a { color: var(--c-ink-2); }
.cmap__frame[b-v9h2mh82wt]  .maplibregl-ctrl-scale {
  border-color: var(--c-ink-2);
  background: rgba(255, 255, 255, 0.8);
  color: var(--c-ink);
  font-family: var(--font-text);
  font-size: 11px;
}
.cmap__frame.is-plain[b-v9h2mh82wt]  .maplibregl-ctrl-scale { background: rgba(10, 21, 48, 0.7); color: var(--c-white); border-color: rgba(255, 255, 255, 0.7); }
.cmap__frame[b-v9h2mh82wt]  .maplibregl-cooperative-gesture-screen {
  background: rgba(10, 21, 48, 0.62);
  color: var(--c-white);
  font-family: var(--font-text);
  font-size: var(--fs-16);
  font-weight: var(--fw-medium);
  padding: var(--s-6);
  text-align: center;
}
.cmap__frame[b-v9h2mh82wt]  .cmap__svg { inline-size: 100%; block-size: 100%; }

/* ---- Markers ---- */
.cmap__frame[b-v9h2mh82wt]  .cmap-marker {
  position: absolute;
  display: grid;
  place-items: center;
  inline-size: var(--tap);
  block-size: var(--tap);
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.cmap__frame[b-v9h2mh82wt]  .cmap-marker__dot {
  display: grid;
  place-items: center;
  inline-size: 30px;
  block-size: 30px;
  border-radius: 50%;
  background: var(--c-night);
  color: var(--c-white);
  box-shadow: 0 0 0 3px var(--c-white), 0 4px 10px rgba(10, 21, 48, 0.35);
  font-family: var(--font-text);
  font-size: var(--fs-14);
  font-weight: var(--fw-bold);
  line-height: 1;
  transition: transform var(--dur-1) ease;
}
.cmap__frame[b-v9h2mh82wt]  .cmap-marker--stage .cmap-marker__dot { inline-size: 26px; block-size: 26px; font-size: var(--fs-13); }
.cmap__frame[b-v9h2mh82wt]  .cmap-marker--stage.is-selected .cmap-marker__dot { background: var(--c-orange); color: var(--c-on-orange); }
.cmap__frame[b-v9h2mh82wt]  .cmap-marker--venue .cmap-marker__dot { inline-size: 34px; block-size: 34px; }
.cmap__frame[b-v9h2mh82wt]  .cmap-marker:hover .cmap-marker__dot { transform: scale(1.08); }
.cmap__frame[b-v9h2mh82wt]  .cmap-marker:focus-visible { outline: none; }
.cmap__frame[b-v9h2mh82wt]  .cmap-marker:focus-visible .cmap-marker__dot { box-shadow: 0 0 0 3px var(--c-white), 0 0 0 6px var(--focus-ring); }
.cmap__frame[b-v9h2mh82wt]  .cmap-marker__tip {
  position: absolute;
  inset-block-end: calc(100% - 4px);
  left: 50%;
  transform: translate(-50%, 4px);
  padding: 4px var(--s-2);
  border-radius: var(--r-xs);
  background: var(--c-night);
  color: var(--c-white);
  font-family: var(--font-text);
  font-size: var(--fs-13);
  font-weight: var(--fw-medium);
  line-height: 1.3;
  white-space: nowrap;
  box-shadow: var(--shadow-2);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--dur-2) ease, transform var(--dur-2) var(--ease-out), visibility 0s linear var(--dur-2);
}
.cmap__frame[b-v9h2mh82wt]  .cmap-marker:hover .cmap-marker__tip,
.cmap__frame[b-v9h2mh82wt]  .cmap-marker:focus-visible .cmap-marker__tip,
.cmap__frame[b-v9h2mh82wt]  .cmap-marker.is-open .cmap-marker__tip {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
  transition-delay: 0s;
}
.cmap__frame[b-v9h2mh82wt]  .cmap-marker:hover,
.cmap__frame[b-v9h2mh82wt]  .cmap-marker:focus-visible,
.cmap__frame[b-v9h2mh82wt]  .cmap-marker.is-open { z-index: 2; }

.cmap__frame[b-v9h2mh82wt]  .cmap-km {
  padding: 1px 6px;
  border-radius: var(--r-pill);
  background: var(--c-white);
  color: var(--c-ink);
  box-shadow: 0 0 0 1px rgba(15, 28, 51, 0.22), 0 2px 6px rgba(10, 21, 48, 0.18);
  font-family: var(--font-text);
  font-size: var(--fs-12);
  font-weight: var(--fw-semibold);
  line-height: 1.5;
  white-space: nowrap;
  pointer-events: none;
}

.cmap__frame[b-v9h2mh82wt]  .cmap-cursor { inline-size: 16px; block-size: 16px; pointer-events: none; }
.cmap__frame[b-v9h2mh82wt]  .cmap-cursor__dot {
  display: block;
  inline-size: 16px;
  block-size: 16px;
  border-radius: 50%;
  background: var(--c-cyan);
  box-shadow: 0 0 0 3px var(--c-white), 0 0 0 7px rgba(25, 194, 230, 0.35);
  opacity: 0;
  transition: opacity var(--dur-1) ease;
}
.cmap__frame[b-v9h2mh82wt]  .cmap-cursor.is-on .cmap-cursor__dot { opacity: 1; }

@media (max-width: 767px) {
  .cmap__frame[b-v9h2mh82wt] {
    aspect-ratio: 4 / 3;
    margin-inline: calc(var(--gutter) * -1);
    border-radius: 0;
    box-shadow: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cmap__frame.is-loading[b-v9h2mh82wt]::before { animation: none; }
}
/* /Shared/Course/CourseTables.razor.rz.scp.css */
/* Course tables: hairline rows, numbers end-aligned and tabular, the rider's row in cyan (the "my row" marker). */
.ct[b-umc0xdx9zc] { min-inline-size: 0; }

.ct[b-umc0xdx9zc]  .ct__title {
  font-size: var(--fs-h3);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-snug);
}

.ct__wrap[b-umc0xdx9zc] {
  margin-block-start: var(--s-3);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  border-block-start: 1px solid var(--c-line-2);
}

.ct__table[b-umc0xdx9zc] {
  inline-size: 100%;
  font-size: var(--fs-15);
}

.ct__table th[b-umc0xdx9zc],
.ct__table td[b-umc0xdx9zc] {
  padding: var(--s-3);
  border-block-end: 1px solid var(--c-line);
  text-align: start;
  vertical-align: middle;
}

.ct__table thead th[b-umc0xdx9zc] {
  font-size: var(--fs-13);
  font-weight: var(--fw-medium);
  color: var(--text-3);
  white-space: nowrap;
}

.ct__num[b-umc0xdx9zc] {
  text-align: end !important;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.ct__label[b-umc0xdx9zc] {
  position: sticky;
  inset-inline-start: 0;
  z-index: 1;
  background: var(--bg-page);
  font-weight: var(--fw-medium);
  min-inline-size: 9rem;
}
thead .ct__label[b-umc0xdx9zc], .ct__table thead th:first-child[b-umc0xdx9zc] { background: var(--bg-page); }

.ct__table tbody tr:hover > *[b-umc0xdx9zc] { background-color: color-mix(in srgb, var(--c-ink) 2.5%, var(--bg-page)); }

.ct__table tr.is-me > *[b-umc0xdx9zc],
.ct__table tbody.is-me > tr > *[b-umc0xdx9zc] { background: var(--c-cyan-tint); }
.ct__table tr.is-me > .ct__label[b-umc0xdx9zc],
.ct__table tbody.is-me .ct__label[b-umc0xdx9zc] { box-shadow: inset -4px 0 0 var(--c-cyan); }

.ct__table tr.is-selected > .ct__label[b-umc0xdx9zc] { font-weight: var(--fw-semibold); }

.ct__mytag[b-umc0xdx9zc] {
  display: inline-flex;
  align-items: center;
  block-size: 20px;
  padding-inline: 6px;
  margin-inline-start: var(--s-2);
  border-radius: 4px;
  background: var(--c-night);
  color: var(--c-white);
  font-size: var(--fs-12);
  font-weight: var(--fw-semibold);
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
}

.ct__table tfoot th[b-umc0xdx9zc],
.ct__table tfoot td[b-umc0xdx9zc] {
  font-weight: var(--fw-semibold);
  border-block-start: 1px solid var(--c-line-2);
  border-block-end: 0;
}

.ct__note[b-umc0xdx9zc] {
  margin-block-start: var(--s-2);
  font-size: var(--fs-14);
  color: var(--text-2);
  max-inline-size: 68ch;
}
.ct__note + .ct__note[b-umc0xdx9zc] { margin-block-start: var(--s-1); }

@media (max-width: 767px) {
  .ct__table[b-umc0xdx9zc] { font-size: var(--fs-14); }
  .ct__table th[b-umc0xdx9zc], .ct__table td[b-umc0xdx9zc] { padding: var(--s-3) var(--s-2); }
  .ct__label[b-umc0xdx9zc] { min-inline-size: 8rem; max-inline-size: 11rem; }
}
/* /Shared/Course/ElevationProfile.razor.rz.scp.css */
/* Elevation profile: a Night Ride panel, cyan line over a soft area, readout chip on a guide line. */
.ep[b-830ij2ow90] { margin: 0; }

.ep__scope[b-830ij2ow90] {
  margin-block-end: var(--s-2);
  font-size: var(--fs-14);
  font-weight: var(--fw-medium);
  color: var(--text-2);
}

.ep__chart[b-830ij2ow90] {
  position: relative;
  aspect-ratio: 3 / 1;
  border-radius: var(--r-md);
  background: var(--c-night);
  overflow: hidden;
  isolation: isolate;
}

.ep__svg[b-830ij2ow90] {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
}

.ep__grid[b-830ij2ow90] {
  stroke: var(--c-line-night);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.ep__area[b-830ij2ow90] { fill: var(--c-cyan); fill-opacity: 0.16; }

.ep__line[b-830ij2ow90] {
  fill: none;
  stroke: var(--c-cyan);
  stroke-width: 2.5;
  stroke-linejoin: round;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}

.ep__ylabel[b-830ij2ow90] {
  position: absolute;
  inset-inline-start: var(--s-3);
  transform: translateY(4px);   /* under its grid line, so the top label never meets the axis title */
  font-size: var(--fs-12);
  line-height: 1;
  color: var(--c-on-night-2);
  white-space: nowrap;
  pointer-events: none;
}

.ep__ytitle[b-830ij2ow90] {
  position: absolute;
  inset-block-start: var(--s-2);
  inset-inline-start: var(--s-3);
  font-size: var(--fs-12);
  line-height: 1.2;
  color: var(--c-on-night-2);
  pointer-events: none;
}

.ep__guide[b-830ij2ow90] {
  position: absolute;
  inset-block: 0;
  inline-size: 1px;
  background: rgba(255, 255, 255, 0.72);
  transform: translateX(50%);
  pointer-events: none;
}

.ep__dot[b-830ij2ow90] {
  position: absolute;
  inline-size: 12px;
  block-size: 12px;
  border-radius: 50%;
  background: var(--c-cyan);
  box-shadow: 0 0 0 2px var(--c-white), 0 0 0 5px rgba(25, 194, 230, 0.28);
  transform: translate(50%, -50%);
  pointer-events: none;
}

.ep__readout[b-830ij2ow90] {
  position: absolute;
  inset-block-start: 30px;
  z-index: 1;
  padding: 4px var(--s-2);
  border-radius: var(--r-xs);
  background: var(--c-white);
  color: var(--c-ink);
  font-size: var(--fs-13);
  font-weight: var(--fw-medium);
  line-height: 1.35;
  white-space: nowrap;
  box-shadow: var(--shadow-2);
  pointer-events: none;
}
.ep__readout--center[b-830ij2ow90] { transform: translateX(50%); }
.ep__readout--start[b-830ij2ow90] { transform: none; margin-inline-start: -6px; }
.ep__readout--end[b-830ij2ow90] { transform: translateX(100%); margin-inline-start: 6px; }

.ep__hit[b-830ij2ow90] {
  position: absolute;
  inset: 0;
  z-index: 2;
  cursor: crosshair;
  touch-action: pan-y;
  border-radius: var(--r-md);
}
.ep__hit:focus-visible[b-830ij2ow90] { outline: 3px solid var(--c-cyan); outline-offset: -3px; }

.ep__xaxis[b-830ij2ow90] {
  position: relative;
  block-size: 20px;
  margin-block-start: 6px;
  font-size: var(--fs-12);
  color: var(--text-3);
}

.ep__xtick[b-830ij2ow90] {
  position: absolute;
  inset-block-start: 0;
  transform: translateX(50%);
  white-space: nowrap;
  line-height: 1.4;
}
.ep__xtick--start[b-830ij2ow90] { transform: none; }
.ep__xtick--end[b-830ij2ow90] { transform: translateX(100%); }

.ep__xtitle[b-830ij2ow90] {
  font-size: var(--fs-12);
  color: var(--text-3);
  text-align: end;
}

.ep__range[b-830ij2ow90] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-1) var(--s-6);
  margin-block-start: var(--s-2);
  font-size: var(--fs-14);
  color: var(--text-2);
}

@media (max-width: 767px) {
  .ep__chart[b-830ij2ow90] { aspect-ratio: 2 / 1; }
  .ep__readout[b-830ij2ow90] { inset-block-start: 26px; font-size: var(--fs-12); }
}
/* /Shared/Course/VelodromeOval.razor.rz.scp.css */
.vo[b-ig0wuaplzy] {
  display: grid;
  align-content: center;
  gap: var(--s-3);
  margin: 0;
  padding: var(--s-5);
  border-radius: var(--r-lg);
  background: var(--bg-surface);
  box-shadow: inset 0 0 0 1px var(--c-line);
}
.vo__svg[b-ig0wuaplzy] { inline-size: 100%; max-inline-size: 360px; block-size: auto; margin-inline: auto; }
.vo__band[b-ig0wuaplzy] { fill: var(--d-track-tint); }
.vo__edge[b-ig0wuaplzy] { fill: none; stroke: var(--d-track-ink); stroke-width: 2; }
.vo__edge--inner[b-ig0wuaplzy] { stroke-width: 1.5; }
.vo__measure[b-ig0wuaplzy] { fill: none; stroke: var(--c-ink); stroke-width: 1; stroke-dasharray: 3 4; opacity: 0.55; }
.vo__finish[b-ig0wuaplzy] { stroke: var(--c-ink); stroke-width: 4; }
.vo__arrow[b-ig0wuaplzy] { fill: none; stroke: var(--c-ink); stroke-width: 2.5; stroke-linecap: round; }
.vo__arrow-head[b-ig0wuaplzy] { fill: none; stroke: var(--c-ink); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.vo__caption[b-ig0wuaplzy] {
  display: grid;
  gap: 2px;
  justify-items: center;
  text-align: center;
  font-size: var(--fs-14);
  color: var(--text-2);
}
/* /Shared/Events/EventActionBar.razor.rz.scp.css */
/* Phone only: a bar fixed to the bottom edge, revealed by the page script (class is-shown). */
.abar[b-bf6aabz6nd] {
    display: none;
}

@media (max-width: 767px) {
    .abar[b-bf6aabz6nd] {
        position: fixed;
        inset-inline: 0;
        inset-block-end: 0;
        z-index: var(--z-sticky);
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--s-3);
        padding: var(--s-3) var(--gutter) calc(var(--s-3) + env(safe-area-inset-bottom));
        background: var(--c-white);
        box-shadow: 0 -1px 0 var(--c-line), 0 -12px 28px -16px color-mix(in srgb, var(--c-night) 35%, transparent);
        transform: translateY(110%);
        visibility: hidden;
        transition: transform var(--dur-2) var(--ease-in), visibility 0s linear var(--dur-2);
    }

    .abar.is-shown[b-bf6aabz6nd] {
        transform: none;
        visibility: visible;
        transition: transform var(--dur-3) var(--ease-out), visibility 0s;
    }

    .abar__info[b-bf6aabz6nd] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 2px var(--s-2);
        min-inline-size: 0;
    }

    .abar__main[b-bf6aabz6nd] {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        color: var(--c-ink);
        font-weight: var(--fw-semibold);
    }

    .abar__fig[b-bf6aabz6nd] {
        font-family: var(--font-display);
        font-size: 1.75rem;
        line-height: 0.9;
    }

    .abar__sub[b-bf6aabz6nd] {
        inline-size: 100%;
        overflow: hidden;
        color: var(--c-ink-2);
        font-size: var(--fs-13);
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .abar__action[b-bf6aabz6nd] {
        flex: none;
    }
}
/* /Shared/Events/EventCard.razor.rz.scp.css */
/* A full event card for the strips: white surface, hairline frame, the kind's colour as a thin top rule. */
.ev-card[b-666ckxt52e] {
    position: relative;
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: var(--s-3);
    block-size: 100%;
    padding: var(--s-5);
    border: 1px solid var(--c-line);
    border-radius: var(--r-md);
    background: var(--bg-surface);
    box-shadow: inset 0 3px 0 var(--d, var(--c-line-2));
    transition: border-color var(--dur-1) ease;
}

.ev-card:hover[b-666ckxt52e] {
    border-color: var(--c-line-2);
}

.ev-card__head[b-666ckxt52e] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--s-4);
    align-items: center;
}

.ev-card[b-666ckxt52e]  .ev-card__date {
    inline-size: 56px;
    padding-inline-end: var(--s-4);
    border-inline-end: 1px solid var(--c-line);
}

.ev-card__title[b-666ckxt52e] {
    font-size: var(--fs-18);
    line-height: var(--lh-snug);
    text-wrap: balance;
}

.ev-card__title a[b-666ckxt52e] {
    color: inherit;
    text-decoration: none;
}

.ev-card__title a[b-666ckxt52e]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--r-md);
}

.ev-card__title a:hover[b-666ckxt52e] {
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.ev-card__title a:focus-visible[b-666ckxt52e] {
    outline: none;
}

.ev-card__title a:focus-visible[b-666ckxt52e]::after {
    outline: 3px solid var(--focus-ring);
    outline-offset: 2px;
}

.ev-card__action[b-666ckxt52e] {
    position: relative;
    z-index: var(--z-raised);
    padding-block-start: var(--s-1);
}
/* /Shared/Events/EventDateBlock.razor.rz.scp.css */
/* Date block (UI_DESIGN §5.5) - scoped additions, as Shared/Rider/RaceDateBlock: a range ("17–19") never breaks; its
   block grows past the fixed column (68px rows, 56px cards, 52px map card) instead. */
.date-block__day[b-3uo0pt2yvb] { white-space: nowrap; }
.date-block:has(.date-block__day--range)[b-3uo0pt2yvb] { min-inline-size: max-content; }
/* /Shared/Events/EventFacts.razor.rz.scp.css */
/* The facts grid: hairline-separated tiles, no boxes; the icon sits at the tile's start edge. */
.facts[b-lndb8qbj54] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--s-6);
    margin: 0;
    border-block-start: 1px solid var(--c-line-2);
}

.facts__tile[b-lndb8qbj54] {
    position: relative;
    display: grid;
    align-content: start;
    gap: 2px;
    padding-block: var(--s-5);
    padding-inline-start: 34px;
    border-block-end: 1px solid var(--c-line);
}

.facts__label[b-lndb8qbj54] {
    color: var(--text-2);
    font-size: var(--fs-14);
}

.facts__label[b-lndb8qbj54]  .facts__icon {
    position: absolute;
    inset-block-start: calc(var(--s-5) + 1px);
    inset-inline-start: 0;
    color: var(--text-3);
}

.facts__value[b-lndb8qbj54] {
    color: var(--text);
    font-weight: var(--fw-medium);
    overflow-wrap: anywhere;
}

@media (max-width: 767px) {
    .facts[b-lndb8qbj54] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: var(--s-4);
    }

    .facts__tile[b-lndb8qbj54] {
        padding-inline-start: 0;
        padding-block-start: calc(var(--s-5) + 28px);
    }
}
/* /Shared/Events/EventFees.razor.rz.scp.css */
/* The fees table and its phone cards. */
.fees__tier[b-3g045h6ol4] {
    min-inline-size: 128px;
}

td.fees__cell--pair[b-3g045h6ol4] {
    white-space: normal;
}

.fees__pair-price[b-3g045h6ol4] {
    white-space: nowrap;
}

.fees__tier-name[b-3g045h6ol4] {
    display: block;
    font-weight: var(--fw-semibold);
    margin-block-end: var(--s-1);
}

.fees__dates[b-3g045h6ol4] {
    color: var(--text-2);
    font-size: var(--fs-14);
    min-inline-size: 140px;
}

.fees__table th[b-3g045h6ol4] {
    white-space: normal;
}

.fees__pair[b-3g045h6ol4] {
    display: block;
    color: var(--text-3);
    font-size: var(--fs-12);
    font-weight: var(--fw-regular);
}

.fees__row--ended td[b-3g045h6ol4],
.fees__row--ended .fees__tier-name[b-3g045h6ol4] {
    color: var(--text-3);
}

td.fees__mine[b-3g045h6ol4] {
    background: var(--c-orange-tint);
    box-shadow: inset 0 -2px 0 var(--c-orange);
}

.fees__mine-tag[b-3g045h6ol4] {
    display: block;
    margin-block-start: 2px;
    color: var(--c-orange-ink);
    font-size: var(--fs-12);
    font-weight: var(--fw-semibold);
}

.fees__cards[b-3g045h6ol4],
.fees__legend[b-3g045h6ol4] {
    display: none;
}

.fees__notes[b-3g045h6ol4] {
    display: grid;
    gap: var(--s-2);
    margin-block-start: var(--s-4);
    color: var(--text-2);
    font-size: var(--fs-14);
    max-inline-size: 72ch;
}

.fees__notes strong[b-3g045h6ol4] {
    color: var(--text);
}

@media (max-width: 767px) {
    .fees__table[b-3g045h6ol4] {
        display: none;
    }

    .fees__cards[b-3g045h6ol4] {
        display: grid;
        gap: var(--s-3);
    }

    .fees__legend[b-3g045h6ol4] {
        display: block;
        margin-block-end: var(--s-3);
        color: var(--text-2);
        font-size: var(--fs-14);
    }

    .fees__card[b-3g045h6ol4] {
        padding: var(--s-4);
        border: 1px solid var(--c-line);
        border-radius: var(--r-md);
        background: var(--bg-surface);
    }

    .fees__card--current[b-3g045h6ol4] {
        border-color: var(--c-success-ink);
        box-shadow: inset 0 3px 0 var(--c-success-ink);
    }

    .fees__card--ended[b-3g045h6ol4] {
        padding-block: 0;
        background: transparent;
    }

    .fees__card-head[b-3g045h6ol4] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--s-2);
    }

    .fees__card-head .fees__tier-name[b-3g045h6ol4] {
        margin: 0;
    }

    .fees__card-toggle[b-3g045h6ol4] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        inline-size: 100%;
        min-block-size: var(--tap);
        color: var(--text-2);
        font-weight: var(--fw-medium);
    }

    .fees__card-toggle[aria-expanded="true"][b-3g045h6ol4]  .fees__chev {
        transform: rotate(180deg);
    }

    .fees__card-dates[b-3g045h6ol4] {
        margin-block: var(--s-2);
        color: var(--text-2);
        font-size: var(--fs-14);
    }

    .fees__card-prices[b-3g045h6ol4] {
        display: grid;
        gap: var(--s-1);
        margin: 0;
    }

    .fees__card-prices > div[b-3g045h6ol4] {
        display: flex;
        justify-content: space-between;
        gap: var(--s-4);
        padding-block: var(--s-1);
    }

    .fees__card-prices > div.fees__mine[b-3g045h6ol4] {
        margin-inline: calc(-1 * var(--s-2));
        padding-inline: var(--s-2);
        border-radius: var(--r-xs);
        background: var(--c-orange-tint);
    }

    .fees__card-prices dt[b-3g045h6ol4] {
        color: var(--text-2);
        font-size: var(--fs-14);
    }

    .fees__card-prices dd[b-3g045h6ol4] {
        font-weight: var(--fw-semibold);
        font-variant-numeric: tabular-nums;
        text-align: end;
    }

    .fees__card--ended .fees__card-dates[b-3g045h6ol4],
    .fees__card--ended .fees__card-prices[b-3g045h6ol4] {
        padding-inline: 0;
    }

    .fees__card--ended .fees__card-prices[b-3g045h6ol4] {
        padding-block-end: var(--s-3);
    }
}
/* /Shared/Events/EventHeats.razor.rz.scp.css */
/* The heats table (timing-board look) and its phone blocks. */
.heats__table[b-l6zqohdrp6] {
    margin-block-start: var(--s-2);
}

.heats__name[b-l6zqohdrp6] {
    font-weight: var(--fw-semibold);
    min-inline-size: 120px;
}

.heats__name > span:first-child[b-l6zqohdrp6] {
    margin-inline-end: var(--s-2);
}

.heats__cats[b-l6zqohdrp6] {
    color: var(--text-2);
    font-size: var(--fs-14);
    min-inline-size: 140px;
}

.heats__start[b-l6zqohdrp6] {
    min-inline-size: 5.5rem;
    font-variant-numeric: tabular-nums;
}

.heats__session[b-l6zqohdrp6] {
    white-space: nowrap;
}

.heats__extra[b-l6zqohdrp6] {
    min-inline-size: 6.5rem;
}

/* Long headers ("מחיר (חבר/ה, נוכחי)") wrap so the table fits the 8-column main area from 1024px. */
.heats__table th[b-l6zqohdrp6] {
    white-space: normal;
}

/* 1024-1279px: the main column is narrowest next to the registration panel - tighter cells keep the table whole. */
@media (min-width: 1024px) and (max-width: 1279px) {
    .heats__table th[b-l6zqohdrp6],
    .heats__table td[b-l6zqohdrp6] {
        padding-inline: var(--s-2);
    }
}

tr.is-mine[b-l6zqohdrp6] {
    background: color-mix(in srgb, var(--c-cyan-tint) 70%, transparent);
}

.heats__tag[b-l6zqohdrp6] {
    display: inline-flex;
    align-items: center;
    block-size: 22px;
    padding-inline: 7px;
    border-radius: var(--r-xs);
    font-size: var(--fs-12);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
    vertical-align: 1px;
}

.heats__tag--fit[b-l6zqohdrp6] {
    background: var(--c-cyan-tint);
    color: var(--c-cyan-ink);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c-cyan-ink) 35%, transparent);
}

.heats__tag--registered[b-l6zqohdrp6] {
    background: var(--c-success-tint);
    color: var(--c-success-ink);
}

.heats__tag--waitlist[b-l6zqohdrp6] {
    background: var(--c-sand-tint);
    color: var(--c-sand-ink);
}

.heats__list[b-l6zqohdrp6] {
    display: none;
}

.heats__notes[b-l6zqohdrp6] {
    display: grid;
    gap: var(--s-1);
    margin-block-start: var(--s-4);
    color: var(--text-2);
    font-size: var(--fs-14);
}

@media (max-width: 767px) {
    .heats__table[b-l6zqohdrp6] {
        display: none;
    }

    .heats__list[b-l6zqohdrp6] {
        display: block;
        border-block-start: 1px solid var(--c-line-2);
    }

    .heats__item[b-l6zqohdrp6] {
        display: grid;
        gap: var(--s-1);
        padding-block: var(--s-4);
        border-block-end: 1px solid var(--c-line);
    }

    .heats__item.is-mine[b-l6zqohdrp6] {
        margin-inline: calc(-1 * var(--s-3));
        padding-inline: var(--s-3);
        background: color-mix(in srgb, var(--c-cyan-tint) 70%, transparent);
    }

    .heats__item-name[b-l6zqohdrp6] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--s-2);
        font-weight: var(--fw-semibold);
        color: var(--text);
    }

    .heats__item-cats[b-l6zqohdrp6] {
        color: var(--text-2);
        font-size: var(--fs-14);
    }

    .heats__item-meta[b-l6zqohdrp6] {
        display: flex;
        flex-wrap: wrap;
        gap: 2px var(--s-4);
        font-size: var(--fs-14);
        color: var(--text-2);
    }

    .heats__item-price[b-l6zqohdrp6] {
        color: var(--text);
        font-weight: var(--fw-semibold);
    }
}
/* /Shared/Events/EventInfoLines.razor.rz.scp.css */
/* The text lines of an event card: venue, meta items, registration line, personal line, warning. */
.ev-lines[b-rhyhpk1kgu] {
    display: grid;
    gap: 6px;
    font-size: var(--fs-14);
    line-height: 1.45;
    color: var(--text-2);
}

/* Lines made of separate items (meta, registration): wrap with spacing, never "a · b · c" strings. */
.ev-lines__meta[b-rhyhpk1kgu],
.ev-lines__reg[b-rhyhpk1kgu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-1) var(--s-4);
}

/* Single-text lines with a leading icon. */
.ev-lines__venue[b-rhyhpk1kgu],
.ev-lines__personal[b-rhyhpk1kgu],
.ev-lines__warn[b-rhyhpk1kgu] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

.ev-lines__venue[b-rhyhpk1kgu] {
    color: var(--text);
    font-size: var(--fs-15);
}

.ev-lines[b-rhyhpk1kgu]  .icon {
    flex: none;
    margin-block-start: 2px;
    color: var(--text-3);
}

.ev-lines__item[b-rhyhpk1kgu] {
    display: inline-flex;
    align-items: flex-start;
    gap: 6px;
}

.ev-lines__price.is-personal[b-rhyhpk1kgu] {
    color: var(--text);
    font-weight: var(--fw-semibold);
}

.ev-lines__price.is-personal[b-rhyhpk1kgu]  .icon { color: var(--c-orange-ink); }

.ev-lines__personal[b-rhyhpk1kgu] {
    color: var(--c-success-ink);
    font-weight: var(--fw-medium);
}

.ev-lines__personal.is-mismatch[b-rhyhpk1kgu] { color: var(--text-2); }

.ev-lines__warn[b-rhyhpk1kgu] {
    color: var(--c-sand-ink);
    font-weight: var(--fw-medium);
}

.ev-lines__personal[b-rhyhpk1kgu]  .icon,
.ev-lines__warn[b-rhyhpk1kgu]  .icon { color: currentColor; }
/* /Shared/Events/EventMapCard.razor.rz.scp.css */
/* The map card: a light panel over the Night Ride map (it re-declares the light roles, UI_DESIGN §2.1). */
.ev-mapcard[b-t4cjq24ug2] {
    --bg-surface: var(--c-white);
    --text: var(--c-ink);
    --text-2: var(--c-ink-2);
    --text-3: var(--c-ink-3);
    --link: var(--c-ink);
    --focus-ring: var(--focus-ring-light);
    --c-line: color-mix(in srgb, var(--c-ink) 10%, transparent);
    --c-line-2: color-mix(in srgb, var(--c-ink) 16%, transparent);
    --c-line-strong: var(--c-ink-3);
    position: relative;
    display: grid;
    gap: var(--s-3);
    padding: var(--s-5);
    border-radius: var(--r-lg);
    background: var(--c-white);
    color: var(--c-ink);
    box-shadow: var(--shadow-3), inset 0 3px 0 var(--d, var(--c-line-2));
    color-scheme: light;
    animation: ev-mapcard-in-b-t4cjq24ug2 var(--dur-3) var(--ease-out) both;
}

@keyframes ev-mapcard-in-b-t4cjq24ug2 {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: none; }
}

.ev-mapcard__close[b-t4cjq24ug2] {
    position: absolute;
    inset-block-start: var(--s-2);
    inset-inline-end: var(--s-2);
    color: var(--c-ink-2);
}

.ev-mapcard__close:hover[b-t4cjq24ug2] { color: var(--c-ink); }

.ev-mapcard__head[b-t4cjq24ug2] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--s-4);
    align-items: center;
    padding-inline-end: var(--s-8);
}

.ev-mapcard[b-t4cjq24ug2]  .ev-mapcard__date {
    inline-size: 52px;
    padding-inline-end: var(--s-4);
    border-inline-end: 1px solid var(--c-line);
}

.ev-mapcard__title[b-t4cjq24ug2] {
    font-size: var(--fs-18);
    line-height: var(--lh-snug);
    color: var(--c-ink);
    text-wrap: balance;
}

.ev-mapcard__title a[b-t4cjq24ug2] {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, currentColor 30%, transparent);
    text-underline-offset: 0.2em;
}

.ev-mapcard__title a:hover[b-t4cjq24ug2] { text-decoration-color: currentColor; }

.ev-mapcard__actions[b-t4cjq24ug2] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-2) var(--s-3);
    padding-block-start: var(--s-1);
}

@media (max-width: 759.98px) {
    .ev-mapcard[b-t4cjq24ug2] {
        padding: var(--s-4);
        border-radius: var(--r-lg) var(--r-lg) var(--r-md) var(--r-md);
    }

    .ev-mapcard__actions[b-t4cjq24ug2]  .btn,
    .ev-mapcard__actions > .btn[b-t4cjq24ug2] {
        flex: 1 1 0;
    }
}

/* The card sits inside the map's .on-night root: undo the dark-surface variants of the kit for its contents. */
.ev-mapcard[b-t4cjq24ug2]  .badge-d {
    background: var(--d-tint, var(--c-chalk-2));
    color: var(--d-ink, var(--c-ink-2));
}

.ev-mapcard[b-t4cjq24ug2]  .badge--neutral {
    --badge-bg: var(--c-chalk-2);
    --badge-fg: var(--c-ink-2);
}

.ev-mapcard[b-t4cjq24ug2]  .btn--secondary,
.ev-mapcard .btn--secondary[b-t4cjq24ug2] {
    background: var(--c-white);
    color: var(--c-ink);
    border-color: var(--c-line-strong);
}

.ev-mapcard[b-t4cjq24ug2]  .btn--secondary:hover,
.ev-mapcard .btn--secondary:hover[b-t4cjq24ug2] {
    background: var(--c-white);
    border-color: var(--c-ink);
}

.ev-mapcard[b-t4cjq24ug2]  .btn[aria-disabled="true"] {
    background: var(--c-chalk-2);
    color: var(--c-ink-2);
}
/* /Shared/Events/EventOrganiser.razor.rz.scp.css */
.org[b-m16uu8btpu] {
    display: grid;
    margin: 0;
    border-block-start: 1px solid var(--c-line-2);
    max-inline-size: 640px;
}

.org__row[b-m16uu8btpu] {
    display: grid;
    grid-template-columns: 11rem minmax(0, 1fr);
    gap: var(--s-4);
    align-items: center;
    min-block-size: 52px;
    padding-block: var(--s-2);
    border-block-end: 1px solid var(--c-line);
}

.org__row dt[b-m16uu8btpu] {
    display: flex;
    align-items: center;
    gap: var(--s-2);
    color: var(--text-2);
    font-size: var(--fs-14);
}

.org__row dt[b-m16uu8btpu]  .icon {
    color: var(--text-3);
}

.org__row dd[b-m16uu8btpu] {
    color: var(--text);
    font-weight: var(--fw-medium);
}

.org__tap[b-m16uu8btpu] {
    display: inline-flex;
    align-items: center;
    min-block-size: var(--tap);
}

.org__help[b-m16uu8btpu] {
    margin-block-start: var(--s-4);
    color: var(--text-2);
}

@media (max-width: 479px) {
    .org__row[b-m16uu8btpu] {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
        padding-block: var(--s-3);
    }
}
/* /Shared/Events/EventPodiums.razor.rz.scp.css */
/* Podium cards: the timing-board vernacular - medal discs, names, equal-width times. */
.pods[b-5qjzip55au] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-5);
}

@media (min-width: 1440px) {
    .pods[b-5qjzip55au] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.pod[b-5qjzip55au] {
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: var(--s-3);
    padding: var(--s-5);
    border: 1px solid var(--c-line);
    border-radius: var(--r-md);
    background: var(--bg-surface);
}

.pod__title[b-5qjzip55au] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px var(--s-3);
    font-size: var(--fs-16);
}

.pod__count[b-5qjzip55au] {
    color: var(--text-3);
    font-size: var(--fs-14);
    font-weight: var(--fw-regular);
}

.pod__rows[b-5qjzip55au] {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
    border-block-start: 1px solid var(--c-line-2);
}

.pod__row[b-5qjzip55au] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--s-3);
    padding-block: var(--s-2);
    border-block-end: 1px solid var(--c-line);
}

.pod__row.is-me[b-5qjzip55au] {
    margin-inline: calc(-1 * var(--s-3));
    padding-inline: var(--s-3);
    background: var(--c-cyan-tint);
    box-shadow: inset -4px 0 0 var(--c-cyan);
}

.pod__row .medal[b-5qjzip55au] {
    inline-size: 36px;
    block-size: 36px;
    font-size: 1.5rem;
}

.pod__who[b-5qjzip55au] {
    display: grid;
    min-inline-size: 0;
}

.pod__name[b-5qjzip55au] {
    font-size: var(--fs-15);
}

.pod__club[b-5qjzip55au] {
    color: var(--text-2);
    font-size: var(--fs-13);
}

.pod__time[b-5qjzip55au] {
    display: grid;
    justify-items: end;
    font-size: var(--fs-15);
    font-weight: var(--fw-semibold);
}

.pod__gap[b-5qjzip55au] {
    color: var(--text-2);
    font-size: var(--fs-13);
    font-weight: var(--fw-regular);
}

.pod__all[b-5qjzip55au] {
    justify-self: start;
    display: inline-flex;
    align-items: center;
    min-block-size: var(--tap);
    font-size: var(--fs-14);
    font-weight: var(--fw-medium);
}

@media (max-width: 767px) {
    .pods[b-5qjzip55au] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--s-4);
    }

    .pod[b-5qjzip55au] {
        padding: var(--s-4);
    }
}
/* /Shared/Events/EventRegulations.razor.rz.scp.css */
/* The regulations accordion: prose inside each item, the open/close-all text button above it. */
.regs[b-asd525heco] {
    display: grid;
    gap: var(--s-2);
}

.regs__toggle[b-asd525heco] {
    justify-self: start;
}

/* A #reg-{key} deep link lands below the sticky anchor bar (desktop). */
.regs[b-asd525heco]  .accordion__item {
    scroll-margin-block-start: 32px;
}

@media (max-width: 1023px) {
    .regs[b-asd525heco]  .accordion__item {
        scroll-margin-block-start: 0;
    }
}

.regs__content[b-asd525heco],
.regs__bare[b-asd525heco] {
    display: grid;
    gap: var(--s-3);
    max-inline-size: 72ch;
    color: var(--text-2);
    font-size: var(--fs-15);
    line-height: 1.6;
}

.regs__content[b-asd525heco]  ul,
.regs__content[b-asd525heco]  ol,
.regs__bare[b-asd525heco]  ul,
.regs__bare[b-asd525heco]  ol {
    display: grid;
    gap: var(--s-1);
    margin: 0;
    padding-inline-start: 1.25em;
}

.regs__content[b-asd525heco]  strong,
.regs__bare[b-asd525heco]  strong {
    color: var(--text);
    font-weight: var(--fw-semibold);
}
/* /Shared/Events/EventRequirements.razor.rz.scp.css */
.req__summary[b-i5vkgs229r] {
    display: flex;
    align-items: flex-start;
    gap: var(--s-3);
    margin-block-end: var(--s-4);
    padding: var(--s-3) var(--s-4);
    border-radius: var(--r-md);
    background: var(--c-success-tint);
    color: var(--c-ink);
    font-size: var(--fs-15);
}

.req__summary[b-i5vkgs229r]  .icon {
    flex: none;
    margin-block-start: 2px;
    color: var(--c-success-ink);
}

.req__summary.is-warn[b-i5vkgs229r] {
    background: var(--c-sand-tint);
}

.req__summary.is-warn[b-i5vkgs229r]  .icon {
    color: var(--c-sand-ink);
}

.req__summary.is-fail[b-i5vkgs229r] {
    background: var(--c-danger-tint);
}

.req__summary.is-fail[b-i5vkgs229r]  .icon {
    color: var(--c-danger-ink);
}

.req__summary-title[b-i5vkgs229r] {
    font-weight: var(--fw-semibold);
}

.req__summary .link[b-i5vkgs229r] {
    font-weight: var(--fw-semibold);
}

.req__label[b-i5vkgs229r] {
    font-weight: var(--fw-semibold);
    white-space: nowrap;
}

.req__value[b-i5vkgs229r] {
    color: var(--text-2);
    font-size: var(--fs-15);
    min-inline-size: 200px;
}

.req__list[b-i5vkgs229r] {
    display: none;
}

.req__guest[b-i5vkgs229r] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-3) var(--s-4);
    margin-block-start: var(--s-4);
    color: var(--text-2);
}

@media (max-width: 767px) {
    .req__table[b-i5vkgs229r] {
        display: none;
    }

    .req__list[b-i5vkgs229r] {
        display: block;
        border-block-start: 1px solid var(--c-line-2);
    }

    .req__item[b-i5vkgs229r] {
        display: grid;
        gap: var(--s-1);
        padding-block: var(--s-3);
        border-block-end: 1px solid var(--c-line);
    }

    .req__item-label[b-i5vkgs229r] {
        font-weight: var(--fw-semibold);
    }

    .req__item-value[b-i5vkgs229r] {
        color: var(--text-2);
        font-size: var(--fs-15);
    }

    .req__guest .btn[b-i5vkgs229r] {
        inline-size: 100%;
    }
}
/* /Shared/Events/EventRiders.razor.rz.scp.css */
/* The rider list: count line, controls, a timing-board table (phones: two-line rows), paging. */
.riders__count[b-udigd4eo9d] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-1) var(--s-4);
    color: var(--text);
    font-weight: var(--fw-medium);
}

.riders__sep[b-udigd4eo9d] {
    position: relative;
    padding-inline-start: var(--s-4);
    color: var(--text-2);
    font-weight: var(--fw-regular);
}

.riders__sep[b-udigd4eo9d]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block: 0.3em;
    inline-size: 1px;
    background: var(--c-line-2);
}

.riders__note[b-udigd4eo9d] {
    margin-block-start: var(--s-2);
    color: var(--text-2);
    font-size: var(--fs-14);
    max-inline-size: 68ch;
}

.riders__empty[b-udigd4eo9d] {
    color: var(--text-2);
}

.riders__controls[b-udigd4eo9d] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-4);
    margin-block: var(--s-5) var(--s-4);
}

.riders__controls .field + .field[b-udigd4eo9d] {
    margin-block-start: 0;
}

.riders__search[b-udigd4eo9d] {
    flex: 1 1 260px;
    max-inline-size: 420px;
}

.riders__heat[b-udigd4eo9d] {
    flex: 0 1 300px;
}

.riders__name[b-udigd4eo9d] {
    font-weight: var(--fw-regular);
}

.riders__heat-cell[b-udigd4eo9d] {
    color: var(--text-2);
    font-size: var(--fs-14);
}

.riders__list[b-udigd4eo9d] {
    display: none;
}

.riders__none[b-udigd4eo9d] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 var(--s-3);
    padding-block: var(--s-4);
    color: var(--text-2);
}

.riders__more[b-udigd4eo9d] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-3);
    margin-block-start: var(--s-4);
    color: var(--text-2);
    font-size: var(--fs-14);
}

@media (max-width: 767px) {
    .riders__table[b-udigd4eo9d] {
        display: none;
    }

    .riders__list[b-udigd4eo9d] {
        display: block;
        border-block-start: 1px solid var(--c-line-2);
    }

    .riders__item[b-udigd4eo9d] {
        position: relative;
        display: grid;
        gap: 2px;
        min-block-size: 56px;
        padding-block: var(--s-2);
        border-block-end: 1px solid var(--c-line);
    }

    .riders__item.is-me[b-udigd4eo9d] {
        margin-inline: calc(-1 * var(--s-3));
        padding-inline: var(--s-3);
        background: var(--c-cyan-tint);
        box-shadow: inset -4px 0 0 var(--c-cyan);
    }

    .riders__item-sub[b-udigd4eo9d] {
        color: var(--text-2);
        font-size: var(--fs-14);
    }

    .riders__controls[b-udigd4eo9d] {
        flex-direction: column;
    }

    .riders__search[b-udigd4eo9d],
    .riders__heat[b-udigd4eo9d] {
        flex: none;
        max-inline-size: none;
    }

    .riders__more .btn[b-udigd4eo9d] {
        inline-size: 100%;
    }
}
/* /Shared/Events/EventRow.razor.rz.scp.css */
/* A start-list row (the kit's .start-row) with the event kind's colour on the date block's hairline. */
.ev-row[b-60g3mhhcvv]  .ev-row__date {
    border-inline-end: 3px solid var(--d, var(--c-line));
    padding-inline-end: var(--s-5);
}

.ev-row .start-row__main[b-60g3mhhcvv] {
    gap: var(--s-3);
}

.ev-row .start-row__title[b-60g3mhhcvv] {
    font-size: var(--fs-20);
}

.ev-row .start-row__aside[b-60g3mhhcvv] {
    min-inline-size: 168px;
}

@media (max-width: 767px) {
    .ev-row[b-60g3mhhcvv]  .ev-row__date {
        padding-inline-end: var(--s-4);
    }

    .ev-row .start-row__title[b-60g3mhhcvv] {
        font-size: var(--fs-18);
    }

    .ev-row .start-row__aside[b-60g3mhhcvv] {
        min-inline-size: 0;
    }
}

/* selected on the map (v2): a soft blue tint and the federation blue along the start edge */
.ev-row[b-60g3mhhcvv] {
    scroll-margin-block: calc(var(--header-h) + var(--s-6));
    transition: background-color var(--dur-3) ease, box-shadow var(--dur-3) ease;
}

.ev-row.is-selected[b-60g3mhhcvv] {
    background: color-mix(in srgb, var(--c-brand-blue) 7%, var(--bg-surface));
    box-shadow: inset -3px 0 0 var(--c-brand-blue);   /* RTL: the start edge is on the right */
}
/* /Shared/Events/EventSchedule.razor.rz.scp.css */
/* The schedule as a vertical timeline: a hairline spine with a dot per row, the time column at the start. */
.sched[b-ycn6ammntu] {
    display: grid;
    gap: var(--s-2);
}

.sched__day[b-ycn6ammntu] {
    margin-block: var(--s-4) var(--s-1);
    font-size: var(--fs-16);
}

.sched__day:first-child[b-ycn6ammntu] {
    margin-block-start: 0;
}

.sched__list[b-ycn6ammntu] {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sched__row[b-ycn6ammntu] {
    position: relative;
    display: grid;
    grid-template-columns: 8.5rem minmax(0, 1fr);
    gap: var(--s-5);
    padding-block: var(--s-3);
}

/* The spine and the dot sit between the time column and the text. */
.sched__row[b-ycn6ammntu]::before {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline-start: calc(8.5rem + var(--s-5) / 2);
    inline-size: 1px;
    background: var(--c-line-2);
}

.sched__row:first-child[b-ycn6ammntu]::before {
    inset-block-start: 50%;
}

.sched__row:last-child[b-ycn6ammntu]::before {
    inset-block-end: 50%;
}

.sched__row:only-child[b-ycn6ammntu]::before {
    display: none;
}

.sched__row[b-ycn6ammntu]::after {
    content: "";
    position: absolute;
    inset-block-start: calc(var(--s-3) + 0.55em);
    inset-inline-start: calc(8.5rem + var(--s-5) / 2 - 4px);
    inline-size: 9px;
    block-size: 9px;
    border-radius: 50%;
    background: var(--bg-page);
    box-shadow: inset 0 0 0 2px var(--c-ink-2);
}

.sched__time[b-ycn6ammntu] {
    display: grid;
    align-content: start;
    gap: 2px;
    color: var(--text);
    font-weight: var(--fw-semibold);
    font-variant-numeric: tabular-nums;
}

.sched__date[b-ycn6ammntu] {
    font-weight: var(--fw-semibold);
}

.sched__time bdi[b-ycn6ammntu] {
    justify-self: start;
}

.sched__text[b-ycn6ammntu] {
    padding-inline-start: var(--s-3);
    color: var(--text-2);
}

@media (max-width: 767px) {
    .sched__row[b-ycn6ammntu] {
        grid-template-columns: 6.25rem minmax(0, 1fr);
        gap: var(--s-4);
    }

    .sched__row[b-ycn6ammntu]::before {
        inset-inline-start: calc(6.25rem + var(--s-4) / 2);
    }

    .sched__row[b-ycn6ammntu]::after {
        inset-inline-start: calc(6.25rem + var(--s-4) / 2 - 4px);
    }

    .sched__time[b-ycn6ammntu] {
        font-size: var(--fs-15);
    }
}
/* /Shared/Events/EventStrip.razor.rz.scp.css */
.strip[b-8o5smbl1of] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-5);
}

.strip__head[b-8o5smbl1of] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--s-3);
}

.strip__all[b-8o5smbl1of] {
    display: inline-flex;
    align-items: center;
    min-block-size: var(--tap);
    font-weight: var(--fw-medium);
}

.strip__all--below[b-8o5smbl1of] {
    display: none;
}

.strip__list[b-8o5smbl1of] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--s-5);
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (max-width: 899px) {
    .strip__head .strip__all[b-8o5smbl1of] {
        display: none;
    }

    .strip__all--below[b-8o5smbl1of] {
        display: inline-flex;
        justify-self: start;
    }

    .strip__list[b-8o5smbl1of] {
        display: flex;
        gap: var(--s-3);
        margin-inline: calc(-1 * var(--gutter));
        padding: 2px var(--gutter) var(--s-3);
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: var(--gutter);
        scrollbar-width: none;
    }

    .strip__list[b-8o5smbl1of]::-webkit-scrollbar {
        display: none;
    }

    .strip__item[b-8o5smbl1of] {
        flex: 0 0 85%;
        max-inline-size: 360px;
        scroll-snap-align: start;
    }
}
/* /Shared/Events/Occupancy.razor.rz.scp.css */
.occ[b-vjz8j20045] {
    display: grid;
    gap: var(--s-2);
}

.occ__text[b-vjz8j20045] {
    color: var(--text-2);
    font-size: var(--fs-14);
    font-variant-numeric: tabular-nums;
}
/* /Shared/Events/PastMyResult.razor.rz.scp.css */
/* The rider's own result: the place in Karantina beside the facts; the cyan "my row" marker on the edge. */
.pmr[b-g7br28ssb0] {
    display: grid;
    gap: var(--s-4);
    padding: var(--s-6);
    border-radius: var(--r-lg);
    background: var(--bg-surface);
    box-shadow: var(--shadow-1), inset -4px 0 0 var(--c-cyan);
}

.pmr__title[b-g7br28ssb0] {
    font-size: var(--fs-h3);
}

.pmr__body[b-g7br28ssb0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--s-7);
    align-items: start;
}

.pmr__place[b-g7br28ssb0] {
    display: grid;
    justify-items: center;
    min-inline-size: 104px;
    padding-inline-end: var(--s-7);
    border-inline-end: 1px solid var(--c-line);
    text-align: center;
}

.pmr__label[b-g7br28ssb0] {
    color: var(--text-2);
    font-size: var(--fs-14);
}

.pmr__fig[b-g7br28ssb0] {
    font-family: var(--font-display);
    font-size: var(--fs-figure-xl);
    font-weight: var(--fw-bold);
    line-height: 0.9;
    color: var(--text);
}

.pmr__fig--code[b-g7br28ssb0] {
    font-family: var(--font-text);
    font-size: var(--fs-28);
}

.pmr__of[b-g7br28ssb0] {
    color: var(--text-2);
    font-size: var(--fs-15);
}

.pmr__facts[b-g7br28ssb0] {
    display: grid;
    gap: var(--s-3);
}

.pmr__cat[b-g7br28ssb0] {
    font-weight: var(--fw-semibold);
    font-size: var(--fs-18);
}

.pmr__badges:empty[b-g7br28ssb0] {
    display: none;
}

.pmr__kv[b-g7br28ssb0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: var(--s-3) var(--s-6);
    margin: 0;
}

.pmr__kv dt[b-g7br28ssb0] {
    color: var(--text-2);
    font-size: var(--fs-14);
}

.pmr__kv dd[b-g7br28ssb0] {
    font-weight: var(--fw-semibold);
    font-size: var(--fs-16);
}

.pmr__prov[b-g7br28ssb0] {
    margin-inline-start: var(--s-2);
    color: var(--c-sand-ink);
    font-size: var(--fs-13);
    font-weight: var(--fw-semibold);
}

.pmr__link[b-g7br28ssb0] {
    justify-self: start;
    display: inline-flex;
    align-items: center;
    min-block-size: var(--tap);
    font-weight: var(--fw-semibold);
}

@media (max-width: 767px) {
    .pmr[b-g7br28ssb0] {
        padding: var(--s-5);
    }

    .pmr__body[b-g7br28ssb0] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--s-4);
    }

    .pmr__place[b-g7br28ssb0] {
        grid-template-columns: auto auto auto;
        align-items: baseline;
        justify-content: start;
        gap: var(--s-2);
        padding: 0 0 var(--s-4);
        border-inline-end: 0;
        border-block-end: 1px solid var(--c-line);
    }
}
/* /Shared/Events/RegistrationPanel.razor.rz.scp.css */
/* The registration panel: a true sub-surface (.panel). The price is the one big figure, set like a timing board. */
.rp[b-ej9m7u0rq6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-4);
    border-block-start: 4px solid var(--d, var(--c-night));
}

.rp__head[b-ej9m7u0rq6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-2) var(--s-3);
}

.rp__title[b-ej9m7u0rq6] {
    font-size: var(--fs-22);
    font-weight: var(--fw-semibold);
}

.rp__statusrow[b-ej9m7u0rq6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-2);
}

.rp__status[b-ej9m7u0rq6] {
    color: var(--text);
    font-weight: var(--fw-medium);
    font-size: var(--fs-15);
    inline-size: 100%;
}

.rp__line[b-ej9m7u0rq6] {
    color: var(--text);
    font-size: var(--fs-15);
}

.rp__text[b-ej9m7u0rq6] {
    color: var(--text-2);
    font-size: var(--fs-14);
    line-height: 1.5;
}

/* "80 ₪" in Karantina, the note in Plex. */
.rp__price[b-ej9m7u0rq6] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 var(--s-2);
    margin-block: var(--s-1);
}

.rp__price-pre[b-ej9m7u0rq6] {
    color: var(--text-2);
    font-size: var(--fs-15);
    margin-inline-end: -4px;
}

.rp__fig[b-ej9m7u0rq6] {
    font-family: var(--font-display);
    font-size: clamp(3rem, 2.4rem + 1.6vw, 3.75rem);
    font-weight: var(--fw-bold);
    line-height: 0.85;
    color: var(--text);
}

.rp__cur[b-ej9m7u0rq6] {
    font-size: var(--fs-20);
    font-weight: var(--fw-semibold);
    color: var(--text);
}

.rp__price-note[b-ej9m7u0rq6] {
    inline-size: 100%;
    margin-block-start: var(--s-2);
    color: var(--text-2);
    font-size: var(--fs-14);
}

/* Registered: label / value rows. */
.rp__kv[b-ej9m7u0rq6] {
    display: grid;
    gap: var(--s-3);
    margin: 0;
}

.rp__kv > div[b-ej9m7u0rq6] {
    display: grid;
    grid-template-columns: 7.5em minmax(0, 1fr);
    gap: var(--s-3);
    padding-block-end: var(--s-3);
    border-block-end: 1px solid var(--c-line);
}

.rp__kv > div:last-child[b-ej9m7u0rq6] {
    padding-block-end: 0;
    border-block-end: 0;
}

.rp__kv dt[b-ej9m7u0rq6] {
    color: var(--text-2);
    font-size: var(--fs-14);
}

.rp__kv dd[b-ej9m7u0rq6] {
    color: var(--text);
    font-weight: var(--fw-medium);
    font-size: var(--fs-15);
}

.rp__notice p + .link[b-ej9m7u0rq6] {
    display: inline-block;
    margin-block-start: var(--s-1);
    font-weight: var(--fw-semibold);
}

.rp__actions[b-ej9m7u0rq6] {
    display: grid;
    gap: var(--s-3);
    margin-block-start: var(--s-1);
}

.rp__actions[b-ej9m7u0rq6]  .rp__calendar {
    display: block;
}

.rp__cancel[b-ej9m7u0rq6],
.rp__other[b-ej9m7u0rq6] {
    justify-self: center;
    font-size: var(--fs-15);
}

.rp__cancel[b-ej9m7u0rq6] {
    color: var(--c-danger-ink);
}

.rp__other[b-ej9m7u0rq6] {
    display: inline-flex;
    align-items: center;
    min-block-size: var(--tap);
}

@media (max-width: 479px) {
    .rp__kv > div[b-ej9m7u0rq6] {
        grid-template-columns: minmax(0, 1fr);
        gap: 2px;
    }
}
/* /Shared/Events/ReminderSwitch.razor.rz.scp.css */
.rs[b-z8cbny5lj0] {
    display: grid;
    gap: var(--s-1);
}

.rs__switch[b-z8cbny5lj0] {
    inline-size: 100%;
    justify-content: flex-start;
    font-size: var(--fs-15);
}

.rs__on[b-z8cbny5lj0] {
    color: var(--c-success-ink);
    font-size: var(--fs-14);
    font-weight: var(--fw-medium);
}

.rs__demo[b-z8cbny5lj0] {
    color: var(--text-3);
    font-size: var(--fs-13);
}
/* /Shared/Events/RequirementMark.razor.rz.scp.css */
.rm[b-exchsbkz7b] {
    display: inline-flex;
    align-items: flex-start;
    gap: 6px;
    font-size: var(--fs-14);
    line-height: 1.4;
}

.rm[b-exchsbkz7b]  .icon {
    flex: none;
    margin-block-start: 2px;
}

.rm__text[b-exchsbkz7b] {
    display: grid;
}

.rm__label[b-exchsbkz7b] {
    font-weight: var(--fw-semibold);
}

.rm__detail[b-exchsbkz7b] {
    color: var(--text-2);
}

.rm--ok[b-exchsbkz7b] { color: var(--c-success-ink); }
.rm--warn[b-exchsbkz7b] { color: var(--c-sand-ink); }
.rm--fail[b-exchsbkz7b] { color: var(--c-danger-ink); }
.rm--notRequired[b-exchsbkz7b],
.rm--none[b-exchsbkz7b] { color: var(--text-2); }

.rm--notRequired .rm__label[b-exchsbkz7b],
.rm--none .rm__label[b-exchsbkz7b] {
    font-weight: var(--fw-medium);
}
/* /Shared/Events/RequirementsSummary.razor.rz.scp.css */
.rq[b-6mnmcutrlm] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    font-size: var(--fs-14);
    font-weight: var(--fw-medium);
}

.rq[b-6mnmcutrlm]  .icon {
    flex: none;
    margin-block-start: 3px;
}

.rq--ok[b-6mnmcutrlm] {
    color: var(--c-success-ink);
}

.rq--warn[b-6mnmcutrlm] {
    color: var(--c-sand-ink);
}

.rq--warn .link[b-6mnmcutrlm] {
    color: var(--c-sand-ink);
}
/* /Shared/Events/TierNote.razor.rz.scp.css */
.tn[b-wz6bsj5344] {
    display: grid;
    gap: 2px;
    color: var(--text-2);
    font-size: var(--fs-14);
}

.tn__next[b-wz6bsj5344] {
    color: var(--text);
    font-weight: var(--fw-semibold);
}
/* /Shared/Events/TierTag.razor.rz.scp.css */
.tt[b-e6rpxj2c3t] {
    display: inline-flex;
    align-items: center;
    block-size: 22px;
    padding-inline: 7px;
    border-radius: var(--r-xs);
    font-size: var(--fs-12);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
}

.tt--current[b-e6rpxj2c3t] {
    background: var(--c-success-tint);
    color: var(--c-success-ink);
}

.tt--ended[b-e6rpxj2c3t] {
    background: var(--c-chalk-2);
    color: var(--c-ink-2);
}

.tt--later[b-e6rpxj2c3t] {
    box-shadow: inset 0 0 0 1px var(--c-line-2);
    color: var(--c-ink-2);
}

.tt__until[b-e6rpxj2c3t] {
    display: block;
    margin-block-start: 2px;
    color: var(--text-2);
    font-size: var(--fs-13);
    font-weight: var(--fw-regular);
}
/* /Shared/Info/ClosingBand.razor.rz.scp.css */
.closing__panel[b-bcl7vmfg0j] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-radius: var(--r-xl);
    background: var(--c-night);
    overflow: hidden;
    isolation: isolate;
}

.closing__body[b-bcl7vmfg0j] {
    position: relative;
    display: grid;
    align-content: center;
    justify-items: start;
    gap: var(--s-4);
    padding: clamp(28px, 1rem + 3vw, 64px);
}

.closing__title[b-bcl7vmfg0j] {
    font-family: var(--font-display);
    font-size: var(--fs-display-sm);
    font-weight: var(--fw-bold);
    line-height: var(--lh-display);
    color: var(--c-on-night);
    max-inline-size: 16ch;
}

.closing__text[b-bcl7vmfg0j] {
    max-inline-size: 46ch;
    color: var(--c-on-night-2);
    font-size: var(--fs-lead);
    line-height: 1.55;
}

.closing__actions[b-bcl7vmfg0j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-3) var(--s-5);
    margin-block-start: var(--s-3);
}

.closing__media[b-bcl7vmfg0j] {
    aspect-ratio: 16 / 9;
    background: var(--c-night-2);
}

.closing__media img[b-bcl7vmfg0j] {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
}

@media (min-width: 900px) {
    .closing--image .closing__panel[b-bcl7vmfg0j] {
        grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
        min-block-size: 360px;
    }

    .closing--image .closing__media[b-bcl7vmfg0j] {
        order: 2;                /* the end (left) side */
        aspect-ratio: auto;
    }
}

@media (max-width: 767px) {
    .closing__actions[b-bcl7vmfg0j] {
        flex-direction: column;
        align-items: stretch;
        inline-size: 100%;
    }

    .closing__actions[b-bcl7vmfg0j]  .btn { inline-size: 100%; }
}
/* /Shared/Info/ContactDetails.razor.rz.scp.css */
.cdetails[b-v1mckh9qzu] {
    border-radius: var(--r-lg);
    background: var(--c-white);
    box-shadow: var(--shadow-1);
    overflow: hidden;
}

.cdetails__media[b-v1mckh9qzu] {
    aspect-ratio: 2 / 1;
    background: var(--c-chalk-2);
    overflow: hidden;
}

.cdetails__pic[b-v1mckh9qzu] { display: block; block-size: 100%; }

.cdetails__media img[b-v1mckh9qzu] {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    object-position: 40% 62%;
}

.cdetails__body[b-v1mckh9qzu] {
    display: grid;
    gap: var(--s-5);
    padding: var(--s-6);
    container-type: inline-size;
}

.cdetails__title[b-v1mckh9qzu] { font-size: var(--fs-h3); }

.cdetails__list[b-v1mckh9qzu] { border-block-start: 1px solid var(--c-line); }

/* Each row: the small label (dt) over the value (dd); the icon (inside dt) is centred at the start edge. */
.cdetails__row[b-v1mckh9qzu] {
    position: relative;
    display: grid;
    align-content: center;
    gap: 2px;
    min-block-size: 64px;
    padding-block: var(--s-3);
    padding-inline-start: calc(40px + var(--s-3));
    border-block-end: 1px solid var(--c-line);
}

.cdetails__icon[b-v1mckh9qzu] {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 50%;
    display: grid;
    place-items: center;
    inline-size: 40px;
    block-size: 40px;
    margin-block-start: -20px;
    border-radius: var(--r-sm);
    background: var(--c-chalk);
    color: var(--c-ink);
}

.cdetails__label[b-v1mckh9qzu] {
    color: var(--text-3);
    font-size: var(--fs-13);
    font-weight: var(--fw-medium);
    line-height: 1.3;
}

.cdetails__value[b-v1mckh9qzu] {
    margin: 0;
    color: var(--text);
    font-size: var(--fs-16);
    font-weight: var(--fw-medium);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.cdetails__link[b-v1mckh9qzu] {
    color: inherit;
    font-weight: var(--fw-semibold);
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, currentColor 35%, transparent);
    text-underline-offset: 0.25em;
}

/* The whole row is the tap target for phone and e-mail. */
.cdetails__link[b-v1mckh9qzu]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--r-sm);
}

.cdetails__row--link:hover[b-v1mckh9qzu] { background: color-mix(in srgb, var(--c-chalk) 60%, transparent); }
.cdetails__row--link:hover .cdetails__link[b-v1mckh9qzu] { text-decoration-color: currentColor; }
.cdetails__link:focus-visible[b-v1mckh9qzu] { outline: none; }
.cdetails__link:focus-visible[b-v1mckh9qzu]::after { outline: 3px solid var(--focus-ring); outline-offset: -3px; }

/* The two navigation links: side by side when the card is wide enough for both labels on one line, else stacked. */
.cdetails__nav[b-v1mckh9qzu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-3);
}

@container (min-width: 460px) {
    .cdetails__nav[b-v1mckh9qzu] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.cdetails__navbtn[b-v1mckh9qzu] { padding-inline: var(--s-4); }

.cdetails__social[b-v1mckh9qzu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-2) var(--s-4);
}

.cdetails__social-title[b-v1mckh9qzu] {
    color: var(--text-2);
    font-size: var(--fs-15);
    font-weight: var(--fw-semibold);
}

.cdetails__social-list[b-v1mckh9qzu] {
    display: flex;
    gap: var(--s-2);
}

.cdetails__social-link[b-v1mckh9qzu] { color: var(--c-ink); }

@media (max-width: 767px) {
    .cdetails__media[b-v1mckh9qzu] { aspect-ratio: 5 / 2; }
    .cdetails__body[b-v1mckh9qzu] { padding: var(--s-5); }
}
/* /Shared/Info/ContactForm.razor.rz.scp.css */
.cform[b-19ik8k1tv2] {
    padding: clamp(20px, 1rem + 1.6vw, 36px);
    border-radius: var(--r-lg);
    background: var(--c-white);
    box-shadow: var(--shadow-1);
}

.cform__title[b-19ik8k1tv2] { font-size: var(--fs-h3); }

.cform__helper[b-19ik8k1tv2] {
    margin-block-start: var(--s-1);
    color: var(--text-2);
    font-size: var(--fs-15);
}

.cform__prefill[b-19ik8k1tv2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-block-start: var(--s-3);
    padding: 6px 10px;
    border-radius: var(--r-sm);
    background: var(--c-cyan-tint);
    color: var(--c-cyan-ink);
    font-size: var(--fs-14);
    font-weight: var(--fw-medium);
}

.cform__form[b-19ik8k1tv2] {
    display: grid;
    margin-block-start: var(--s-6);
}

.cform__form > .field + .field[b-19ik8k1tv2] { margin-block-start: var(--s-5); }

/* Topic: a radio group drawn as two chips (native radios: arrow keys move between them). */
.cform__topics[b-19ik8k1tv2] { min-inline-size: 0; }

.cform__chips[b-19ik8k1tv2] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-2);
    margin-block-start: 2px;
}

.cform__chip[b-19ik8k1tv2] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-block-size: 44px;
    padding-inline: var(--s-4);
    border: 1px solid var(--c-line-strong);
    border-radius: var(--r-pill);
    background: var(--c-white);
    color: var(--c-ink);
    font-size: var(--fs-15);
    font-weight: var(--fw-medium);
    line-height: 1.3;
    cursor: pointer;
    transition: border-color var(--dur-1) ease, background-color var(--dur-1) ease;
}

.cform__chip:hover[b-19ik8k1tv2] { border-color: var(--c-ink-2); }

.cform__chip input[b-19ik8k1tv2] {
    position: absolute;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.cform__chip[b-19ik8k1tv2]  .cform__chip-check { display: none; color: var(--c-orange-ink); }

.cform__chip:has(input:checked)[b-19ik8k1tv2] {
    border-color: var(--c-orange);
    background: var(--c-orange-tint);
    font-weight: var(--fw-semibold);
}

.cform__chip:has(input:checked)[b-19ik8k1tv2]  .cform__chip-check { display: inline-block; }

.cform__chip:has(input:focus-visible)[b-19ik8k1tv2] {
    outline: 3px solid var(--focus-ring);
    outline-offset: 3px;
}

.cform__chip:has(input[aria-invalid="true"])[b-19ik8k1tv2] { border-color: var(--c-danger-ink); }

.cform__count[b-19ik8k1tv2] {
    color: var(--text-3);
    font-size: var(--fs-13);
    text-align: end;
}

.cform__consent .checkbox[b-19ik8k1tv2] { inline-size: 100%; }

.cform__policy[b-19ik8k1tv2] {
    color: var(--c-ink);
    font-weight: var(--fw-semibold);
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.cform__summary[b-19ik8k1tv2] {
    display: flex;
    align-items: center;
    gap: var(--s-2);
    margin-block-start: var(--s-5);
    padding: var(--s-3) var(--s-4);
    border-start-start-radius: 4px;
    border-end-start-radius: 4px;
    border-start-end-radius: var(--r-md);
    border-end-end-radius: var(--r-md);
    border-inline-start: 4px solid var(--c-danger-ink);
    background: var(--c-danger-tint);
    color: var(--c-danger-ink);
    font-size: var(--fs-15);
    font-weight: var(--fw-semibold);
}

.cform__submit[b-19ik8k1tv2] {
    justify-self: start;
    min-inline-size: 180px;
    margin-block-start: var(--s-6);
}

/* ---- Success state (replaces the form inside the same card) ------------------------------------------ */
.cform__done[b-19ik8k1tv2] {
    display: grid;
    justify-items: start;
    gap: var(--s-3);
    padding-block: var(--s-4);
}

.cform__done-icon[b-19ik8k1tv2] {
    display: grid;
    place-items: center;
    inline-size: 72px;
    block-size: 72px;
    margin-block-end: var(--s-2);
    border-radius: 50%;
    background: var(--c-success-tint);
    color: var(--c-success-ink);
    animation: done-disc-b-19ik8k1tv2 var(--dur-4) var(--ease-out) both;
}

/* The check draws itself once - the motion answers the "שליחה" press (instant under reduced motion). */
.cform__done-check[b-19ik8k1tv2] {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    animation: done-check-b-19ik8k1tv2 var(--dur-5) var(--ease-out) 120ms forwards;
}

@keyframes done-disc-b-19ik8k1tv2 { from { opacity: 0; transform: scale(0.8); } to { opacity: 1; transform: none; } }
@keyframes done-check-b-19ik8k1tv2 { to { stroke-dashoffset: 0; } }

.cform__done-title[b-19ik8k1tv2] {
    font-family: var(--font-display);
    font-size: var(--fs-display-sm);
    font-weight: var(--fw-bold);
    line-height: var(--lh-display);
}

.cform__done-text[b-19ik8k1tv2] {
    max-inline-size: 52ch;
    font-size: var(--fs-16);
    line-height: 1.6;
}

.cform__done-ref[b-19ik8k1tv2] {
    color: var(--text-2);
    font-size: var(--fs-15);
}

.cform__done-ref bdi[b-19ik8k1tv2] {
    color: var(--text);
    font-weight: var(--fw-semibold);
}

.cform__done-actions[b-19ik8k1tv2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-3) var(--s-5);
    margin-block-start: var(--s-3);
}

.cform__home[b-19ik8k1tv2] {
    display: inline-flex;
    align-items: center;
    min-block-size: var(--tap);
    color: var(--c-ink);
    font-weight: var(--fw-semibold);
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, currentColor 35%, transparent);
    text-underline-offset: 0.25em;
}

.cform__home:hover[b-19ik8k1tv2] { text-decoration-color: currentColor; }

@media (max-width: 767px) {
    .cform__submit[b-19ik8k1tv2] { justify-self: stretch; inline-size: 100%; }
    .cform__done-actions .btn[b-19ik8k1tv2] { inline-size: 100%; }
}

/* An invalid field keeps a visible focus halo (the kit's invalid style would otherwise replace the focus ring). */
.input[aria-invalid="true"]:focus[b-19ik8k1tv2],
.textarea[aria-invalid="true"]:focus[b-19ik8k1tv2] {
    box-shadow: inset 0 0 0 1px var(--c-danger-ink), 0 0 0 3px color-mix(in srgb, var(--c-danger-ink) 26%, transparent);
}
/* /Shared/Info/DocChecklist.razor.rz.scp.css */
.docs[b-9o89v686ic] {
    display: grid;
    gap: var(--s-5);
}

/* Progress: the count, one segment per document (the selected-state orange), and the live status line. */
.docs__progress[b-9o89v686ic] {
    display: grid;
    gap: var(--s-2);
    align-content: start;
}

.docs__count[b-9o89v686ic] { display: none; }

.docs__bar[b-9o89v686ic] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: 4px;
    max-inline-size: 320px;
}

.docs__seg[b-9o89v686ic] {
    block-size: 6px;
    border-radius: 3px;
    background: var(--c-line-2);
    transition: background-color var(--dur-3) var(--ease-out);
}

.docs__seg.is-on[b-9o89v686ic] { background: var(--c-orange); }

.docs__status[b-9o89v686ic] {
    font-size: var(--fs-15);
    font-weight: var(--fw-semibold);
    color: var(--text);
}

.docs__progress.is-complete .docs__status[b-9o89v686ic] { color: var(--c-success-ink); }

.docs__list[b-9o89v686ic] {
    max-inline-size: 760px;
    border-block-start: 1px solid var(--c-line-2);
}

.docs__row[b-9o89v686ic] {
    border-block-end: 1px solid var(--c-line);
    transition: background-color var(--dur-1) ease;
}

/* The whole row is the label: a full-width target. */
.docs__check[b-9o89v686ic] {
    display: flex;
    inline-size: 100%;
    padding: var(--s-4) var(--s-3);
    border-radius: var(--r-md);
}

.docs__check:hover[b-9o89v686ic] { background: color-mix(in srgb, var(--c-white) 70%, transparent); }

/* The kit positions the native input over the box; keep it on the box in this taller row. */
.docs__check input[b-9o89v686ic] { inset-inline-start: var(--s-3); inset-block-start: calc(var(--s-4) + 1px); }

.docs__text[b-9o89v686ic] {
    display: grid;
    gap: 4px;
}

.docs__head[b-9o89v686ic] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px var(--s-2);
}

.docs__name[b-9o89v686ic] {
    font-size: var(--fs-16);
    font-weight: var(--fw-semibold);
    color: var(--text);
}

.docs__desc[b-9o89v686ic] {
    color: var(--text-2);
    font-size: var(--fs-15);
    line-height: 1.55;
}

/* Below the description, aligned with the text (row padding + box 22px + gap 12px). */
.docs__link[b-9o89v686ic] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-block-size: var(--tap);
    margin-block: calc(-1 * var(--s-3)) var(--s-2);
    margin-inline-start: calc(var(--s-3) + 22px + var(--s-3));
    color: var(--c-ink);
    font-size: var(--fs-15);
    font-weight: var(--fw-semibold);
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, currentColor 35%, transparent);
    text-underline-offset: 0.25em;
}

.docs__link:hover[b-9o89v686ic] { text-decoration-color: currentColor; }
.docs__link .icon[b-9o89v686ic] { color: var(--text-2); }

/* Wide screens: list at the start, a small progress card beside it that stays in view. */
@media (min-width: 1100px) {
    .docs[b-9o89v686ic] {
        grid-template-columns: minmax(0, 760px) minmax(260px, 1fr);
        grid-template-areas: "list progress";
        gap: var(--s-10);
        align-items: start;
    }

    .docs__list[b-9o89v686ic] { grid-area: list; }

    .docs__progress[b-9o89v686ic] {
        grid-area: progress;
        position: sticky;
        inset-block-start: calc(var(--header-h-compact) + 60px + var(--s-6));
        gap: var(--s-3);
        max-inline-size: 340px;
        padding: var(--s-6);
        border-radius: var(--r-lg);
        background: var(--c-white);
        box-shadow: var(--shadow-1);
    }

    .docs__count[b-9o89v686ic] {
        display: flex;
        align-items: baseline;
        gap: var(--s-2);
    }

    .docs__figure[b-9o89v686ic] {
        font-family: var(--font-display);
        font-size: var(--fs-figure-xl);
        font-weight: var(--fw-bold);
        line-height: 0.85;
        color: var(--c-ink);
    }

    .docs__of[b-9o89v686ic] {
        color: var(--text-2);
        font-size: var(--fs-18);
        font-weight: var(--fw-medium);
    }

    .docs__bar[b-9o89v686ic] { max-inline-size: none; }
}
/* /Shared/Info/LevelCards.razor.rz.scp.css */
/* Level comparison cards. Desktop: 4 columns whose rows line up across the cards (subgrid: head, tag, the four
   labelled rows, footer = 7 rows). Tablet: 2 × 2. Phone: a scroll-snap strip that scrolls inside itself. */
.levels__list[b-jrvtph2lt0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--s-4);
}

.level[b-jrvtph2lt0] {
    display: grid;
    grid-row: span 7;
    grid-template-rows: subgrid;
    row-gap: 0;
    padding: var(--s-6) var(--s-5) var(--s-5);
    border-radius: var(--r-lg);
    background: var(--c-white);
    box-shadow: var(--shadow-1);
    min-inline-size: 0;
}

.level__head[b-jrvtph2lt0] {
    display: grid;
    align-content: start;
    gap: var(--s-3);
}

.level__climb[b-jrvtph2lt0] { color: var(--c-ink); }
.level__climb-ground[b-jrvtph2lt0] { fill: none; stroke: var(--c-line-2); stroke-width: 1.5; }
.level__climb-line[b-jrvtph2lt0] { fill: none; stroke: currentColor; stroke-width: 2.25; stroke-linecap: round; stroke-linejoin: round; }

.level__title[b-jrvtph2lt0] {
    font-size: var(--fs-h3);
    line-height: 1.3;
    text-wrap: balance;
}

.level__tag[b-jrvtph2lt0] { padding-block: var(--s-2) var(--s-4); }

.level__rows[b-jrvtph2lt0] {
    display: grid;
    grid-row: span 4;
    grid-template-rows: subgrid;
    row-gap: 0;
    margin: 0;
}

.level__row[b-jrvtph2lt0] {
    display: grid;
    align-content: start;
    gap: 2px;
    padding-block: var(--s-3);
    border-block-start: 1px solid var(--c-line);
}

.level__row dt[b-jrvtph2lt0] {
    color: var(--text-3);
    font-size: var(--fs-13);
    font-weight: var(--fw-medium);
}

.level__row dd[b-jrvtph2lt0] {
    color: var(--text);
    font-size: var(--fs-15);
    font-weight: var(--fw-medium);
    line-height: 1.45;
}

.level__foot[b-jrvtph2lt0] { padding-block-start: var(--s-2); }

.level__footer[b-jrvtph2lt0] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: var(--s-2) var(--s-3);
    border-radius: var(--r-sm);
    background: var(--c-cyan-tint);
    color: var(--c-cyan-ink);
    font-size: var(--fs-14);
    font-weight: var(--fw-semibold);
    line-height: 1.35;
}

.levels__counter[b-jrvtph2lt0] { display: none; }

@supports not (grid-template-rows: subgrid) {
    .level[b-jrvtph2lt0] { display: flex; flex-direction: column; }
    .level__rows[b-jrvtph2lt0] { display: block; }
    .level__foot[b-jrvtph2lt0] { margin-block-start: auto; }
}

@media (max-width: 1099px) {
    .levels__list[b-jrvtph2lt0] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
    .levels__list[b-jrvtph2lt0] {
        display: flex;
        gap: var(--s-3);
        margin-inline: calc(-1 * var(--gutter));
        padding: 4px var(--gutter) var(--s-3);
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: var(--gutter);
        scrollbar-width: none;
    }

    .levels__list[b-jrvtph2lt0]::-webkit-scrollbar { display: none; }

    .levels__list:focus-visible[b-jrvtph2lt0] { outline-offset: -3px; border-radius: var(--r-lg); }

    .level[b-jrvtph2lt0] {
        display: flex;
        flex-direction: column;
        flex: 0 0 85%;
        scroll-snap-align: start;
    }

    .level__rows[b-jrvtph2lt0] { display: block; }
    .level__foot[b-jrvtph2lt0] { margin-block-start: auto; }

    .levels__counter[b-jrvtph2lt0] {
        display: block;
        margin-block-start: var(--s-2);
        color: var(--text-2);
        font-size: var(--fs-14);
        font-weight: var(--fw-medium);
        text-align: center;
    }
}
/* /Shared/Info/NumbersStrip.razor.rz.scp.css */
/* The numbers strip: Night Ride, white Karantina figures, cyan qualifiers, hairline columns - a results board. */
.numbers[b-hcayj04v4j] {
    position: relative;
    padding-block: clamp(48px, 2rem + 4vw, 96px);
    background: var(--c-night);
    overflow: hidden;
    isolation: isolate;
}

/* The finish line of a timing board: one thin chequered strip along the top edge (decorative). */
.numbers[b-hcayj04v4j]::before {
    content: "";
    position: absolute;
    inset-inline: 0;
    inset-block-start: 0;
    block-size: 6px;
    background:
        linear-gradient(90deg, var(--c-night-3) 50%, transparent 50%) 0 0 / 12px 3px repeat-x,
        linear-gradient(90deg, transparent 50%, var(--c-night-3) 50%) 0 3px / 12px 3px repeat-x;
    opacity: 0.9;
    z-index: -1;
}

.numbers__title[b-hcayj04v4j] {
    color: var(--c-on-night);
    font-size: var(--fs-h2);
}

.numbers__list[b-hcayj04v4j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-block-start: clamp(24px, 1rem + 2vw, 48px);
    border-block: 1px solid var(--c-line-night);
}

.numbers__item[b-hcayj04v4j] {
    display: grid;
    align-content: start;
    gap: var(--s-1);
    padding: var(--s-6) var(--s-6) var(--s-7);
    border-inline-start: 1px solid var(--c-line-night);
}

.numbers__item:first-child[b-hcayj04v4j] {
    border-inline-start: 0;
    padding-inline-start: 0;
}

.numbers__qualifier[b-hcayj04v4j] {
    color: var(--c-cyan);
    font-size: var(--fs-16);
    font-weight: var(--fw-medium);
    line-height: 1.3;
}

.numbers__figure[b-hcayj04v4j] {
    font-family: var(--font-display);
    font-size: clamp(5rem, 2.6rem + 7vw, 10rem);
    font-weight: var(--fw-bold);
    line-height: 0.82;
    color: var(--c-on-night);
}

.numbers__label[b-hcayj04v4j] {
    margin-block-start: var(--s-2);
    color: var(--c-on-night-2);
    font-size: var(--fs-18);
    font-weight: var(--fw-medium);
    line-height: 1.35;
}

.numbers__caption[b-hcayj04v4j] {
    margin-block-start: var(--s-4);
    color: var(--c-on-night-3);
    font-size: var(--fs-14);
}

@media (max-width: 767px) {
    .numbers__list[b-hcayj04v4j] { grid-template-columns: minmax(0, 1fr); }

    .numbers__item[b-hcayj04v4j] {
        justify-items: center;
        padding: var(--s-6) 0;
        border-inline-start: 0;
        border-block-start: 1px solid var(--c-line-night);
        text-align: center;
    }

    .numbers__item:first-child[b-hcayj04v4j] { border-block-start: 0; }

    .numbers__title[b-hcayj04v4j],
    .numbers__caption[b-hcayj04v4j] { text-align: center; }
}
/* /Shared/Info/PersonCard.razor.rz.scp.css */
.person[b-59hbch0u68] {
    display: grid;
    align-content: start;
    justify-items: start;
    gap: var(--s-2);
    min-inline-size: 0;
}

.person__photo[b-59hbch0u68] {
    display: grid;
    place-items: center;
    inline-size: 100%;
    aspect-ratio: 1;
    margin-block-end: var(--s-2);
    border-radius: var(--r-md);
    background: var(--c-chalk-2);
    overflow: hidden;
}

.person__photo img[b-59hbch0u68] {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
}

.person__initials[b-59hbch0u68] {
    font-family: var(--font-display);
    font-size: clamp(3rem, 2rem + 3vw, 4.5rem);
    font-weight: var(--fw-bold);
    line-height: 1;
    color: var(--c-ink-2);
}

.person__name[b-59hbch0u68] {
    font-size: var(--fs-18);
    line-height: 1.3;
}

/* The role wraps to two lines at most (phones), then is clamped. */
.person__role[b-59hbch0u68] {
    color: var(--text-2);
    font-size: var(--fs-15);
    line-height: 1.45;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}
/* /Shared/Info/PriceCard.razor.rz.scp.css */
/* A price card. In the fees grid the cards share their row tracks (subgrid: title, new rider, renewal), so the
   "רוכב/ת חדש/ה" and "חידוש רישום" rows line up across the cards whatever the title length or a campaign note. */
.price-card[b-sq6zrev8qg] {
    display: grid;
    grid-row: span 3;
    grid-template-rows: subgrid;
    row-gap: 0;
    padding: var(--s-6);
    border-radius: var(--r-lg);
    background: var(--c-white);
    box-shadow: var(--shadow-1);
}

.price-card__title[b-sq6zrev8qg] {
    padding-block-end: var(--s-4);
    font-size: var(--fs-16);
    font-weight: var(--fw-semibold);
    line-height: 1.4;
    color: var(--text);
    text-wrap: balance;
}

.price-card__rows[b-sq6zrev8qg] {
    display: grid;
    grid-row: span 2;
    grid-template-rows: subgrid;
    row-gap: 0;
    margin: 0;
}

.price-card__row[b-sq6zrev8qg] {
    display: grid;
    align-content: start;
    gap: 2px;
    padding-block: var(--s-3);
    border-block-start: 1px solid var(--c-line);
}

.price-card__label[b-sq6zrev8qg] {
    color: var(--text-2);
    font-size: var(--fs-14);
}

.price-card__value[b-sq6zrev8qg] { margin: 0; }

.price[b-sq6zrev8qg] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 6px;
}

.price__figure[b-sq6zrev8qg] {
    font-family: var(--font-display);
    font-size: clamp(2.5rem, 2.1rem + 1vw, 3rem);
    font-weight: var(--fw-bold);
    line-height: 1;
    color: var(--text);
}

.price__figure--text[b-sq6zrev8qg] { font-size: clamp(2.125rem, 1.8rem + 0.8vw, 2.5rem); }

.price__unit[b-sq6zrev8qg] {
    font-size: var(--fs-18);
    font-weight: var(--fw-semibold);
    color: var(--text-2);
}

.price__mark[b-sq6zrev8qg] {
    font-size: var(--fs-20);
    font-weight: var(--fw-semibold);
    color: var(--text);
}

.price__note[b-sq6zrev8qg] {
    flex-basis: 100%;
    color: var(--text-2);
    font-size: var(--fs-14);
}

@supports not (grid-template-rows: subgrid) {
    .price-card[b-sq6zrev8qg] { grid-template-rows: auto 1fr; }
    .price-card__rows[b-sq6zrev8qg] { display: block; }
}
/* /Shared/Info/ProcedureStep.razor.rz.scp.css */
/* A step of the vertical timeline: the number sits on a dashed "road" line that runs down the start (right) side
   to the next step - the route to a rider card. */
.pstep[b-332nyz182r] {
    position: relative;
    display: grid;
    grid-template-columns: var(--pstep-marker, 64px) minmax(0, 1fr);
    gap: var(--s-6);
    padding-block-end: var(--s-9);
}

.pstep:last-child[b-332nyz182r] { padding-block-end: 0; }

/* The road between this step's number and the next one (decorative). */
.pstep:not(:last-child)[b-332nyz182r]::before {
    content: "";
    position: absolute;
    inset-block: calc(var(--pstep-marker, 64px) + 10px) 10px;
    inset-inline-start: calc(var(--pstep-marker, 64px) / 2 - 1px);
    inline-size: 2px;
    background: repeating-linear-gradient(to bottom, var(--c-ink-3) 0 10px, transparent 10px 20px);
    opacity: 0.55;
}

.pstep__marker[b-332nyz182r] {
    display: grid;
    place-items: center;
    inline-size: var(--pstep-marker, 64px);
    block-size: var(--pstep-marker, 64px);
    border-radius: 50%;
    background: var(--c-night);
    color: var(--c-on-night);
    font-family: var(--font-display);
    font-size: calc(var(--pstep-marker, 64px) * 0.62);
    font-weight: var(--fw-bold);
    line-height: 1;
    padding-block-start: 0.08em;     /* Karantina's figures sit a little high */
}

.pstep__body[b-332nyz182r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);    /* long unbreakable content never widens the column */
    align-content: start;
    gap: var(--s-3);
    padding-block-start: calc(var(--pstep-marker, 64px) / 2 - 0.85em);
    min-inline-size: 0;
}

.pstep__title[b-332nyz182r] {
    font-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
    line-height: 1.3;
}

@media (max-width: 767px) {
    .pstep[b-332nyz182r] {
        --pstep-marker: 48px;
        gap: var(--s-4);
        padding-block-end: var(--s-8);
    }
}
/* /Shared/Info/SectionNav.razor.rz.scp.css */
/* Sticky in-page section nav (Join). It sits under the fixed header: 72px, 60px once the header turns compact. */
.section-nav[b-006ux87iwb] {
    position: sticky;
    inset-block-start: var(--header-h);
    z-index: var(--z-sticky);
    border-block: 1px solid var(--c-line);
    background: color-mix(in srgb, var(--c-chalk) 88%, transparent);
    -webkit-backdrop-filter: saturate(1.4) blur(14px);
    backdrop-filter: saturate(1.4) blur(14px);
    transition: inset-block-start var(--dur-3) var(--ease-out);
}

html[data-header-compact="true"] .section-nav[b-006ux87iwb] {
    inset-block-start: var(--header-h-compact);
}

.section-nav__inner[b-006ux87iwb] {
    display: flex;
    align-items: center;
    gap: var(--s-5);
    min-block-size: 60px;
}

.section-nav__title[b-006ux87iwb] {
    flex-shrink: 0;
    font-size: var(--fs-14);
    font-weight: var(--fw-semibold);
    color: var(--text-2);
}

.section-nav__list[b-006ux87iwb] {
    display: flex;
    flex: 1;
    gap: var(--s-2);
    min-inline-size: 0;
    padding-block: 8px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
}

.section-nav__list[b-006ux87iwb]::-webkit-scrollbar { display: none; }

.section-nav__item[b-006ux87iwb] { flex-shrink: 0; }

.section-nav__link[b-006ux87iwb] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-block-size: 40px;
    padding-inline: var(--s-4);
    border: 1px solid var(--c-line-2);
    border-radius: var(--r-pill);
    background: var(--c-white);
    color: var(--c-ink);
    font-size: var(--fs-15);
    font-weight: var(--fw-medium);
    text-decoration: none;
    white-space: nowrap;
    touch-action: manipulation;
    transition: border-color var(--dur-1) ease, background-color var(--dur-2) ease;
}

.section-nav__link[b-006ux87iwb]::after {          /* 44px hit area */
    content: "";
    position: absolute;
    inset: -2px 0;
}

.section-nav__link:hover[b-006ux87iwb] { border-color: var(--c-line-strong); }

/* The row scrolls, so an outer ring would be clipped: draw it inside. */
.section-nav__link:focus-visible[b-006ux87iwb] {
    outline-offset: -3px;
    border-radius: var(--r-pill);
}

/* The section being read: the selected-chip look (orange tint + border) plus weight, never colour alone. */
.section-nav__link[aria-current="true"][b-006ux87iwb] {
    border-color: var(--c-orange);
    background: var(--c-orange-tint);
    font-weight: var(--fw-semibold);
}

@media (max-width: 767px) {
    .section-nav__title[b-006ux87iwb] { display: none; }

    .section-nav__inner[b-006ux87iwb] { min-block-size: 56px; }

    /* A soft fade at the end edge says the row continues. */
    .section-nav__list[b-006ux87iwb] {
        -webkit-mask-image: linear-gradient(to left, transparent 0, black 28px);
        mask-image: linear-gradient(to left, transparent 0, black 28px);
        padding-inline-end: 28px;
    }
}
/* /Shared/Info/StaticMap.razor.rz.scp.css */
.smap[b-kle28wahk1] {
    position: relative;
    margin: 0;
}

.smap__link[b-kle28wahk1] {
    position: relative;
    display: block;
    aspect-ratio: var(--smap-ratio, 16 / 9);
    border-radius: var(--r-lg);
    background: var(--c-chalk-2);
    box-shadow: inset 0 0 0 1px var(--c-line);
    overflow: hidden;
    color: var(--c-ink);
    text-decoration: none;
}

/* Natural size, centred: the office is the image centre, so the pin stays on it at any crop. */
.smap__img[b-kle28wahk1] {
    inline-size: 100%;
    block-size: 100%;
    object-fit: none;
    object-position: 50% 50%;
}

.smap__pin[b-kle28wahk1] {
    position: absolute;
    left: 50%;                       /* a measured position: the image centre (direction-agnostic) */
    top: 50%;
    transform: translate(-50%, -100%);
    filter: drop-shadow(0 3px 4px rgba(10, 21, 48, 0.35));
    pointer-events: none;
}

.smap__pin svg[b-kle28wahk1] { display: block; }
.smap__pin-body[b-kle28wahk1] { fill: var(--c-orange); stroke: var(--c-night); stroke-width: 1.5; }
.smap__pin-dot[b-kle28wahk1] { fill: var(--c-night); }

/* A quiet chip that says what the image does, at the bottom start corner. */
.smap__action[b-kle28wahk1] {
    position: absolute;
    inset-block-end: var(--s-3);
    inset-inline-start: var(--s-3);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: var(--r-pill);
    background: var(--c-white);
    box-shadow: var(--shadow-1);
    font-size: var(--fs-13);
    font-weight: var(--fw-semibold);
    transition: box-shadow var(--dur-1) ease;
}

.smap__link:hover .smap__action[b-kle28wahk1] { box-shadow: var(--shadow-2); text-decoration: underline; }

.smap__link:focus-visible[b-kle28wahk1] { outline-offset: 3px; }

.smap__credit[b-kle28wahk1] {
    margin-block-start: var(--s-2);
    color: var(--text-3);
    font-size: var(--fs-12);
    text-align: end;
}

.smap__fallback[b-kle28wahk1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-2);
    aspect-ratio: var(--smap-ratio, 16 / 9);
    padding: var(--s-5);
    border-radius: var(--r-lg);
    background: var(--c-chalk-2);
    color: var(--c-ink);
    font-weight: var(--fw-semibold);
    text-align: center;
    text-decoration: underline;
    text-underline-offset: 0.25em;
}

@media (max-width: 767px) {
    .smap[b-kle28wahk1] { --smap-ratio: 4 / 3; }
}
/* /Shared/Landing/LandingVideo.razor.rz.scp.css */
/* Full-screen loop under the transparent header. The pictures and videos fill the screen (cover); the only things on
   top are a light shade in the bottom start corner behind the title and buttons, the title and buttons themselves,
   and the slim partner strip along the bottom edge. */
.lv[b-1pflv61dot] {
    position: relative;
    block-size: 100svh;
    min-block-size: 480px;
    overflow: hidden;
    background: #11161d;   /* behind the first still while it decodes */
    isolation: isolate;
}

.lv__media[b-1pflv61dot] { position: absolute; inset: 0; z-index: 0; }   /* own stacking context for the two videos */

.lv__still[b-1pflv61dot],
.lv__video[b-1pflv61dot] {
    position: absolute;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.lv__still[b-1pflv61dot] { z-index: 0; opacity: 0; transition: opacity 1200ms ease; }
.lv__still.is-active[b-1pflv61dot] { opacity: 1; }

/* the incoming video gets z-index 2 (inline), the outgoing one 1; it fades in over it, as both show the same picture */
.lv__video[b-1pflv61dot] { z-index: 1; opacity: 0; transition: opacity 320ms linear; pointer-events: none; }
.lv__video.is-front[b-1pflv61dot] { opacity: 1; }

/* legibility without a box: a soft dark corner behind the bottom-start text (RTL: bottom right) */
.lv__shade[b-1pflv61dot] {
    position: absolute;
    inset: 0;
    z-index: 20;
    pointer-events: none;
    background: radial-gradient(110% 75% at 100% 100%, rgba(6, 10, 18, 0.58) 0%, rgba(6, 10, 18, 0.28) 38%, rgba(6, 10, 18, 0) 66%);
}

.lv__content[b-1pflv61dot] {
    position: absolute;
    z-index: 30;
    inset-inline-start: max(var(--gutter), 4vw);
    inset-block-end: calc(var(--lv-strip-h, 64px) + clamp(24px, 5vh, 56px) + env(safe-area-inset-bottom));
    max-inline-size: min(640px, calc(100% - 2 * var(--gutter)));
}

.lv__bottom[b-1pflv61dot] {
    position: absolute;
    z-index: 30;
    inset-inline: 0;
    inset-block-end: 0;
}

@media (max-width: 639px) {
    .lv[b-1pflv61dot] { --lv-strip-h: 56px; }
    .lv__shade[b-1pflv61dot] {
        background: linear-gradient(to top, rgba(6, 10, 18, 0.6) 0%, rgba(6, 10, 18, 0.3) 34%, rgba(6, 10, 18, 0) 58%);
    }
}

/* phones in landscape and other short screens: fit title, buttons and strip on one screen */
@media (max-height: 479px) {
    .lv[b-1pflv61dot] { min-block-size: 0; }
    .lv__content[b-1pflv61dot] { inset-block-end: calc(var(--lv-strip-h, 64px) + 16px + env(safe-area-inset-bottom)); }
}

@media (prefers-reduced-motion: reduce) {
    .lv__still[b-1pflv61dot] { transition-duration: 1600ms; }
}
/* /Shared/Results/MyResultCard.razor.rz.scp.css */
/* "התוצאה שלך": a true sub-surface (white panel) with the cyan "my result" edge; the place is the hero figure. */
.mrc[b-ge3ydoebo0] {
  padding: var(--s-6) var(--s-7) var(--s-7);
  border-radius: var(--r-lg);
  background: var(--bg-surface);
  box-shadow: inset -4px 0 0 var(--c-cyan), var(--shadow-1);
}
.mrc__title[b-ge3ydoebo0] { font-size: var(--fs-h3); }

.mrc__body[b-ge3ydoebo0] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: var(--s-7);
  align-items: start;
  margin-block-start: var(--s-4);
}

.mrc__place[b-ge3ydoebo0] {
  display: grid;
  gap: var(--s-2);
  justify-items: start;
  min-inline-size: 168px;
  padding-inline-end: var(--s-7);
  border-inline-end: 1px solid var(--c-line);
}
.mrc__category[b-ge3ydoebo0] { font-weight: var(--fw-semibold); line-height: 1.35; }
.mrc__figure[b-ge3ydoebo0] { display: grid; justify-items: start; line-height: 1; }
.mrc__figure-label[b-ge3ydoebo0] { font-size: var(--fs-14); color: var(--text-2); }
.mrc__figure-num[b-ge3ydoebo0] {
  margin-block: 2px;
  font-family: var(--font-display);
  font-weight: var(--fw-bold);
  font-size: var(--fs-figure-xl);
  line-height: 0.85;
  color: var(--text);
}
.mrc__figure--status .mrc__figure-num[b-ge3ydoebo0] { font-size: var(--fs-figure); text-decoration: none; }
.mrc__figure-of[b-ge3ydoebo0] { font-size: var(--fs-15); color: var(--text-2); }
.mrc__podium[b-ge3ydoebo0] { display: inline-flex; align-items: center; gap: var(--s-2); font-weight: var(--fw-semibold); color: var(--c-sand-ink); }
.mrc__podium .medal[b-ge3ydoebo0] { inline-size: 32px; block-size: 32px; font-size: 1.625rem; }

.mrc__kv[b-ge3ydoebo0] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, max-content));
  gap: var(--s-3) var(--s-8);
  margin: 0;
}
.mrc__kv > div[b-ge3ydoebo0] { display: grid; gap: 2px; min-inline-size: 0; }
.mrc__kv dt[b-ge3ydoebo0] { font-size: var(--fs-13); color: var(--text-3); }
.mrc__kv dd[b-ge3ydoebo0] { font-size: var(--fs-18); font-weight: var(--fw-semibold); font-variant-numeric: tabular-nums; }
.mrc__kv .mrc__kv-wide[b-ge3ydoebo0] { grid-column: 1 / -1; }
.mrc__kv .mrc__kv-wide dd[b-ge3ydoebo0] { font-size: var(--fs-15); font-weight: var(--fw-regular); color: var(--text); }

.mrc__points[b-ge3ydoebo0] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px var(--s-4);
  margin-block-start: var(--s-4);
  padding-block-start: var(--s-4);
  border-block-start: 1px solid var(--c-line);
  font-weight: var(--fw-medium);
}

.mrc__stages[b-ge3ydoebo0] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(136px, 1fr));
  gap: var(--s-2);
  margin: var(--s-4) 0 0;
  padding: 0;
  list-style: none;
}
.mrc__stage[b-ge3ydoebo0] { display: grid; gap: 2px; padding: var(--s-3); border-radius: var(--r-sm); background: var(--c-chalk); }
.mrc__stage-name[b-ge3ydoebo0] { font-size: var(--fs-13); color: var(--text-3); }
.mrc__stage-time[b-ge3ydoebo0] { font-weight: var(--fw-semibold); font-variant-numeric: tabular-nums; }
.mrc__stage-rank[b-ge3ydoebo0] { font-size: var(--fs-13); color: var(--text-2); }

.mrc__actions[b-ge3ydoebo0] { display: grid; gap: var(--s-1); justify-items: start; }
.mrc__jump[b-ge3ydoebo0] { margin-block-end: var(--s-2); }
.mrc__link[b-ge3ydoebo0] { display: inline-flex; align-items: center; min-block-size: var(--tap); font-weight: var(--fw-medium); }

@media (max-width: 899px) {
  .mrc__body[b-ge3ydoebo0] { grid-template-columns: auto minmax(0, 1fr); }
  .mrc__actions[b-ge3ydoebo0] { grid-column: 1 / -1; grid-auto-flow: column; justify-content: start; align-items: center; gap: var(--s-5); }
  .mrc__jump[b-ge3ydoebo0] { margin: 0; }
}
@media (max-width: 599px) {
  .mrc[b-ge3ydoebo0] { padding: var(--s-5) var(--s-5) var(--s-6); }
  .mrc__body[b-ge3ydoebo0] { grid-template-columns: minmax(0, 1fr); gap: var(--s-5); }
  .mrc__place[b-ge3ydoebo0] {
    grid-template-columns: auto 1fr;
    align-items: end;
    gap: var(--s-2) var(--s-4);
    min-inline-size: 0;
    padding: 0 0 var(--s-5);
    border-inline-end: 0;
    border-block-end: 1px solid var(--c-line);
  }
  .mrc__category[b-ge3ydoebo0] { grid-column: 1 / -1; }
  .mrc__kv[b-ge3ydoebo0] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3) var(--s-5); }
  .mrc__actions[b-ge3ydoebo0] { grid-auto-flow: row; justify-content: stretch; justify-items: stretch; gap: 0; }
  .mrc__jump[b-ge3ydoebo0] { inline-size: 100%; margin-block-end: var(--s-2); }
}
/* /Shared/Results/Podium.razor.rz.scp.css */
/* The podium: the page's one bold element - Night Ride steps, Karantina numbers, medal-colour top edges. */
.pod-wrap[b-j44tnrsx1u] { display: grid; gap: var(--s-3); }

.pod[b-j44tnrsx1u] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-areas: "p2 p1 p3";
  align-items: end;
  gap: var(--s-3);
  inline-size: 100%;
  max-inline-size: 760px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
.pod--five[b-j44tnrsx1u] { grid-template-columns: repeat(5, minmax(0, 1fr)); grid-template-areas: "p4 p2 p1 p3 p5"; max-inline-size: 1000px; }

.pod__item[b-j44tnrsx1u] { display: grid; gap: var(--s-3); min-inline-size: 0; }
.pod__item--1[b-j44tnrsx1u] { grid-area: p1; --medal: var(--c-gold); --step: 152px; --num: 6rem; }
.pod__item--2[b-j44tnrsx1u] { grid-area: p2; --medal: var(--c-silver); --step: 112px; --num: 4.75rem; }
.pod__item--3[b-j44tnrsx1u] { grid-area: p3; --medal: var(--c-bronze); --step: 84px; --num: 4.25rem; }
.pod__item--4[b-j44tnrsx1u] { grid-area: p4; --medal: var(--c-line-2); --step: 60px; --num: 3.25rem; }
.pod__item--5[b-j44tnrsx1u] { grid-area: p5; --medal: var(--c-line-2); --step: 48px; --num: 3rem; }

.pod__info[b-j44tnrsx1u] {
  display: grid;
  justify-items: center;
  gap: 2px;
  padding: var(--s-2) var(--s-2) 0;
  border-radius: var(--r-md);
  text-align: center;
  min-inline-size: 0;
}
.pod__item.is-me .pod__info[b-j44tnrsx1u] { padding-block-end: var(--s-2); background: var(--c-cyan-tint); box-shadow: inset 0 -3px 0 var(--c-cyan); }
.pod__medal[b-j44tnrsx1u] { display: none; }
.pod__name[b-j44tnrsx1u] { font-size: var(--fs-16); line-height: 1.35; overflow-wrap: anywhere; }
.pod__item--1 .pod__name[b-j44tnrsx1u] { font-size: var(--fs-18); }
.pod__club[b-j44tnrsx1u] { font-size: var(--fs-14); color: var(--text-2); }
.pod__times[b-j44tnrsx1u] { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 0 var(--s-2); margin-block-start: 2px; }
.pod__time[b-j44tnrsx1u] { font-weight: var(--fw-semibold); font-variant-numeric: tabular-nums; }
.pod__gap[b-j44tnrsx1u] { color: var(--text-2); font-variant-numeric: tabular-nums; }

.pod__step[b-j44tnrsx1u] {
  display: grid;
  place-items: center;
  block-size: var(--step);
  border-radius: var(--r-md) var(--r-md) 0 0;
  background: var(--c-night);
  box-shadow: inset 0 6px 0 var(--medal);
  overflow: hidden;
}
.pod__num[b-j44tnrsx1u] {
  font-family: var(--font-display);
  font-weight: var(--fw-bold);
  font-size: var(--num);
  line-height: 1;
  color: var(--c-white);
  padding-block-start: 6px;
}

.pod__caption[b-j44tnrsx1u] { text-align: center; font-size: var(--fs-14); color: var(--text-2); }

/* Motion that answers the category switch: the steps rise once, the winner first. */
.pod.is-entering .pod__step[b-j44tnrsx1u] { animation: pod-rise-b-j44tnrsx1u var(--dur-5) var(--ease-out) both; }
.pod.is-entering .pod__item--2 .pod__step[b-j44tnrsx1u] { animation-delay: 60ms; }
.pod.is-entering .pod__item--3 .pod__step[b-j44tnrsx1u] { animation-delay: 120ms; }
.pod.is-entering .pod__item--4 .pod__step[b-j44tnrsx1u],
.pod.is-entering .pod__item--5 .pod__step[b-j44tnrsx1u] { animation-delay: 160ms; }
@keyframes pod-rise-b-j44tnrsx1u { from { clip-path: inset(100% 0 0 0); } to { clip-path: inset(0 0 0 0); } }

@media (max-width: 767px) {
  .pod[b-j44tnrsx1u], .pod--five[b-j44tnrsx1u] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: none;
    gap: 0;
    max-inline-size: none;
    border-block-start: 1px solid var(--c-line-2);
  }
  .pod__item[b-j44tnrsx1u] { grid-area: auto !important; border-block-end: 1px solid var(--c-line); }
  .pod__step[b-j44tnrsx1u] { display: none; }
  .pod__info[b-j44tnrsx1u] {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "medal name times" "medal club times";
    justify-items: start;
    align-items: center;
    column-gap: var(--s-3);
    padding: var(--s-3) var(--s-2);
    border-radius: 0;
    text-align: start;
  }
  .pod__item.is-me .pod__info[b-j44tnrsx1u] { box-shadow: inset -4px 0 0 var(--c-cyan); }
  .pod__medal[b-j44tnrsx1u] { display: inline-grid; grid-area: medal; inline-size: 36px; block-size: 36px; font-size: 1.875rem; }
  .pod__medal--plain[b-j44tnrsx1u] { background: var(--c-chalk-2); }
  .pod__name[b-j44tnrsx1u], .pod__item--1 .pod__name[b-j44tnrsx1u] { grid-area: name; font-size: var(--fs-16); }
  .pod__club[b-j44tnrsx1u] { grid-area: club; font-size: var(--fs-13); }
  .pod__times[b-j44tnrsx1u] { grid-area: times; display: grid; justify-items: end; gap: 0; }
  .pod__gap[b-j44tnrsx1u] { font-size: var(--fs-13); }
}
/* /Shared/Results/ResultCard.razor.rz.scp.css */
/* A results row on the start-list pattern (components.css .start-row): the whole row opens the race; only the
   first-place names are separate targets (raised above the stretched title link). */
.rc[b-n3q8m2fszx] { align-items: start; }
.rc__title[b-n3q8m2fszx] { font-size: var(--fs-18); }

.rc__winners[b-n3q8m2fszx] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px var(--s-4);
  font-size: var(--fs-14);
  color: var(--text-2);
  line-height: 1.5;
}
.rc__winners-label[b-n3q8m2fszx] { color: var(--text-3); }
.rc__winner[b-n3q8m2fszx] { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 0 6px; }
.rc__winners[b-n3q8m2fszx]  .rc__winner-link {
  position: relative;
  z-index: var(--z-raised);
  color: var(--text);
  font-weight: var(--fw-medium);
  padding-block: 4px;
}

.rc__aside[b-n3q8m2fszx] { position: static; z-index: auto; align-self: stretch; align-content: space-between; gap: var(--s-3); }
.rc__tags[b-n3q8m2fszx] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }

.rc__personal[b-n3q8m2fszx] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 6px var(--s-3);
  font-size: var(--fs-14);
  font-weight: var(--fw-medium);
  color: var(--text);
}
.rc__place[b-n3q8m2fszx] { font-variant-numeric: tabular-nums; }
.rc__podium[b-n3q8m2fszx] { display: inline-flex; align-items: center; gap: 6px; color: var(--c-sand-ink); font-weight: var(--fw-semibold); }
.rc__podium .medal--sm[b-n3q8m2fszx] {
  inline-size: 22px;
  block-size: 22px;
  font-family: var(--font-text);
  font-size: var(--fs-12);
  font-weight: var(--fw-bold);
  box-shadow: inset 0 -2px 0 rgba(10, 21, 48, 0.14);
}

.rc__more[b-n3q8m2fszx] {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: var(--fs-14);
  font-weight: var(--fw-semibold);
  color: var(--text-2);
  transition: color var(--dur-1) ease;
}
.rc:hover .rc__more[b-n3q8m2fszx] { color: var(--text); }

@media (max-width: 767px) {
  .rc__title[b-n3q8m2fszx] { font-size: var(--fs-16); }
  .rc__aside[b-n3q8m2fszx] { justify-items: start; gap: var(--s-2); }
  .rc__tags[b-n3q8m2fszx], .rc__personal[b-n3q8m2fszx] { justify-content: flex-start; }
  .rc__more[b-n3q8m2fszx] { display: none; }
}
/* /Shared/Results/ResultsLegend.razor.rz.scp.css */
.rl[b-yg132nvcij] { margin: var(--s-4) 0 0; padding: 0; list-style: none; }
.rl abbr[b-yg132nvcij] { font-weight: var(--fw-semibold); color: var(--text); }
/* /Shared/Results/ResultsStatusBlock.razor.rz.scp.css */
.rsb[b-17lniz3rn6] { display: grid; gap: var(--s-2); justify-items: start; max-inline-size: 72ch; }
.rsb__head[b-17lniz3rn6] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2) var(--s-3); }
.rsb__explainer[b-17lniz3rn6] { color: var(--text-2); }
.rsb__published[b-17lniz3rn6] { font-size: var(--fs-14); color: var(--text-3); }
.rsb__note[b-17lniz3rn6] { margin-block-start: var(--s-1); }
.rsb__toggle[b-17lniz3rn6] { font-size: var(--fs-15); padding-inline: 0; }
.rsb__toggle[b-17lniz3rn6]  .rsb__chev { transition: transform var(--dur-3) var(--ease-out); }
.rsb__toggle[aria-expanded="true"][b-17lniz3rn6]  .rsb__chev { transform: rotate(180deg); }
.rsb__more[b-17lniz3rn6] {
  display: grid;
  gap: var(--s-2);
  margin: 0;
  padding: var(--s-4) var(--s-5);
  list-style: none;
  border-radius: var(--r-md);
  background: var(--bg-surface);
  box-shadow: inset 0 0 0 1px var(--c-line);
  color: var(--text-2);
  font-size: var(--fs-15);
  animation: rsb-in-b-17lniz3rn6 var(--dur-3) var(--ease-out) both;
}
.rsb__more[hidden][b-17lniz3rn6] { display: none; }
.rsb__more li[b-17lniz3rn6] { position: relative; padding-inline-start: var(--s-4); }
.rsb__more li[b-17lniz3rn6]::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0.7em;
  inline-size: 6px;
  block-size: 6px;
  border-radius: 50%;
  background: var(--c-ink-3);
}
@keyframes rsb-in-b-17lniz3rn6 { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
/* /Shared/Results/ResultsTable.razor.rz.scp.css */
/* The timing board (extends components.css .tb / .tb-cards): sticky header under the compact site header, the
   anchored row highlighted like "my row", enduro stage splits in an expandable sub-row, phone row cards. */
.rt-wrap[b-mhqdo48r4u] { min-inline-size: 0; }

.rt thead th[b-mhqdo48r4u] {
  position: sticky;
  inset-block-start: var(--header-h);
  z-index: 2;
  background: var(--bg-page);
  border-block-end: 0;
  box-shadow: inset 0 -1px 0 var(--c-line-2);
}
:root[data-header-compact="true"] .rt thead th[b-mhqdo48r4u] { inset-block-start: var(--header-h-compact); }

.rt tbody tr[id][b-mhqdo48r4u] { scroll-margin-block-start: 52px; }
.rt .tb__place .medal[b-mhqdo48r4u] { inline-size: 36px; block-size: 36px; font-size: 1.875rem; }
.rt thead .tb__place[b-mhqdo48r4u] { font-family: var(--font-text); font-size: var(--fs-13); font-weight: var(--fw-medium); color: var(--text-3); line-height: 1.3; }
.rt .tb__bib[b-mhqdo48r4u], .rt thead .tb__bib[b-mhqdo48r4u] { inline-size: 64px; }
.rt__name[b-mhqdo48r4u] { min-inline-size: 9rem; }
.rt__note[b-mhqdo48r4u] { display: block; margin-block-start: 2px; font-size: var(--fs-13); color: var(--text-2); }
.rt__heat[b-mhqdo48r4u] { white-space: nowrap; }

.rt tr.is-target[b-mhqdo48r4u] { background: var(--c-cyan-tint); }
.rt tr.is-target > :first-child[b-mhqdo48r4u] { position: relative; }
.rt tr.is-target > :first-child[b-mhqdo48r4u]::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  inline-size: 4px;
  background: var(--c-cyan);
}
.rt tr[tabindex="-1"]:focus[b-mhqdo48r4u] { outline: none; }

/* ---- Enduro stage splits ---- */
.rt__expand-h[b-mhqdo48r4u], .rt__expand[b-mhqdo48r4u] { inline-size: 1%; white-space: nowrap; }
.rt__toggle[b-mhqdo48r4u] {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-block-size: 40px;
  padding-inline: var(--s-3);
  border-radius: var(--r-sm);
  box-shadow: inset 0 0 0 1px var(--c-line-2);
  background: var(--bg-surface);
  color: var(--text);
  font-size: var(--fs-14);
  font-weight: var(--fw-medium);
}
.rt__toggle[b-mhqdo48r4u]::after { content: ""; position: absolute; inset: -2px 0; }
.rt__toggle:hover[b-mhqdo48r4u] { box-shadow: inset 0 0 0 1px var(--c-line-strong); }
.rt__toggle[b-mhqdo48r4u]  .rt__chev { transition: transform var(--dur-3) var(--ease-out); }
.rt__toggle[aria-expanded="true"][b-mhqdo48r4u]  .rt__chev { transform: rotate(180deg); }

.rt .rt__sub > td[b-mhqdo48r4u] { padding: 0 var(--s-3) var(--s-4); background: transparent; }
.rt tbody tr.rt__sub:hover[b-mhqdo48r4u] { background: transparent; }
.rt tbody tr.rt__sub.is-me[b-mhqdo48r4u] { background: var(--c-cyan-tint); }

.rt__stages[b-mhqdo48r4u] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: var(--s-2);
  margin: 0;
  padding: 0;
  list-style: none;
  animation: rt-in-b-mhqdo48r4u var(--dur-3) var(--ease-out) both;
}
@keyframes rt-in-b-mhqdo48r4u { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.rt__stage[b-mhqdo48r4u] {
  display: grid;
  gap: 2px;
  align-content: start;
  padding: var(--s-3);
  border-radius: var(--r-sm);
  background: var(--bg-surface);
  box-shadow: inset 0 0 0 1px var(--c-line);
  font-size: var(--fs-14);
}
.rt__stage-name[b-mhqdo48r4u] { font-weight: var(--fw-semibold); }
.rt__stage-meta[b-mhqdo48r4u] { display: flex; flex-wrap: wrap; gap: 0 var(--s-3); font-size: var(--fs-13); color: var(--text-3); }
.rt__stage-time[b-mhqdo48r4u] { font-size: var(--fs-16); font-weight: var(--fw-semibold); font-variant-numeric: tabular-nums; }
.rt__stage-rank[b-mhqdo48r4u] { color: var(--text-2); }
.rt__stage-gap[b-mhqdo48r4u] { color: var(--text-2); font-variant-numeric: tabular-nums; }
.rt__stage.is-best .rt__stage-gap[b-mhqdo48r4u] { color: var(--c-success-ink); font-weight: var(--fw-medium); }

/* ---- Phone row cards ---- */
.rt-card[b-mhqdo48r4u] {
  grid-template-columns: 48px minmax(0, 1fr) auto;
  padding: var(--s-3) var(--s-2) var(--s-4);
  scroll-margin-block-start: 64px;
}
.rt-card__place[b-mhqdo48r4u] { align-self: center; }
.rt-card__place .medal[b-mhqdo48r4u] { inline-size: 36px; block-size: 36px; font-size: 1.875rem; }
.rt-card__place abbr[b-mhqdo48r4u] { font-family: var(--font-text); font-size: var(--fs-14); font-weight: var(--fw-semibold); color: var(--text-2); text-decoration: none; }
.rt-card__name[b-mhqdo48r4u] { grid-column: 2; min-inline-size: 0; }
.rt-card__name[b-mhqdo48r4u]  .rider-link { position: relative; z-index: 1; display: inline-block; padding-block: 6px; }
.rt-card__time[b-mhqdo48r4u] { grid-column: 3; grid-row: 1; }
.rt-card__sub[b-mhqdo48r4u] { grid-column: 2; display: flex; flex-wrap: wrap; gap: 0 var(--s-3); }
.rt-card__gap[b-mhqdo48r4u] { grid-column: 3; grid-row: 2; }
.rt-card__note[b-mhqdo48r4u] { grid-column: 2 / -1; font-size: var(--fs-13); color: var(--text-2); }
.rt-card__toggle[b-mhqdo48r4u] {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background: transparent;
}
.rt-card__toggle:focus-visible[b-mhqdo48r4u] { outline-offset: -3px; border-radius: var(--r-sm); }
.rt-card__toggle[b-mhqdo48r4u]  .rt-card__chev {
  position: absolute;
  inset-inline-end: var(--s-2);
  inset-block-end: 4px;
  color: var(--text-3);
  transition: transform var(--dur-3) var(--ease-out);
}
.rt-card.is-open .rt-card__toggle[b-mhqdo48r4u]  .rt-card__chev { transform: rotate(180deg); }
.rt-card__details[b-mhqdo48r4u] { grid-column: 2 / -1; padding-block: var(--s-3) var(--s-1); }
.rt-card__details[hidden][b-mhqdo48r4u] { display: none; }
.rt-card__kv[b-mhqdo48r4u] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-2) var(--s-4); margin: 0; }
.rt-card__kv > div[b-mhqdo48r4u] { display: grid; gap: 2px; }
.rt-card__kv dt[b-mhqdo48r4u] { font-size: var(--fs-13); color: var(--text-3); }
.rt-card__kv dd[b-mhqdo48r4u] { font-weight: var(--fw-semibold); font-variant-numeric: tabular-nums; }
.rt__stages--card[b-mhqdo48r4u] { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-block-start: var(--s-3); }

.rt-card.is-target[b-mhqdo48r4u] { background: var(--c-cyan-tint); box-shadow: inset -4px 0 0 var(--c-cyan); }
.rt-card[tabindex="-1"]:focus[b-mhqdo48r4u] { outline: none; }
/* /Shared/Results/WinnersList.razor.rz.scp.css */
.wl[b-bcynj6s3vh] { display: grid; gap: var(--s-3); }
.wl__title[b-bcynj6s3vh] { font-size: var(--fs-h3); }
.wl__list[b-bcynj6s3vh] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 var(--s-7);
  margin: 0;
  padding: 0;
  list-style: none;
}
.wl__row[b-bcynj6s3vh] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas: "medal cat time" "medal name time" "medal club time";
  align-items: center;
  column-gap: var(--s-3);
  min-block-size: 64px;
  padding-block: var(--s-3);
  padding-inline: var(--s-2);
  border-block-end: 1px solid var(--c-line);
}
.wl__row.is-me[b-bcynj6s3vh] { background: var(--c-cyan-tint); box-shadow: inset -4px 0 0 var(--c-cyan); }
.wl__medal[b-bcynj6s3vh] { grid-area: medal; inline-size: 32px; block-size: 32px; font-size: 1.625rem; }
.wl__cat[b-bcynj6s3vh] {
  grid-area: cat;
  position: relative;
  justify-self: start;
  padding: 0;
  color: var(--text-2);
  font-size: var(--fs-14);
  font-weight: var(--fw-medium);
  text-align: start;
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, currentColor 35%, transparent);
  text-underline-offset: 0.2em;
}
.wl__cat[b-bcynj6s3vh]::after { content: ""; position: absolute; inset: -12px -6px; }   /* 44px hit area */
.wl__cat:hover[b-bcynj6s3vh] { color: var(--text); text-decoration-color: currentColor; }
.wl__name[b-bcynj6s3vh] { grid-area: name; min-inline-size: 0; }
.wl__name[b-bcynj6s3vh]  .rider-link { position: relative; z-index: 1; display: inline-block; padding-block: 4px; }
.wl__club[b-bcynj6s3vh] { grid-area: club; font-size: var(--fs-13); color: var(--text-2); }
.wl__time[b-bcynj6s3vh] { grid-area: time; font-weight: var(--fw-semibold); font-variant-numeric: tabular-nums; }

@media (max-width: 767px) {
  .wl__list[b-bcynj6s3vh] { grid-template-columns: minmax(0, 1fr); }
}
/* /Shared/Rider/AlertsPanel.razor.rz.scp.css */
/* "דורש טיפול" alerts (DESIGN.md §6.7.2 item 2) - scoped. Sand notices: the state is in the words, the icon and
   the colour only support it. */
.alerts__title[b-cn5zflosqx] { margin-block-end: var(--s-4); }

.alerts__list[b-cn5zflosqx] {
    display: grid;
    gap: var(--s-3);
    list-style: none;
    margin: 0;
    padding: 0;
}

.alert[b-cn5zflosqx] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--s-2) var(--s-4);
    padding: var(--s-5) var(--s-6);
    border-radius: var(--r-md);
    border-inline-start: 4px solid var(--c-sand);
    background: var(--c-sand-tint);
}
.alert--expired[b-cn5zflosqx] { border-inline-start-color: var(--c-danger-ink); background: var(--c-danger-tint); }

.alert__icon[b-cn5zflosqx] {
    display: grid;
    place-items: center;
    inline-size: 44px;
    block-size: 44px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--c-sand) 30%, var(--c-white));
    color: var(--c-sand-ink);
}
.alert--expired .alert__icon[b-cn5zflosqx] { background: color-mix(in srgb, var(--c-danger) 18%, var(--c-white)); color: var(--c-danger-ink); }

.alert__body[b-cn5zflosqx] { min-inline-size: 0; }
.alert__heading[b-cn5zflosqx] { font-size: var(--fs-18); line-height: 1.35; padding-block-start: 9px; }
.alert__text[b-cn5zflosqx] { margin-block-start: var(--s-2); max-inline-size: 74ch; color: var(--c-ink); }
.alert__event[b-cn5zflosqx] { font-weight: var(--fw-semibold); }

.alert__actions[b-cn5zflosqx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-3) var(--s-6);
    margin-block-start: var(--s-4);
}
.alert__link[b-cn5zflosqx] { display: inline-flex; align-items: center; min-block-size: var(--tap); font-weight: var(--fw-medium); }

@media (max-width: 767px) {
    .alert[b-cn5zflosqx] { padding: var(--s-4); column-gap: var(--s-3); }
    .alert__icon[b-cn5zflosqx] { inline-size: 36px; block-size: 36px; }
    .alert__heading[b-cn5zflosqx] { padding-block-start: 5px; font-size: var(--fs-17, 1.0625rem); }
    .alert__text[b-cn5zflosqx] { margin-inline-start: calc(-36px - var(--s-3)); }
    .alert__actions[b-cn5zflosqx] { flex-direction: column; align-items: stretch; gap: var(--s-1); margin-inline-start: calc(-36px - var(--s-3)); }
    .alert__btn[b-cn5zflosqx] { inline-size: 100%; }
    .alert__link[b-cn5zflosqx] { justify-content: center; }
}
/* /Shared/Rider/CardStatusStrip.razor.rz.scp.css */
/* "מצב כרטיס הרוכב" (DESIGN.md §6.7.2 item 7) - scoped. Cells separated by hairlines, not boxes. */
.cardstat__h[b-xx5oxlkwrk] { margin-block-end: var(--s-4); }

.cardstat__list[b-xx5oxlkwrk] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
    border-block: 1px solid var(--c-line-2);
}

.cardstat__item[b-xx5oxlkwrk] {
    display: grid;
    align-content: start;
    justify-items: start;
    gap: var(--s-2);
    padding: var(--s-5) var(--s-5) var(--s-5) 0;
    min-inline-size: 0;
}
.cardstat__item + .cardstat__item[b-xx5oxlkwrk] { padding-inline-start: var(--s-5); border-inline-start: 1px solid var(--c-line); }

.cardstat__label[b-xx5oxlkwrk] { font-weight: var(--fw-semibold); }
.cardstat__detail[b-xx5oxlkwrk] { font-size: var(--fs-14); color: var(--text-2); }

.cardstat__more[b-xx5oxlkwrk] {
    display: inline-flex;
    align-items: center;
    min-block-size: var(--tap);
    margin-block-start: var(--s-3);
    font-weight: var(--fw-medium);
}

@media (max-width: 899px) {
    .cardstat__list[b-xx5oxlkwrk] { grid-template-columns: minmax(0, 1fr); }
    .cardstat__item[b-xx5oxlkwrk],
    .cardstat__item + .cardstat__item[b-xx5oxlkwrk] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: var(--s-1) var(--s-3);
        padding: var(--s-4) 0;
        border-inline-start: 0;
    }
    .cardstat__item + .cardstat__item[b-xx5oxlkwrk] { border-block-start: 1px solid var(--c-line); }
    .cardstat__detail[b-xx5oxlkwrk] { grid-column: 1 / -1; }
}
/* /Shared/Rider/CategoryGrid.razor.rz.scp.css */
/* "הקטגוריות שלי" (DESIGN.md §6.7.5 item 4) - scoped. Four hairline cells, each marked by a short bar and icon in its
   discipline colour (the name always carries the meaning). Desktop 4 in a row; phone 1 column; 2 x 2 from 480px. */
.cats[b-shz269oo5j] { scroll-margin-block-start: 64px; }
.cats__h[b-shz269oo5j] { margin-block-end: var(--s-2); }
.cats__intro[b-shz269oo5j] { margin-block-end: var(--s-5); color: var(--text-2); }

.cats__grid[b-shz269oo5j] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    margin: 0;
    padding: 0;
    list-style: none;
    border-block: 1px solid var(--c-line-2);
}

.cats__tile[b-shz269oo5j] {
    position: relative;
    display: grid;
    align-content: start;
    gap: var(--s-3);
    padding-block: var(--s-5);
}
.cats__tile[b-shz269oo5j]::before {
    content: "";
    position: absolute;
    inset-block-start: -1px;
    inset-inline-start: 0;
    inline-size: 40px;
    block-size: 3px;
    border-radius: 0 0 2px 2px;
    background: var(--d, var(--c-ink-3));
}
.cats__tile + .cats__tile[b-shz269oo5j] { border-block-start: 1px solid var(--c-line); }

.cats__name[b-shz269oo5j] { display: flex; align-items: center; gap: var(--s-2); font-size: var(--fs-20); }
.cats__name[b-shz269oo5j]  .icon { color: var(--d, var(--text-2)); }

.cats__kv[b-shz269oo5j] { display: grid; gap: var(--s-2); margin: 0; }
.cats__kv > div[b-shz269oo5j] { display: grid; }
.cats__kv dt[b-shz269oo5j] { font-size: var(--fs-13); color: var(--text-3); }
.cats__kv dd[b-shz269oo5j] { font-weight: var(--fw-medium); }

.cats__notes[b-shz269oo5j] { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; font-size: var(--fs-13); color: var(--text-2); }
.cats__notes li[b-shz269oo5j] { position: relative; padding-inline-start: 12px; }
.cats__notes li[b-shz269oo5j]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0.6em;
    inline-size: 4px;
    block-size: 4px;
    border-radius: 50%;
    background: var(--c-line-strong);
}

.cats__more[b-shz269oo5j] { display: grid; gap: var(--s-2); max-inline-size: 76ch; margin-block-start: var(--s-5); }
.cats__rule[b-shz269oo5j] { font-size: var(--fs-15); color: var(--text-2); }
.cats__fees[b-shz269oo5j] { font-size: var(--fs-13); color: var(--text-2); }
.cats__btn[b-shz269oo5j] { justify-self: start; margin-block-start: var(--s-2); }

@media (min-width: 480px) {
    .cats__grid[b-shz269oo5j] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cats__tile[b-shz269oo5j] { padding-inline-end: var(--s-5); }
    .cats__tile + .cats__tile[b-shz269oo5j] { border-block-start: 0; }
    .cats__tile:nth-child(even)[b-shz269oo5j] { padding-inline-start: var(--s-5); border-inline-start: 1px solid var(--c-line); }
    .cats__tile:nth-child(even)[b-shz269oo5j]::before { inset-inline-start: var(--s-5); }
    .cats__tile:nth-child(n + 3)[b-shz269oo5j] { border-block-start: 1px solid var(--c-line); }
}

@media (min-width: 1024px) {
    .cats__grid[b-shz269oo5j] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .cats__tile:nth-child(n + 3)[b-shz269oo5j] { border-block-start: 0; }
    .cats__tile + .cats__tile[b-shz269oo5j] { padding-inline-start: var(--s-5); border-inline-start: 1px solid var(--c-line); }
    .cats__tile + .cats__tile[b-shz269oo5j]::before { inset-inline-start: var(--s-5); }
}

@media (max-width: 479px) {
    .cats__btn[b-shz269oo5j] { inline-size: 100%; }
}
/* /Shared/Rider/DigitalRiderCard.razor.rz.scp.css */
/* DigitalRiderCard (DESIGN.md §6.7.5 item 2; UI_DESIGN §9.7) - scoped. A Night Ride licence card with a cyan
   holographic edge line; landscape on desktop, full width and taller on phones (QR centred at the bottom). */
.dcard-wrap[b-gti3oj4cyh] { min-inline-size: 0; scroll-margin-block-start: 64px; }

.dcard[b-gti3oj4cyh] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-5);
    padding: var(--s-6) var(--s-6) var(--s-5);
    border-radius: var(--r-lg);
    background: var(--c-night);
    color: var(--c-white);
    box-shadow: var(--shadow-2);
    overflow: hidden;
    isolation: isolate;
}

.dcard__holo[b-gti3oj4cyh] {
    position: absolute;
    inset-inline: 0;
    inset-block-start: 0;
    block-size: 3px;
    background: linear-gradient(90deg, transparent 0%, var(--c-cyan) 16%, color-mix(in srgb, var(--c-white) 80%, var(--c-cyan)) 50%, var(--c-cyan) 84%, transparent 100%);
}

.dcard__watermark[b-gti3oj4cyh] {
    position: absolute;
    inset-inline-end: -36px;
    inset-block-end: -48px;
    z-index: -1;
    opacity: 0.07;
    pointer-events: none;
}
.dcard__watermark[b-gti3oj4cyh]  .brand__mark { block-size: 240px; }

.dcard__top[b-gti3oj4cyh] { display: flex; align-items: center; gap: var(--s-3); min-inline-size: 0; }
.dcard__logo[b-gti3oj4cyh]  .brand__mark { block-size: 30px; }
.dcard__kind[b-gti3oj4cyh] { font-size: var(--fs-14); font-weight: var(--fw-semibold); color: var(--c-on-night-2); }
.dcard__top[b-gti3oj4cyh]  .dcard__state { margin-inline-start: auto; }

.dcard__body[b-gti3oj4cyh] {
    display: grid;
    grid-template-columns: 124px minmax(0, 1fr);
    grid-template-areas:
        "photo name"
        "photo lines"
        "qr lines";
    grid-template-rows: auto auto 1fr;
    gap: var(--s-3) var(--s-5);
    align-items: start;
}

.dcard__photo-col[b-gti3oj4cyh] { grid-area: photo; display: grid; justify-items: center; gap: 2px; }
.dcard__photo[b-gti3oj4cyh] {
    display: grid;
    place-items: center;
    inline-size: 84px;
    block-size: 84px;
    border-radius: var(--r-md);
    background: var(--c-night-3);
    box-shadow: inset 0 0 0 1px var(--c-line-night);
    color: var(--c-white);
    font-family: var(--font-display);
    font-weight: var(--fw-bold);
    font-size: 2.75rem;
    line-height: 1;
}
.dcard__upload[b-gti3oj4cyh] { font-size: var(--fs-13); color: var(--c-on-night); }

.dcard__name[b-gti3oj4cyh] {
    grid-area: name;
    font-family: var(--font-display);
    font-weight: var(--fw-bold);
    font-size: clamp(2.25rem, 1.7rem + 1.4vw, 3rem);
    line-height: 0.95;
    color: var(--c-white);
}

.dcard__lines[b-gti3oj4cyh] {
    grid-area: lines;
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 6px var(--s-3);
    margin: 0;
    font-size: var(--fs-14);
    line-height: 1.45;
}
.dcard__lines > div[b-gti3oj4cyh] { display: contents; }
.dcard__lines dt[b-gti3oj4cyh] { color: var(--c-on-night-2); }
.dcard__lines dd[b-gti3oj4cyh] { color: var(--c-white); font-weight: var(--fw-medium); }
.dcard__med[b-gti3oj4cyh] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px var(--s-2); }

.dcard__qr[b-gti3oj4cyh] {
    grid-area: qr;
    display: grid;
    justify-items: center;
    gap: var(--s-2);
    margin: var(--s-2) 0 0;
    text-align: center;
}
.dcard__qr-tile[b-gti3oj4cyh] { display: block; inline-size: 112px; padding: 4px; border-radius: var(--r-sm); background: var(--c-white); }
.dcard__qr-cap[b-gti3oj4cyh] { display: grid; gap: 1px; font-size: var(--fs-13); font-weight: var(--fw-semibold); color: var(--c-white); }
.dcard__qr-small[b-gti3oj4cyh] { font-size: var(--fs-12); font-weight: var(--fw-regular); color: var(--c-on-night-2); }

@media (max-width: 767px) {
    .dcard[b-gti3oj4cyh] { padding: var(--s-5) var(--s-4) var(--s-5); }
    .dcard__body[b-gti3oj4cyh] {
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-areas:
            "photo name"
            "lines lines"
            "qr qr";
        grid-template-rows: auto;
        gap: var(--s-4);
        align-items: center;
    }
    .dcard__photo[b-gti3oj4cyh] { inline-size: 64px; block-size: 64px; font-size: 2.1rem; }
    .dcard__lines[b-gti3oj4cyh] { grid-template-columns: minmax(0, 1fr); gap: 0; }
    .dcard__lines > div + div > dt[b-gti3oj4cyh] { margin-block-start: var(--s-2); }
    .dcard__qr[b-gti3oj4cyh] { margin: 0; padding-block-start: var(--s-4); border-block-start: 1px solid var(--c-line-night); }
    .dcard__qr-tile[b-gti3oj4cyh] { inline-size: 140px; }
}
/* /Shared/Rider/LatestResultCard.razor.rz.scp.css */
/* "התוצאה האחרונה שלך" (DESIGN.md §6.7.2 item 4) - scoped. The place is the hero figure; podium places sit in a
   medal disc (gold / silver / bronze), always with the text "פודיום" next to it. */
.latest[b-uodjrnvpep] { display: grid; grid-template-rows: auto 1fr; min-inline-size: 0; }
.latest__h[b-uodjrnvpep] { margin-block-end: var(--s-4); }

.latest__panel[b-uodjrnvpep] { display: flex; flex-direction: column; gap: var(--s-5); min-inline-size: 0; }

.latest__top[b-uodjrnvpep] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--s-5);
    align-items: start;
}

.latest__place[b-uodjrnvpep] {
    display: grid;
    justify-items: center;
    gap: 6px;
    min-inline-size: 92px;
    text-align: center;
}

.latest__disc[b-uodjrnvpep] {
    display: grid;
    place-items: center;
    inline-size: 84px;
    block-size: 84px;
    border-radius: 50%;
    background: var(--c-chalk);
    box-shadow: inset 0 0 0 1px var(--c-line-2);
}
.latest__place--p1 .latest__disc[b-uodjrnvpep] { background: var(--c-gold); box-shadow: inset 0 -4px 0 rgba(10, 21, 48, 0.14); }
.latest__place--p2 .latest__disc[b-uodjrnvpep] { background: var(--c-silver); box-shadow: inset 0 -4px 0 rgba(10, 21, 48, 0.14); }
.latest__place--p3 .latest__disc[b-uodjrnvpep] { background: var(--c-bronze); box-shadow: inset 0 -4px 0 rgba(10, 21, 48, 0.14); }

.latest__fig[b-uodjrnvpep] {
    margin-block-start: 8px;
    font-family: var(--font-display);
    font-weight: var(--fw-bold);
    font-size: 3.9rem;
    line-height: 0.8;
    color: var(--c-ink);
    direction: ltr;
}
.latest__code[b-uodjrnvpep] { font-size: var(--fs-18); font-weight: var(--fw-semibold); color: var(--text-2); }
.latest__of[b-uodjrnvpep] { font-size: var(--fs-14); font-weight: var(--fw-medium); color: var(--text-2); }

.latest__head[b-uodjrnvpep] { min-inline-size: 0; padding-block-start: 2px; }
.latest__title[b-uodjrnvpep] { font-size: var(--fs-20); line-height: 1.3; }
.latest__title a[b-uodjrnvpep] { color: inherit; text-decoration: none; }
.latest__title a:hover[b-uodjrnvpep] { text-decoration: underline; text-underline-offset: 0.2em; }

.latest__meta[b-uodjrnvpep] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-1) var(--s-4);
    margin-block-start: var(--s-2);
    color: var(--text-2);
    font-size: var(--fs-14);
}
.latest__meta > span[b-uodjrnvpep] { display: inline-flex; align-items: center; gap: 6px; }
.latest__meta[b-uodjrnvpep]  .icon { color: var(--text-3); }

.latest__badges[b-uodjrnvpep] { display: flex; flex-wrap: wrap; gap: var(--s-2); margin-block-start: var(--s-3); }

.latest__kv[b-uodjrnvpep] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-3) var(--s-6);
    margin: 0;
    padding-block-start: var(--s-4);
    border-block-start: 1px solid var(--c-line);
}
.latest__kv > div[b-uodjrnvpep] { display: grid; gap: 1px; align-content: start; min-inline-size: 0; }
.latest__kv dt[b-uodjrnvpep] { font-size: var(--fs-13); color: var(--text-3); }
.latest__kv dd[b-uodjrnvpep] { font-weight: var(--fw-medium); }

.latest__note[b-uodjrnvpep] { display: flex; align-items: flex-start; gap: var(--s-2); font-size: var(--fs-13); color: var(--text-2); }
.latest__note[b-uodjrnvpep]  .icon { flex-shrink: 0; margin-block-start: 2px; color: var(--c-sand-ink); }

.latest__actions[b-uodjrnvpep] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-2) var(--s-5);
}
.latest__all[b-uodjrnvpep] { display: inline-flex; align-items: center; min-block-size: var(--tap); font-weight: var(--fw-medium); }

@media (max-width: 767px) {
    .latest__top[b-uodjrnvpep] { gap: var(--s-4); }
    .latest__place[b-uodjrnvpep] { min-inline-size: 76px; }
    .latest__disc[b-uodjrnvpep] { inline-size: 68px; block-size: 68px; }
    .latest__fig[b-uodjrnvpep] { font-size: 3.1rem; margin-block-start: 6px; }
    .latest__kv[b-uodjrnvpep] { grid-template-columns: minmax(0, 1fr); gap: var(--s-2); }
    .latest__kv > div[b-uodjrnvpep] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 var(--s-2); }
    .latest__kv dt[b-uodjrnvpep] { font-size: var(--fs-14); color: var(--text-2); }
    .latest__actions[b-uodjrnvpep] { flex-direction: column; align-items: stretch; }
    .latest__actions .btn[b-uodjrnvpep] { inline-size: 100%; }
    .latest__all[b-uodjrnvpep] { justify-content: center; }
}
/* /Shared/Rider/LeagueRankings.razor.rz.scp.css */
/* League rankings (DESIGN.md §6.7.4 item 5) - scoped. */
.ranks__h[b-ev79toviio] { margin-block-end: var(--s-4); }
.ranks__table .tb[b-ev79toviio] { max-inline-size: 860px; }
.ranks__league[b-ev79toviio] { font-weight: var(--fw-semibold); }
.ranks__tag[b-ev79toviio] { margin-inline-start: 6px; font-size: var(--fs-12); font-weight: var(--fw-semibold); color: var(--c-sand-ink); }
.ranks__table .tb .tb__num[b-ev79toviio] { white-space: nowrap; }

.tb tfoot th[b-ev79toviio],
.tb tfoot td[b-ev79toviio] {
    padding: var(--s-3);
    border-block-start: 1px solid var(--c-line-2);
    font-weight: var(--fw-semibold);
    text-align: start;
}
.tb tfoot .tb__pts[b-ev79toviio] { text-align: end; }

.ranks__list[b-ev79toviio] { display: none; margin: 0; padding: 0; list-style: none; border-block-start: 1px solid var(--c-line-2); }
.ranks__row[b-ev79toviio] { display: grid; gap: 4px; padding-block: var(--s-3); border-block-end: 1px solid var(--c-line); }
.ranks__row-league[b-ev79toviio] { font-weight: var(--fw-semibold); }
.ranks__row-meta[b-ev79toviio] { display: flex; flex-wrap: wrap; gap: 2px var(--s-3); font-size: var(--fs-14); color: var(--text-2); }
.ranks__row--total[b-ev79toviio] { display: flex; justify-content: space-between; font-weight: var(--fw-semibold); }

.ranks__note[b-ev79toviio] { margin-block-start: var(--s-3); font-size: var(--fs-14); color: var(--text-2); }
.ranks__more[b-ev79toviio] { display: inline-flex; align-items: center; min-block-size: var(--tap); font-weight: var(--fw-medium); }

@media (max-width: 767px) {
    .ranks__table[b-ev79toviio] { display: none; }
    .ranks__list[b-ev79toviio] { display: block; }
}
/* /Shared/Rider/MatchingEventCard.razor.rz.scp.css */
/* Matching event card (DESIGN.md §4.7 full card, no image; §6.7.2 item 6) - scoped. */
.mcard[b-tn5a9zafwv] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--s-3);
    min-inline-size: 0;
    block-size: 100%;
    padding: var(--s-5);
    border: 1px solid var(--c-line);
    border-radius: var(--r-md);
    background: var(--c-white);
    box-shadow: inset 0 3px 0 var(--d, var(--c-line-2));   /* the kind's top rule, as the event cards (EventCard) */
    transition: border-color var(--dur-1) ease;
}
.mcard:hover[b-tn5a9zafwv] { border-color: var(--c-line-strong); }
.mcard:has(.mcard__title a:focus-visible)[b-tn5a9zafwv] { outline: 3px solid var(--focus-ring); outline-offset: 3px; }

.mcard__top[b-tn5a9zafwv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--s-4);
    align-items: start;
}
.mcard[b-tn5a9zafwv]  .mcard__date {
    inline-size: 60px;
    align-self: stretch;
    padding-inline-end: var(--s-4);
    border-inline-end: 1px solid var(--c-line);
    box-sizing: content-box;
}

.mcard__head[b-tn5a9zafwv] { min-inline-size: 0; }
.mcard__title[b-tn5a9zafwv] { font-size: var(--fs-18); line-height: 1.3; }
.mcard__title a[b-tn5a9zafwv] { color: inherit; text-decoration: none; }
.mcard__title a[b-tn5a9zafwv]::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.mcard__title a:hover[b-tn5a9zafwv] { text-decoration: underline; text-underline-offset: 0.2em; }
.mcard__title a:focus-visible[b-tn5a9zafwv] { outline: none; }

.mcard__badges[b-tn5a9zafwv] { display: flex; flex-wrap: wrap; gap: 6px; margin-block-start: var(--s-2); }

.mcard__facts[b-tn5a9zafwv] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-1) var(--s-4);
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: var(--fs-14);
    color: var(--text-2);
}
.mcard__facts li[b-tn5a9zafwv] { display: inline-flex; align-items: center; gap: 6px; min-inline-size: 0; }
.mcard__facts[b-tn5a9zafwv]  .icon { color: var(--text-3); }

.mcard__personal[b-tn5a9zafwv] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    font-size: var(--fs-14);
    font-weight: var(--fw-medium);
    color: var(--c-success-ink);
}
.mcard__personal[b-tn5a9zafwv]  .icon { flex-shrink: 0; margin-block-start: 2px; }

.mcard__action[b-tn5a9zafwv] {
    position: relative;
    z-index: var(--z-raised);
    margin-block-start: auto;
    padding-block-start: var(--s-2);
}
/* /Shared/Rider/MyCalendarMenu.razor.rz.scp.css */
/* "הוספה ליומן" text button and its menu (DESIGN.md §4.16) - scoped. The menu opens toward the end (left) only on wide
   screens, where the registration card's actions sit at the card's end; elsewhere it opens toward the start. */
.calmenu__btn[b-n9pc8165rd] { gap: 6px; color: var(--text); }
.calmenu__btn[b-n9pc8165rd]  .icon { color: var(--text-2); }
.calmenu__menu[b-n9pc8165rd] { min-inline-size: 220px; }

@media (min-width: 1100px) {
    .calmenu__menu[b-n9pc8165rd] { inset-inline-start: auto; inset-inline-end: 0; }
}
/* /Shared/Rider/MyNav.razor.rz.scp.css */
/* Rider-area tab bar (DESIGN.md §6.7.1 item 3) - scoped. Sticky under the fixed header (72px, 60px once compact). */
.mynav-sentinel[b-7k5cez4ah5] { block-size: 0; }

.mynav-bar[b-7k5cez4ah5] {
    position: sticky;
    inset-block-start: var(--header-h);
    z-index: var(--z-sticky);
    background: color-mix(in srgb, var(--c-chalk) 92%, transparent);
    -webkit-backdrop-filter: saturate(1.4) blur(12px);
    backdrop-filter: saturate(1.4) blur(12px);
    box-shadow: 0 1px 0 var(--c-line-2);
    transition: inset-block-start var(--dur-3) var(--ease-out);
}
:root[data-header-compact="true"] .mynav-bar[b-7k5cez4ah5] { inset-block-start: var(--header-h-compact); }

.mynav[b-7k5cez4ah5] {
    position: relative;
    display: flex;
    gap: var(--s-1);
    margin-inline: calc(-1 * var(--s-4));
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
}
.mynav[b-7k5cez4ah5]::-webkit-scrollbar { display: none; }

.mynav__link[b-7k5cez4ah5] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: var(--s-2);
    flex-shrink: 0;
    min-block-size: 52px;
    padding-inline: var(--s-4);
    border-radius: var(--r-sm) var(--r-sm) 0 0;
    color: var(--text-2);
    font-weight: var(--fw-medium);
    text-decoration: none;
    white-space: nowrap;
    transition: color var(--dur-1) ease, background-color var(--dur-1) ease;
}
.mynav__link:hover[b-7k5cez4ah5] { color: var(--text); background: color-mix(in srgb, var(--text) 4%, transparent); }
.mynav__link:focus-visible[b-7k5cez4ah5] { outline-offset: -3px; border-radius: var(--r-sm); }
.mynav__link[aria-current="page"][b-7k5cez4ah5] { color: var(--text); font-weight: var(--fw-semibold); }

/* Static marker until the gliding indicator has been measured (ui.js observeIndicator adds .has-indicator). */
.mynav__link[aria-current="page"][b-7k5cez4ah5]::after {
    content: "";
    position: absolute;
    inset-inline: var(--s-4);
    inset-block-end: 0;
    block-size: 3px;
    border-radius: 3px 3px 0 0;
    background: var(--c-orange);
}
.mynav.has-indicator .mynav__link[b-7k5cez4ah5]::after { display: none; }

.mynav__indicator[b-7k5cez4ah5] {
    position: absolute;
    inset-block-end: 0;
    left: 0;
    inline-size: var(--ind-w, 0);
    block-size: 3px;
    border-radius: 3px 3px 0 0;
    background: var(--c-orange);
    transform: translateX(var(--ind-x, 0));
    transition: transform var(--dur-4) var(--ease-out), inline-size var(--dur-4) var(--ease-out);
    pointer-events: none;
}
.mynav:not(.has-indicator) .mynav__indicator[b-7k5cez4ah5] { display: none; }

@media (max-width: 767px) {
    .mynav[b-7k5cez4ah5] { margin-inline: calc(-1 * var(--gutter)); gap: 0; }
    .mynav__link[b-7k5cez4ah5] { min-block-size: 48px; padding-inline: var(--s-4); }
}
/* /Shared/Rider/MyRegistrationCard.razor.rz.scp.css */
/* RegistrationCard (DESIGN.md §6.7.3) - scoped. A start-list row: hairlines, not boxes.
   Desktop: (a) date + title, badges, venue | (b) details grid | (c) countdown over the actions; the warning spans
   the row. Phone: stacked - date + title, badges, venue, countdown, details, warning, actions. */
.regcard[b-etmpyxfv6c] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
        "main"
        "count"
        "kv"
        "warn"
        "actions";
    gap: var(--s-4);
    padding-block: var(--s-6);
    border-block-end: 1px solid var(--c-line);
}

.regcard__main[b-etmpyxfv6c] {
    grid-area: main;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--s-4);
    align-items: start;
    min-inline-size: 0;
}
.regcard[b-etmpyxfv6c]  .regcard__date {
    align-self: stretch;
    padding-inline-end: var(--s-4);
    border-inline-end: 1px solid var(--c-line);
}

.regcard__head[b-etmpyxfv6c] { min-inline-size: 0; }
.regcard__title[b-etmpyxfv6c] { font-size: var(--fs-20); line-height: 1.3; }
.regcard__title a[b-etmpyxfv6c] { color: inherit; text-decoration: none; }
.regcard__title a:hover[b-etmpyxfv6c] { text-decoration: underline; text-underline-offset: 0.2em; }

.regcard__badges[b-etmpyxfv6c] { display: flex; flex-wrap: wrap; gap: 6px; margin-block-start: var(--s-2); }

.regcard__facts[b-etmpyxfv6c] {
    display: grid;
    gap: 4px;
    margin: var(--s-3) 0 0;
    padding: 0;
    list-style: none;
    font-size: var(--fs-15);
    color: var(--text-2);
}
.regcard__facts li[b-etmpyxfv6c] { display: flex; align-items: flex-start; gap: var(--s-2); }
.regcard__facts[b-etmpyxfv6c]  .icon { flex-shrink: 0; margin-block-start: 3px; color: var(--text-3); }

.regcard__count[b-etmpyxfv6c] {
    grid-area: count;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    justify-self: start;
    min-block-size: 32px;
    padding: 2px var(--s-3);
    border: 1px solid var(--c-line-2);
    border-radius: var(--r-pill);
    background: var(--c-white);
    color: var(--text);
    font-size: var(--fs-14);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
}
.regcard__count[b-etmpyxfv6c]  .icon { color: var(--c-cyan-ink); }

.regcard__kv[b-etmpyxfv6c] {
    grid-area: kv;
    display: grid;
    gap: var(--s-2);
    margin: 0;
    align-content: start;
    min-inline-size: 0;
}
.regcard__kv > div[b-etmpyxfv6c] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 var(--s-2); min-inline-size: 0; }
.regcard__kv dt[b-etmpyxfv6c] { font-size: var(--fs-14); color: var(--text-2); }
.regcard__kv dd[b-etmpyxfv6c] { font-weight: var(--fw-medium); min-inline-size: 0; }

.regcard__actions[b-etmpyxfv6c] { grid-area: actions; display: grid; gap: var(--s-1); align-content: start; }
.regcard__page[b-etmpyxfv6c] { inline-size: 100%; }
.regcard__text-actions[b-etmpyxfv6c] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0 var(--s-4); }
.regcard__cancel[b-etmpyxfv6c] { color: var(--text-2); }
.regcard__cancel:hover[b-etmpyxfv6c] { color: var(--text); }

.regcard__warn[b-etmpyxfv6c] { grid-area: warn; display: grid; gap: var(--s-2); }
.regcard__warn p[b-etmpyxfv6c] { margin: 0; }

@media (min-width: 768px) {
    .regcard[b-etmpyxfv6c] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-areas:
            "main kv"
            "count kv"
            "actions kv"
            "warn warn";
        gap: var(--s-3) var(--s-7);
    }
    .regcard__actions[b-etmpyxfv6c] { justify-items: start; }
    .regcard__page[b-etmpyxfv6c] { inline-size: auto; }
    .regcard__text-actions[b-etmpyxfv6c] { justify-content: flex-start; }
    .regcard__kv[b-etmpyxfv6c] { grid-template-columns: max-content minmax(0, 1fr); column-gap: var(--s-5); }
    .regcard__kv > div[b-etmpyxfv6c] { display: contents; }
}

@media (min-width: 1100px) {
    .regcard[b-etmpyxfv6c] {
        grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.25fr) minmax(176px, auto);
        grid-template-rows: auto 1fr auto;
        grid-template-areas:
            "main kv count"
            "main kv actions"
            "warn warn warn";
        gap: var(--s-3) var(--s-7);
    }
    .regcard__count[b-etmpyxfv6c] { justify-self: stretch; justify-content: center; }
    .regcard__actions[b-etmpyxfv6c] { justify-items: stretch; }
    .regcard__page[b-etmpyxfv6c] { inline-size: 100%; }
    .regcard__text-actions[b-etmpyxfv6c] { flex-direction: column; align-items: flex-start; }
}
/* /Shared/Rider/MyResultsBoard.razor.rz.scp.css */
/* /my/results table and phone cards (DESIGN.md §6.7.4 item 4) - scoped. Built on the timing-board kit (.tb). */
.mres[b-6mhpvp57i6] { animation: mres-in-b-6mhpvp57i6 var(--dur-3) var(--ease-out) both; }
@keyframes mres-in-b-6mhpvp57i6 { from { opacity: 0; } to { opacity: 1; } }

.mres__table .tb thead th.tb__place[b-6mhpvp57i6] {
    font-family: var(--font-text);
    font-size: var(--fs-13);
    font-weight: var(--fw-medium);
    line-height: 1.3;
    color: var(--text-3);
}
.mres__table .tb[b-6mhpvp57i6] { min-inline-size: 700px; }

.mres__row[b-6mhpvp57i6] { position: relative; }
.mres__row:has(.mres__link:focus-visible)[b-6mhpvp57i6] { outline: 3px solid var(--focus-ring); outline-offset: -3px; }

.mres__date[b-6mhpvp57i6] { white-space: nowrap; color: var(--text-2); font-size: var(--fs-14); font-variant-numeric: tabular-nums; }
.mres__event[b-6mhpvp57i6] { min-inline-size: 220px; }
.mres__link[b-6mhpvp57i6] { color: var(--text); font-weight: var(--fw-semibold); text-decoration: none; }
.mres__link[b-6mhpvp57i6]::after { content: ""; position: absolute; inset: 0; }
.mres__link:hover[b-6mhpvp57i6] { text-decoration: underline; text-underline-offset: 0.2em; }
.mres__link:focus-visible[b-6mhpvp57i6] { outline: none; }
.mres__second[b-6mhpvp57i6] { display: block; margin-block-start: 3px; font-size: var(--fs-13); color: var(--text-2); }
.mres__cat[b-6mhpvp57i6] { font-size: var(--fs-14); }

.mres__place[b-6mhpvp57i6] { white-space: nowrap; }
.mres__fig[b-6mhpvp57i6] { vertical-align: middle; }
.mres__of[b-6mhpvp57i6] {
    display: inline-block;
    margin-inline-start: 5px;
    vertical-align: middle;
    font-family: var(--font-text);
    font-size: var(--fs-13);
    font-weight: var(--fw-medium);
    color: var(--text-2);
}
.mres__podium[b-6mhpvp57i6] { display: flex; inline-size: fit-content; margin: 5px auto 0; font-family: var(--font-text); }

.mres__tag[b-6mhpvp57i6] {
    display: block;
    margin-block-start: 2px;
    font-size: var(--fs-12);
    font-weight: var(--fw-semibold);
    color: var(--c-sand-ink);
}

.tb tfoot th[b-6mhpvp57i6],
.tb tfoot td[b-6mhpvp57i6] {
    padding: var(--s-3);
    border-block-start: 1px solid var(--c-line-2);
    font-weight: var(--fw-semibold);
}
.mres__total-label[b-6mhpvp57i6] { text-align: end; }
.mres__total[b-6mhpvp57i6] { font-size: var(--fs-16); }

.mres__cards[b-6mhpvp57i6] { display: none; margin: 0; padding: 0; list-style: none; border-block-start: 1px solid var(--c-line-2); }
.mres-card[b-6mhpvp57i6] { border-block-end: 1px solid var(--c-line); }
.mres-card__link[b-6mhpvp57i6] {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    gap: var(--s-3);
    align-items: start;
    padding: var(--s-4) var(--s-1);
    color: inherit;
    text-decoration: none;
}
.mres-card__link:hover .mres-card__title[b-6mhpvp57i6] { text-decoration: underline; text-underline-offset: 0.2em; }
.mres-card__link:focus-visible[b-6mhpvp57i6] { outline-offset: -3px; }
.mres-card__place[b-6mhpvp57i6] { display: grid; justify-items: center; padding-block-start: 2px; text-align: center; line-height: 1; }
.mres-card__fig[b-6mhpvp57i6] { font-family: var(--font-display); font-weight: var(--fw-bold); font-size: 2.25rem; line-height: 0.85; }
.mres-card__of[b-6mhpvp57i6] { margin-block-start: 3px; font-size: var(--fs-12); color: var(--text-2); }
.mres-card__code[b-6mhpvp57i6] { font-size: var(--fs-15); font-weight: var(--fw-semibold); color: var(--text-2); text-decoration: none; }
.mres-card__body[b-6mhpvp57i6] { display: grid; gap: 5px; min-inline-size: 0; }
.mres-card__title[b-6mhpvp57i6] { font-size: var(--fs-16); font-weight: var(--fw-semibold); line-height: 1.3; }
.mres-card__line[b-6mhpvp57i6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px var(--s-3);
    font-size: var(--fs-14);
    color: var(--text-2);
}
.mres-card__cat[b-6mhpvp57i6] { color: var(--text); }
.mres-card__small[b-6mhpvp57i6] { font-size: var(--fs-13); }
.mres-card__link[b-6mhpvp57i6]  .mres-card__chev { align-self: center; color: var(--text-3); }

.mres__total-phone[b-6mhpvp57i6] { display: none; padding-block: var(--s-3); font-weight: var(--fw-semibold); }
.mres__notes[b-6mhpvp57i6] { display: grid; gap: var(--s-1); }

@media (max-width: 767px) {
    .mres__table[b-6mhpvp57i6] { display: none; }
    .mres__cards[b-6mhpvp57i6] { display: block; }
    .mres__total-phone[b-6mhpvp57i6] { display: block; }
}

@media (max-width: 1023px) {
    .mres__table .tb thead th[b-6mhpvp57i6],
    .mres__table .tb tbody td[b-6mhpvp57i6],
    .mres__table .tb tfoot th[b-6mhpvp57i6],
    .mres__table .tb tfoot td[b-6mhpvp57i6] { padding-inline: var(--s-2); }
    .mres__event[b-6mhpvp57i6] { min-inline-size: 160px; }
    .mres__date[b-6mhpvp57i6] { white-space: normal; min-inline-size: 64px; }
}
/* /Shared/Rider/NextRaceCard.razor.rz.scp.css */
/* "התחרות הבאה שלך" (DESIGN.md §6.7.2 item 3) - scoped. The countdown is a Night Ride timing tile. */
.nextrace[b-zb28hr9upa] { display: grid; grid-template-rows: auto 1fr; min-inline-size: 0; }
.nextrace__h[b-zb28hr9upa] { margin-block-end: var(--s-4); }

.nextrace__panel[b-zb28hr9upa] {
    display: flex;
    flex-direction: column;
    gap: var(--s-5);
    min-inline-size: 0;
}

.nextrace__race[b-zb28hr9upa] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-4); }

.nextrace__top[b-zb28hr9upa] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--s-5);
    align-items: start;
}

.nextrace__count[b-zb28hr9upa] {
    display: grid;
    justify-items: center;
    align-content: center;
    min-inline-size: 104px;
    min-block-size: 112px;
    padding: var(--s-3) var(--s-4) var(--s-4);
    border-radius: var(--r-md);
    border-block-start: 3px solid var(--c-cyan);
    background: var(--c-night);
    color: var(--c-white);
    text-align: center;
}
.nextrace__fig[b-zb28hr9upa] {
    font-family: var(--font-display);
    font-weight: var(--fw-bold);
    font-size: 4.75rem;
    line-height: 0.82;
    direction: ltr;
}
.nextrace__unit[b-zb28hr9upa] { margin-block-start: 6px; font-size: var(--fs-15); font-weight: var(--fw-medium); color: var(--c-on-night-2); }
.nextrace__word[b-zb28hr9upa] {
    max-inline-size: 7ch;
    font-family: var(--font-display);
    font-weight: var(--fw-bold);
    font-size: 2.6rem;
    line-height: 0.9;
}

.nextrace__head[b-zb28hr9upa] { min-inline-size: 0; padding-block-start: 2px; }
.nextrace__title[b-zb28hr9upa] { font-size: var(--fs-22); line-height: 1.25; }
.nextrace__title a[b-zb28hr9upa] { color: inherit; text-decoration: none; }
.nextrace__title a:hover[b-zb28hr9upa] { text-decoration: underline; text-underline-offset: 0.2em; }

.nextrace__badges[b-zb28hr9upa] { display: flex; flex-wrap: wrap; gap: var(--s-2); margin-block-start: var(--s-3); }

.nextrace__facts[b-zb28hr9upa] {
    display: grid;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
    color: var(--text-2);
    font-size: var(--fs-15);
}
.nextrace__facts li[b-zb28hr9upa] { display: flex; align-items: flex-start; gap: var(--s-2); }
.nextrace__facts[b-zb28hr9upa]  .icon { margin-block-start: 3px; color: var(--text-3); }

.nextrace__kv[b-zb28hr9upa] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-3) var(--s-6);
    margin: 0;
    padding-block-start: var(--s-4);
    border-block-start: 1px solid var(--c-line);
}
.nextrace__kv > div[b-zb28hr9upa] { display: grid; gap: 1px; align-content: start; min-inline-size: 0; }
.nextrace__kv dt[b-zb28hr9upa] { font-size: var(--fs-13); color: var(--text-3); }
.nextrace__kv dd[b-zb28hr9upa] { font-weight: var(--fw-medium); }

.nextrace__warn[b-zb28hr9upa] { align-items: start; }
.nextrace__warn p[b-zb28hr9upa] { margin: 0; }

.nextrace__actions[b-zb28hr9upa] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2) var(--s-5); }
.nextrace__cancel[b-zb28hr9upa] { color: var(--text-2); }
.nextrace__cancel:hover[b-zb28hr9upa] { color: var(--text); }

.nextrace__foot[b-zb28hr9upa] {
    display: grid;
    gap: var(--s-1);
    margin-block-start: auto;
    padding-block-start: var(--s-3);
    border-block-start: 1px solid var(--c-line);
}
.nextrace__all[b-zb28hr9upa] {
    justify-self: start;
    display: inline-flex;
    align-items: center;
    min-block-size: var(--tap);
    font-weight: var(--fw-semibold);
}
.nextrace__wait[b-zb28hr9upa] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-1) var(--s-3);
    font-size: var(--fs-15);
    color: var(--text-2);
}
.nextrace__wait[b-zb28hr9upa]  .icon { color: var(--c-sand-ink); }
.nextrace__waitlink[b-zb28hr9upa] { display: inline-flex; align-items: center; min-block-size: var(--tap); font-weight: var(--fw-medium); color: var(--text); }

.nextrace__panel[b-zb28hr9upa]  .nextrace__empty { padding-block: var(--s-4); }

@media (max-width: 767px) {
    .nextrace__top[b-zb28hr9upa] { gap: var(--s-4); }
    .nextrace__count[b-zb28hr9upa] { min-inline-size: 84px; min-block-size: 92px; padding-inline: var(--s-3); }
    .nextrace__fig[b-zb28hr9upa] { font-size: 3.75rem; }
    .nextrace__word[b-zb28hr9upa] { font-size: 2.1rem; }
    .nextrace__title[b-zb28hr9upa] { font-size: var(--fs-20); }
    .nextrace__kv[b-zb28hr9upa] { grid-template-columns: minmax(0, 1fr); gap: var(--s-2); }
    .nextrace__kv > div[b-zb28hr9upa] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 var(--s-2); }
    .nextrace__kv dt[b-zb28hr9upa] { font-size: var(--fs-14); color: var(--text-2); }
}

@media (max-width: 359px) {
    .nextrace__actions[b-zb28hr9upa] { flex-direction: column; align-items: stretch; }
    .nextrace__actions .btn[b-zb28hr9upa] { inline-size: 100%; }
}
/* /Shared/Rider/PastRacesDisclosure.razor.rz.scp.css */
/* "תחרויות שהסתיימו" disclosure (DESIGN.md §6.7.3 item 4) - scoped. Expands via grid rows (instant under reduced
   motion); hidden rows leave the tab order (visibility). */
.past[b-ytxp9rluiy] { scroll-margin-block-start: 64px; }

.past__h[b-ytxp9rluiy] { font-size: var(--fs-h2); }

.past__toggle[b-ytxp9rluiy] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-3);
    min-block-size: var(--tap);
    color: var(--text);
    font: inherit;
    text-align: start;
    border-radius: var(--r-sm);
}
.past__toggle:hover span[b-ytxp9rluiy] { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 0.2em; }
.past__toggle[b-ytxp9rluiy]  .past__chev { color: var(--text-2); transition: transform var(--dur-3) var(--ease-out); }
.past__toggle[aria-expanded="true"][b-ytxp9rluiy]  .past__chev { transform: rotate(180deg); }

.past__panel[b-ytxp9rluiy] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--dur-4) var(--ease-out);
}
.past__panel.is-open[b-ytxp9rluiy] { grid-template-rows: 1fr; }
.past__inner[b-ytxp9rluiy] {
    min-block-size: 0;
    overflow: hidden;
    visibility: hidden;
    transition: visibility 0s linear var(--dur-4);
}
.past__panel.is-open .past__inner[b-ytxp9rluiy] { visibility: visible; transition-delay: 0s; }

.past__list[b-ytxp9rluiy] {
    margin: var(--s-4) 0 0;
    padding: 0;
    list-style: none;
    border-block-start: 1px solid var(--c-line-2);
}

.past__row[b-ytxp9rluiy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "l1 link"
        "l2 link";
    align-items: center;
    gap: 6px var(--s-4);
    padding-block: var(--s-4);
    border-block-end: 1px solid var(--c-line);
}

.past__l1[b-ytxp9rluiy] {
    grid-area: l1;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px var(--s-3);
    margin: 0;
}
.past__date[b-ytxp9rluiy] { font-size: var(--fs-14); color: var(--text-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
.past__title[b-ytxp9rluiy] { font-weight: var(--fw-semibold); }

.past__l2[b-ytxp9rluiy] {
    grid-area: l2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px var(--s-3);
    margin: 0;
    font-size: var(--fs-14);
    color: var(--text-2);
}
.past__result[b-ytxp9rluiy] { font-weight: var(--fw-semibold); color: var(--text); }

.past__link[b-ytxp9rluiy] {
    grid-area: link;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    min-block-size: var(--tap);
    padding-inline: var(--s-3) var(--s-2);
    border-radius: var(--r-sm);
    color: var(--text);
    font-weight: var(--fw-semibold);
    text-decoration: none;
    white-space: nowrap;
}
.past__link:hover[b-ytxp9rluiy] { background: color-mix(in srgb, var(--text) 5%, transparent); }
.past__link:hover span[b-ytxp9rluiy] { text-decoration: underline; text-underline-offset: 0.2em; }

.past__none[b-ytxp9rluiy] { margin-block-start: var(--s-4); color: var(--text-2); }

.past__foot[b-ytxp9rluiy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-2) var(--s-5);
    margin-block-start: var(--s-3);
}
.past__legend[b-ytxp9rluiy] { margin: 0; }
.past__all[b-ytxp9rluiy] { display: inline-flex; align-items: center; min-block-size: var(--tap); font-weight: var(--fw-medium); }

@media (max-width: 767px) {
    .past__row[b-ytxp9rluiy] {
        grid-template-areas:
            "l1 link"
            "l2 l2";
        align-items: start;
    }
    .past__l1[b-ytxp9rluiy] { padding-block-start: 10px; }
}
/* /Shared/Rider/PlacesChart.razor.rz.scp.css */
/* PlacesChart (DESIGN.md §6.7.4 item 3) - scoped. Geometry from CSS variables: --rows (largest field), --r (one place),
   --pad (room above place 1 for its label); per column --n (field size) and --p (the place). */
.places[b-h9rt4nuazb] {
    --r: 20px;
    --pad: 30px;
    --xband: 46px;
    margin: 0;
}

.places__cap[b-h9rt4nuazb] { margin-block-end: var(--s-4); font-size: var(--fs-15); color: var(--text-2); }

.places__plot[b-h9rt4nuazb] {
    max-inline-size: 980px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--s-2);
}

.places__gutter[b-h9rt4nuazb] { position: relative; inline-size: 52px; }
.places__band-label[b-h9rt4nuazb] {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: calc(var(--pad) + 1.5 * var(--r));
    transform: translateY(-50%);
    font-size: var(--fs-13);
    font-weight: var(--fw-semibold);
    color: var(--c-sand-ink);
}

.places__area[b-h9rt4nuazb] { position: relative; min-inline-size: 0; }

.places__band[b-h9rt4nuazb] {
    position: absolute;
    inset-inline: 0;
    inset-block-start: var(--pad);
    block-size: calc(3 * var(--r));
    border-block: 1px solid color-mix(in srgb, var(--c-sand) 55%, transparent);
    background: var(--c-sand-tint);
}

.places__cols[b-h9rt4nuazb] {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    margin: 0;
    padding: 0;
    list-style: none;
}
.places__col[b-h9rt4nuazb] { position: relative; min-inline-size: 0; }

.places__link[b-h9rt4nuazb] {
    position: relative;
    display: block;
    block-size: calc(var(--pad) + var(--rows) * var(--r) + var(--xband));
    border-radius: var(--r-sm);
    color: var(--text);
    text-decoration: none;
    transition: background-color var(--dur-1) ease;
}
.places__link:hover[b-h9rt4nuazb],
.places__link:focus-visible[b-h9rt4nuazb] { background: color-mix(in srgb, var(--c-cyan) 10%, transparent); }
.places__link:focus-visible[b-h9rt4nuazb] { outline-offset: -3px; }

/* the track: place 1 at the top, the field size N at the bottom */
.places__track[b-h9rt4nuazb],
.places__ticks[b-h9rt4nuazb] {
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: calc(var(--pad) + 0.5 * var(--r));
    block-size: calc((var(--n) - 1) * var(--r));
}
.places__track[b-h9rt4nuazb] {
    inline-size: 2px;
    margin-inline-start: -1px;
    border-radius: 1px;
    background: var(--c-line-strong);
    opacity: 0.55;
}
.places__ticks[b-h9rt4nuazb] {
    inline-size: 12px;
    margin-inline-start: -6px;
    block-size: calc((var(--n) - 1) * var(--r) + 1px);
    background: repeating-linear-gradient(to bottom, var(--c-line-2) 0 1px, transparent 1px var(--r));
}
/* the end of the field: a wider bar at place N */
.places__ticks[b-h9rt4nuazb]::after {
    content: "";
    position: absolute;
    inset-inline: -4px;
    inset-block-end: 0;
    block-size: 2px;
    border-radius: 1px;
    background: var(--c-line-strong);
}

.places__dot[b-h9rt4nuazb] {
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: calc(var(--pad) + (var(--p) - 0.5) * var(--r) - 7px);
    inline-size: 14px;
    block-size: 14px;
    margin-inline-start: -7px;
    border-radius: 50%;
    background: var(--c-night);
    box-shadow: 0 0 0 2px var(--c-white);
    transition: transform var(--dur-2) var(--ease-out);
}
.places__link:hover .places__dot[b-h9rt4nuazb],
.places__link:focus-visible .places__dot[b-h9rt4nuazb] { transform: scale(1.18); }

.places__val[b-h9rt4nuazb] {
    position: absolute;
    inset-inline: 0;
    inset-block-start: calc(var(--pad) + (var(--p) - 0.5) * var(--r) - 29px);
    direction: ltr;
    unicode-bidi: isolate;
    text-align: center;
    font-size: var(--fs-13);
    font-weight: var(--fw-semibold);
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
    white-space: nowrap;
    text-shadow: 0 0 3px var(--c-chalk), 0 0 3px var(--c-chalk), 0 0 2px var(--c-chalk);
}

.places__dnf[b-h9rt4nuazb] {
    position: absolute;
    inset-inline: 0;
    inset-block-start: calc(var(--pad) + (var(--n) - 0.5) * var(--r) + 6px);
    text-align: center;
    font-size: var(--fs-12);
    font-weight: var(--fw-semibold);
    color: var(--text-2);
}

.places__x[b-h9rt4nuazb] {
    position: absolute;
    inset-inline: 2px;
    inset-block-end: 0;
    display: grid;
    gap: 1px;
    min-block-size: calc(var(--xband) - 8px);
    align-content: start;
    text-align: center;
    line-height: 1.25;
}
.places__x-d[b-h9rt4nuazb] { font-size: var(--fs-13); font-weight: var(--fw-semibold); }
.places__x-date[b-h9rt4nuazb] { font-size: var(--fs-12); color: var(--text-2); }

/* hover / focus tooltip repeating the row (fine pointers and keyboard only). display:none while hidden, so it never
   adds scrollable overflow near the page edges. */
.places__tip[b-h9rt4nuazb] {
    position: absolute;
    inset-block-end: calc(100% + 6px);
    inset-inline-start: 50%;
    z-index: var(--z-raised);
    display: none;
    gap: 2px;
    inline-size: max-content;
    max-inline-size: 220px;
    padding: var(--s-2) var(--s-3);
    border: 1px solid var(--c-line);
    border-radius: var(--r-sm);
    background: var(--c-white);
    box-shadow: var(--shadow-2);
    font-size: var(--fs-13);
    line-height: 1.35;
    text-align: start;
    white-space: normal;
    transform: translateX(50%);
    pointer-events: none;
    animation: places-tip-in-b-h9rt4nuazb var(--dur-2) var(--ease-out) both;
}
@keyframes places-tip-in-b-h9rt4nuazb { from { opacity: 0; } to { opacity: 1; } }
.places__tip-title[b-h9rt4nuazb] { font-weight: var(--fw-semibold); }
.places__col:first-child .places__tip[b-h9rt4nuazb] { inset-inline-start: 0; transform: none; }
.places__col:last-child .places__tip[b-h9rt4nuazb] { inset-inline-start: auto; inset-inline-end: 0; transform: none; }
.places__link:focus-visible .places__tip[b-h9rt4nuazb] { display: grid; }
@media (hover: hover) and (pointer: fine) {
    .places__link:hover .places__tip[b-h9rt4nuazb] { display: grid; }
}

@media (max-width: 767px) {
    .places[b-h9rt4nuazb] { --r: 16px; --pad: 28px; --xband: 50px; }
    .places__gutter[b-h9rt4nuazb] { inline-size: 40px; }
    .places__band-label[b-h9rt4nuazb] { font-size: var(--fs-12); }
    .places__val[b-h9rt4nuazb] { font-size: var(--fs-12); inset-block-start: calc(var(--pad) + (var(--p) - 0.5) * var(--r) - 26px); }
    .places__dot[b-h9rt4nuazb] { inline-size: 12px; block-size: 12px; margin-inline-start: -6px; inset-block-start: calc(var(--pad) + (var(--p) - 0.5) * var(--r) - 6px); }
    .places__x-d[b-h9rt4nuazb], .places__x-date[b-h9rt4nuazb] { font-size: var(--fs-12); }
}
/* /Shared/Rider/PrereqList.razor.rz.scp.css */
/* PrereqList (DESIGN.md §6.7.5 item 3) - scoped. Hairline rows; the badge at the end of the name line. */
.prereq[b-ltnalfwxgq] { min-inline-size: 0; scroll-margin-block-start: 64px; }
.prereq__h[b-ltnalfwxgq] { margin-block-end: var(--s-3); }
.prereq__intro[b-ltnalfwxgq] { max-inline-size: 68ch; margin-block-end: var(--s-4); font-size: var(--fs-15); color: var(--text-2); }

.prereq__list[b-ltnalfwxgq] { margin: 0; padding: 0; list-style: none; border-block-start: 1px solid var(--c-line-2); }

.prereq__row[b-ltnalfwxgq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
    padding-block: var(--s-4);
    border-block-end: 1px solid var(--c-line);
}

.prereq__name-line[b-ltnalfwxgq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-2) var(--s-3);
}
.prereq__name[b-ltnalfwxgq] { font-size: var(--fs-16); font-weight: var(--fw-semibold); line-height: 1.35; }
.prereq__detail[b-ltnalfwxgq] { font-weight: var(--fw-medium); }

.prereq__meta[b-ltnalfwxgq] { display: flex; flex-wrap: wrap; row-gap: 2px; font-size: var(--fs-13); color: var(--text-2); }
.prereq__meta > span + span[b-ltnalfwxgq] { position: relative; margin-inline-start: var(--s-2); padding-inline-start: var(--s-2); }
.prereq__meta > span + span[b-ltnalfwxgq]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block: 0.25em;
    inline-size: 1px;
    background: var(--c-line-2);
}

.prereq__clash[b-ltnalfwxgq] {
    display: flex;
    align-items: flex-start;
    gap: var(--s-2);
    margin-block-start: var(--s-1);
    padding: var(--s-2) var(--s-3);
    border-radius: var(--r-sm);
    background: var(--c-sand-tint);
    font-size: var(--fs-14);
}
.prereq__clash[b-ltnalfwxgq]  .icon { flex-shrink: 0; margin-block-start: 3px; color: var(--c-sand-ink); }

.prereq__actions[b-ltnalfwxgq] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-1) var(--s-4); margin-block-start: var(--s-2); }

.prereq__sub[b-ltnalfwxgq] {
    display: grid;
    gap: 4px;
    margin-block-start: var(--s-3);
    padding-inline-start: var(--s-4);
    border-inline-start: 2px solid var(--c-line-2);
}
.prereq__sub-name[b-ltnalfwxgq] { font-size: var(--fs-15); font-weight: var(--fw-semibold); }

@media (max-width: 767px) {
    .prereq__meta[b-ltnalfwxgq] { flex-direction: column; }
    .prereq__meta > span + span[b-ltnalfwxgq] { margin-inline-start: 0; padding-inline-start: 0; }
    .prereq__meta > span + span[b-ltnalfwxgq]::before { display: none; }
    .prereq__actions[b-ltnalfwxgq] { flex-direction: column; align-items: stretch; }
    .prereq__actions .btn[b-ltnalfwxgq] { inline-size: 100%; }
}
/* /Shared/Rider/ProfileBib.razor.rz.scp.css */
/* Rider profile bib header (DESIGN.md §6.8.2 item 1; UI_DESIGN §9.8) - scoped. Same bib language as the 404 page:
   white panel, Night Ride top band, four pin holes; the permanent number printed big in Karantina. */
.bib[b-n1s8qtarwa] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas:
        "avatar name number"
        "avatar meta number"
        "avatar meta share";
    grid-template-rows: auto auto 1fr;
    gap: var(--s-2) var(--s-6);
    align-items: start;
    margin-block-start: var(--s-5);
    padding: var(--s-8) var(--s-8) var(--s-7);
    border-block-start: 12px solid var(--c-night);
    border-radius: var(--r-sm);
    background: var(--c-white);
    box-shadow: var(--shadow-1);
}

.bib__pin[b-n1s8qtarwa] {
    position: absolute;
    inline-size: 12px;
    block-size: 12px;
    border-radius: 50%;
    background: var(--c-chalk-2);
    box-shadow: inset 0 1px 2px color-mix(in srgb, var(--c-night) 28%, transparent);
}
.bib__pin--1[b-n1s8qtarwa] { inset-block-start: 14px; inset-inline-start: 14px; }
.bib__pin--2[b-n1s8qtarwa] { inset-block-start: 14px; inset-inline-end: 14px; }
.bib__pin--3[b-n1s8qtarwa] { inset-block-end: 14px; inset-inline-start: 14px; }
.bib__pin--4[b-n1s8qtarwa] { inset-block-end: 14px; inset-inline-end: 14px; }

.bib__avatar[b-n1s8qtarwa] {
    grid-area: avatar;
    display: grid;
    place-items: center;
    inline-size: 96px;
    block-size: 96px;
    border-radius: 50%;
    background: var(--c-night);
    color: var(--c-white);
    font-size: 2.25rem;
    font-weight: var(--fw-semibold);
    line-height: 1;
    user-select: none;
}

.bib__name.page-header__title[b-n1s8qtarwa] {
    grid-area: name;
    margin: 0;
    padding-block-start: var(--s-1);
    font-size: clamp(2.6rem, 1.5rem + 3.2vw, 4.75rem);
    line-height: 0.92;
}

.bib__number[b-n1s8qtarwa] {
    grid-area: number;
    display: grid;
    justify-items: end;
    align-self: start;
    color: var(--c-ink);
    text-align: end;
}
.bib__number-family[b-n1s8qtarwa] { font-size: var(--fs-13); font-weight: var(--fw-semibold); color: var(--text-2); }
.bib__number-value[b-n1s8qtarwa] {
    font-family: var(--font-display);
    font-weight: var(--fw-bold);
    font-size: clamp(4rem, 2.6rem + 3.6vw, 6.5rem);
    line-height: 0.8;
    direction: ltr;
    letter-spacing: 0.01em;
}

.bib__meta[b-n1s8qtarwa] { grid-area: meta; display: grid; gap: var(--s-3); min-inline-size: 0; }
.bib__club[b-n1s8qtarwa] { font-size: var(--fs-18); font-weight: var(--fw-medium); color: var(--text); }

.bib__cats[b-n1s8qtarwa] { display: flex; align-items: center; gap: var(--s-3); min-inline-size: 0; }
.bib__cats-label[b-n1s8qtarwa] { font-size: var(--fs-14); color: var(--text-2); white-space: nowrap; }
.bib__chips[b-n1s8qtarwa] { display: flex; flex-wrap: wrap; gap: var(--s-2); margin: 0; padding: 0; list-style: none; }
.bib__chip[b-n1s8qtarwa] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-block-size: 30px;
    padding-inline: 10px 12px;
    border: 1px solid var(--c-line-2);
    border-radius: var(--r-pill);
    background: var(--c-white);
    font-size: var(--fs-14);
    font-weight: var(--fw-medium);
    white-space: nowrap;
}
.bib__dot[b-n1s8qtarwa] { flex-shrink: 0; inline-size: 8px; block-size: 8px; border-radius: 50%; background: var(--d, var(--c-ink-3)); }

.bib__numbers[b-n1s8qtarwa] { font-size: var(--fs-15); color: var(--text-2); }

.bib__share[b-n1s8qtarwa] { grid-area: share; align-self: end; justify-self: end; }

@media (max-width: 1023px) {
    .bib[b-n1s8qtarwa] { padding-inline: var(--s-6); column-gap: var(--s-5); }
    .bib__avatar[b-n1s8qtarwa] { inline-size: 72px; block-size: 72px; font-size: 1.75rem; }
    .bib__cats[b-n1s8qtarwa] { flex-direction: column; align-items: stretch; gap: var(--s-2); }
}

@media (max-width: 767px) {
    .bib[b-n1s8qtarwa] {
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-areas:
            "avatar name"
            "meta meta"
            "share share";
        grid-template-rows: auto;
        gap: var(--s-4);
        align-items: center;
        margin-block-start: var(--s-3);
        padding: var(--s-7) var(--s-4) var(--s-5);
        border-block-start-width: 10px;
    }
    .bib__pin[b-n1s8qtarwa] { inline-size: 10px; block-size: 10px; }
    .bib__pin--1[b-n1s8qtarwa], .bib__pin--2[b-n1s8qtarwa] { inset-block-start: 10px; }
    .bib__pin--3[b-n1s8qtarwa], .bib__pin--4[b-n1s8qtarwa] { inset-block-end: 10px; }
    .bib__pin--1[b-n1s8qtarwa], .bib__pin--3[b-n1s8qtarwa] { inset-inline-start: 10px; }
    .bib__pin--2[b-n1s8qtarwa], .bib__pin--4[b-n1s8qtarwa] { inset-inline-end: 10px; }
    .bib__avatar[b-n1s8qtarwa] { inline-size: 48px; block-size: 48px; font-size: 1.125rem; }
    .bib__name.page-header__title[b-n1s8qtarwa] { font-size: clamp(2.2rem, 1.6rem + 3vw, 2.9rem); padding-block-start: 0; }
    .bib__number[b-n1s8qtarwa] { display: none; }
    .bib__club[b-n1s8qtarwa] { font-size: var(--fs-16); }
    .bib__chips[b-n1s8qtarwa] {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        margin-inline: calc(-1 * var(--s-4));
        padding-inline: var(--s-4);
        padding-block: 2px;
    }
    .bib__chips[b-n1s8qtarwa]::-webkit-scrollbar { display: none; }
    .bib__share[b-n1s8qtarwa] { justify-self: start; inline-size: calc(50% - var(--s-2)); }
    .bib__share[b-n1s8qtarwa]  .popover-anchor,
    .bib__share[b-n1s8qtarwa]  .bib__share-btn { inline-size: 100%; }
}
/* /Shared/Rider/ProfileResultsBoard.razor.rz.scp.css */
/* Rider profile results table and phone cards (DESIGN.md §6.8.2 item 4b) - scoped. Built on the timing-board kit. */
.pres[b-yyums0t72h] { animation: pres-in-b-yyums0t72h var(--dur-3) var(--ease-out) both; }
@keyframes pres-in-b-yyums0t72h { from { opacity: 0; } to { opacity: 1; } }

.pres__table .tb thead th.tb__place[b-yyums0t72h] {
    font-family: var(--font-text);
    font-size: var(--fs-13);
    font-weight: var(--fw-medium);
    line-height: 1.3;
    color: var(--text-3);
}
.pres__table .tb[b-yyums0t72h] { min-inline-size: 700px; }

.pres__row[b-yyums0t72h] { position: relative; }
.pres__row:has(.pres__link:focus-visible)[b-yyums0t72h] { outline: 3px solid var(--focus-ring); outline-offset: -3px; }

.pres__date[b-yyums0t72h] { white-space: nowrap; color: var(--text-2); font-size: var(--fs-14); font-variant-numeric: tabular-nums; }
.pres__event[b-yyums0t72h] { min-inline-size: 220px; }
.pres__link[b-yyums0t72h] { color: var(--text); font-weight: var(--fw-semibold); text-decoration: none; }
.pres__link[b-yyums0t72h]::after { content: ""; position: absolute; inset: 0; }
.pres__link:hover[b-yyums0t72h] { text-decoration: underline; text-underline-offset: 0.2em; }
.pres__link:focus-visible[b-yyums0t72h] { outline: none; }
.pres__second[b-yyums0t72h] { display: block; margin-block-start: 3px; font-size: var(--fs-13); color: var(--text-2); }
.pres__cat[b-yyums0t72h] { font-size: var(--fs-14); }

.pres__place[b-yyums0t72h] { white-space: nowrap; }
.pres__fig[b-yyums0t72h] { vertical-align: middle; }
.pres__of[b-yyums0t72h] {
    display: inline-block;
    margin-inline-start: 5px;
    vertical-align: middle;
    font-family: var(--font-text);
    font-size: var(--fs-13);
    font-weight: var(--fw-medium);
    color: var(--text-2);
}
.pres__podium[b-yyums0t72h] { display: flex; inline-size: fit-content; margin: 5px auto 0; font-family: var(--font-text); }

.pres__tag[b-yyums0t72h] {
    display: block;
    margin-block-start: 2px;
    font-size: var(--fs-12);
    font-weight: var(--fw-semibold);
    color: var(--c-sand-ink);
}

.tb tfoot th[b-yyums0t72h],
.tb tfoot td[b-yyums0t72h] {
    padding: var(--s-3);
    border-block-start: 1px solid var(--c-line-2);
    font-weight: var(--fw-semibold);
}
.pres__total-label[b-yyums0t72h] { text-align: end; }
.pres__total[b-yyums0t72h] { font-size: var(--fs-16); }

.pres__cards[b-yyums0t72h] { display: none; margin: 0; padding: 0; list-style: none; border-block-start: 1px solid var(--c-line-2); }
.pres-card[b-yyums0t72h] { border-block-end: 1px solid var(--c-line); }
.pres-card__link[b-yyums0t72h] {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    gap: var(--s-3);
    align-items: start;
    padding: var(--s-4) var(--s-1);
    color: inherit;
    text-decoration: none;
}
.pres-card__link:hover .pres-card__title[b-yyums0t72h] { text-decoration: underline; text-underline-offset: 0.2em; }
.pres-card__link:focus-visible[b-yyums0t72h] { outline-offset: -3px; }
.pres-card__place[b-yyums0t72h] { display: grid; justify-items: center; padding-block-start: 2px; text-align: center; line-height: 1; }
.pres-card__fig[b-yyums0t72h] { font-family: var(--font-display); font-weight: var(--fw-bold); font-size: 2.25rem; line-height: 0.85; }
.pres-card__of[b-yyums0t72h] { margin-block-start: 3px; font-size: var(--fs-12); color: var(--text-2); }
.pres-card__code[b-yyums0t72h] { font-size: var(--fs-15); font-weight: var(--fw-semibold); color: var(--text-2); text-decoration: none; }
.pres-card__body[b-yyums0t72h] { display: grid; gap: 5px; min-inline-size: 0; }
.pres-card__title[b-yyums0t72h] { font-size: var(--fs-16); font-weight: var(--fw-semibold); line-height: 1.3; }
.pres-card__line[b-yyums0t72h] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px var(--s-3);
    font-size: var(--fs-14);
    color: var(--text-2);
}
.pres-card__cat[b-yyums0t72h] { color: var(--text); }
.pres-card__small[b-yyums0t72h] { font-size: var(--fs-13); }
.pres-card__link[b-yyums0t72h]  .pres-card__chev { align-self: center; color: var(--text-3); }

.pres__total-phone[b-yyums0t72h] { display: none; padding-block: var(--s-3); font-weight: var(--fw-semibold); }
.pres__notes[b-yyums0t72h] { display: grid; gap: var(--s-1); }

@media (max-width: 767px) {
    .pres__table[b-yyums0t72h] { display: none; }
    .pres__cards[b-yyums0t72h] { display: block; }
    .pres__total-phone[b-yyums0t72h] { display: block; }
}

.pres__laps[b-yyums0t72h] { display: block; margin-block-start: 3px; font-family: var(--font-text); font-size: var(--fs-12); font-weight: var(--fw-medium); color: var(--text-2); }
.pres__cat .pres__second[b-yyums0t72h] { max-inline-size: 30ch; }

@media (max-width: 1023px) {
    .pres__table .tb thead th[b-yyums0t72h],
    .pres__table .tb tbody td[b-yyums0t72h],
    .pres__table .tb tfoot th[b-yyums0t72h],
    .pres__table .tb tfoot td[b-yyums0t72h] { padding-inline: var(--s-2); }
    .pres__event[b-yyums0t72h] { min-inline-size: 160px; }
    .pres__date[b-yyums0t72h] { white-space: normal; min-inline-size: 64px; }
}
/* /Shared/Rider/ProfileUpcoming.razor.rz.scp.css */
/* Rider profile "תחרויות קרובות" (DESIGN.md §6.8.2 item 3) - scoped; built on the start-list rows of the kit. */
.pup[b-zp0wilm04o] { scroll-margin-block-start: var(--s-4); }
.pup__h[b-zp0wilm04o] { margin-block-end: var(--s-4); }

.pup__heat[b-zp0wilm04o] { font-size: var(--fs-15); font-weight: var(--fw-medium); color: var(--text); }
.pup__course[b-zp0wilm04o] { display: flex; align-items: center; gap: 6px; font-size: var(--fs-14); color: var(--text-2); }
.pup__course[b-zp0wilm04o]  .icon { flex-shrink: 0; color: var(--text-3); }

.pup__count[b-zp0wilm04o] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-block-size: 32px;
    padding: 2px var(--s-3);
    border: 1px solid var(--c-line-2);
    border-radius: var(--r-pill);
    background: var(--c-white);
    font-size: var(--fs-14);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
}
.pup__count[b-zp0wilm04o]  .icon { color: var(--c-cyan-ink); }

.pup__wait[b-zp0wilm04o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-1) var(--s-3);
    margin-block-start: var(--s-3);
    font-size: var(--fs-14);
    color: var(--text-2);
}
.pup__wait[b-zp0wilm04o]  .icon { color: var(--c-sand-ink); }
.pup__wait .link[b-zp0wilm04o] { display: inline-flex; align-items: center; min-block-size: var(--tap); font-weight: var(--fw-medium); color: var(--text); }

@media (max-width: 767px) {
    .pup__count[b-zp0wilm04o] { justify-self: start; }
}
/* /Shared/Rider/QrDemo.razor.rz.scp.css */
/* Mock QR (scoped): dark modules on white with a quiet zone, crisp at any size. */
.qr[b-mu8kdhcfp2] { display: block; inline-size: 100%; block-size: auto; aspect-ratio: 1; }
.qr__bg[b-mu8kdhcfp2] { fill: var(--c-white); }
.qr__fg[b-mu8kdhcfp2] { fill: var(--c-ink); }
/* /Shared/Rider/RaceDateBlock.razor.rz.scp.css */
/* Date block (UI_DESIGN §5.5) - scoped additions: a range ("17–19") never breaks, and its block may grow past the
   fixed 68px column when a row adds padding and a hairline at its end. */
.date-block__day[b-3yazn1j7zp] { white-space: nowrap; }
.date-block--range[b-3yazn1j7zp] { inline-size: auto; min-inline-size: 68px; }
/* /Shared/Rider/RiderHeader.razor.rz.scp.css */
/* Rider identity band (DESIGN.md §6.7.1 item 2) - scoped. */
.rband[b-bbbt6390l8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: var(--s-5);
    row-gap: var(--s-3);
    align-items: center;
    padding-block: var(--s-3) var(--s-5);
}

.rband__avatar[b-bbbt6390l8] {
    display: inline-grid;
    place-items: center;
    inline-size: 56px;
    block-size: 56px;
    border-radius: 50%;
    background: var(--c-night);
    color: var(--c-white);
    font-size: 1.375rem;
    font-weight: var(--fw-semibold);
    line-height: 1;
    user-select: none;
    box-shadow: 0 0 0 3px var(--c-chalk), 0 0 0 4px var(--c-line-2);
}

.rband__id[b-bbbt6390l8] { min-inline-size: 0; }

.rband__name[b-bbbt6390l8] {
    font-size: var(--fs-22);
    font-weight: var(--fw-semibold);
    line-height: 1.25;
}

.rband__meta[b-bbbt6390l8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: var(--s-1);
    margin-block-start: 2px;
    font-size: var(--fs-15);
    color: var(--text-2);
}

/* Separate items with a hairline, never a "a · b · c" string (UI_DESIGN §11). */
.rband__meta > * + *[b-bbbt6390l8] {
    position: relative;
    margin-inline-start: var(--s-3);
    padding-inline-start: var(--s-3);
}
.rband__meta > * + *[b-bbbt6390l8]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block: 0.25em;
    inline-size: 1px;
    background: var(--c-line-2);
}

.rband__public[b-bbbt6390l8] {
    position: relative;
    font-weight: var(--fw-medium);
    color: var(--text);
}
.rband__public[b-bbbt6390l8]::after,
.rband__more[b-bbbt6390l8]::after {
    content: "";
    position: absolute;
    inset: -10px -4px;
}
.rband__meta > .rband__public[b-bbbt6390l8]::before { inset-block: 0.25em; }

.rband__cats[b-bbbt6390l8] {
    grid-column: 2;
    display: flex;
    align-items: center;
    gap: var(--s-3);
    min-inline-size: 0;
}

.rband__cats-label[b-bbbt6390l8] {
    font-size: var(--fs-13);
    color: var(--text-3);
    white-space: nowrap;
}

.rband__cats-row[b-bbbt6390l8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-2) var(--s-4);
    min-inline-size: 0;
}

.rband__chips[b-bbbt6390l8] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-2);
    list-style: none;
    margin: 0;
    padding: 0;
}

.rband__chip[b-bbbt6390l8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-block-size: 30px;
    padding-inline: 10px 12px;
    border: 1px solid var(--c-line-2);
    border-radius: var(--r-pill);
    background: var(--c-white);
    color: var(--text);
    font-size: var(--fs-14);
    font-weight: var(--fw-medium);
    white-space: nowrap;
}

.rband__dot[b-bbbt6390l8] {
    inline-size: 8px;
    block-size: 8px;
    border-radius: 50%;
    background: var(--d, var(--c-ink-3));
    flex-shrink: 0;
}

.rband__more[b-bbbt6390l8] {
    position: relative;
    font-size: var(--fs-14);
    font-weight: var(--fw-medium);
    white-space: nowrap;
}

@media (min-width: 1024px) {
    .rband__avatar[b-bbbt6390l8] { grid-row: 1 / span 2; align-self: start; margin-block-start: 2px; }
    .rband:not(:has(.rband__cats)) .rband__avatar[b-bbbt6390l8] { grid-row: auto; }
}

/* Phone and tablet (< 1024px) */
@media (max-width: 1023px) {
    .rband[b-bbbt6390l8] { column-gap: var(--s-4); padding-block: var(--s-2) var(--s-4); }
    .rband__avatar[b-bbbt6390l8] { inline-size: 48px; block-size: 48px; font-size: 1.125rem; }
    .rband__name[b-bbbt6390l8] { font-size: var(--fs-20); }
    /* Narrow: the meta items wrap, so they are separated by space only (no hairline starting a line), and the
       public-profile link gets its own line. */
    .rband__meta[b-bbbt6390l8] { font-size: var(--fs-14); column-gap: var(--s-4); }
    .rband__meta > * + *[b-bbbt6390l8] { margin-inline-start: 0; padding-inline-start: 0; }
    .rband__meta > * + *[b-bbbt6390l8]::before { display: none; }
    .rband__public[b-bbbt6390l8] { flex-basis: 100%; margin-block-start: 2px; }

    .rband__cats[b-bbbt6390l8] {
        grid-column: 1 / -1;
        flex-direction: column;
        align-items: stretch;
        gap: var(--s-2);
    }

    .rband__cats-row[b-bbbt6390l8] {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        margin-inline: calc(-1 * var(--gutter));
        padding-inline: var(--gutter);
        padding-block: 2px;
        scroll-padding-inline: var(--gutter);
    }
    .rband__cats-row[b-bbbt6390l8]::-webkit-scrollbar { display: none; }
    .rband__chips[b-bbbt6390l8] { flex-wrap: nowrap; }
    .rband__more[b-bbbt6390l8] { padding-inline-end: var(--s-1); }
    .rband__more:focus-visible[b-bbbt6390l8] { outline-offset: -3px; }

    /* Sub-views: one compact line (avatar 32, name link, rider number); chips and the extra links hidden. */
    .rband--compact[b-bbbt6390l8] { padding-block: var(--s-1) var(--s-3); row-gap: 0; }
    .rband--compact .rband__avatar[b-bbbt6390l8] { inline-size: 32px; block-size: 32px; font-size: var(--fs-13); box-shadow: none; }
    .rband--compact .rband__id[b-bbbt6390l8] { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: var(--s-3); }
    .rband--compact .rband__name[b-bbbt6390l8] { font-size: var(--fs-16); }
    .rband--compact .rband__meta[b-bbbt6390l8] { margin-block-start: 0; }
    .rband--compact .rband__club[b-bbbt6390l8],
    .rband--compact .rband__season[b-bbbt6390l8],
    .rband--compact .rband__public[b-bbbt6390l8],
    .rband--compact .rband__cats[b-bbbt6390l8] { display: none; }
    .rband--compact .rband__num[b-bbbt6390l8] { margin-inline-start: 0; padding-inline-start: 0; }
    .rband--compact .rband__num[b-bbbt6390l8]::before { display: none; }
}
/* /Shared/Rider/RiderLayout.razor.rz.scp.css */
/* Rider-area frame (DESIGN.md §6.7.1) - scoped. */
/* The .page-header top, so the breadcrumbs sit at the same height as on every other inner page. */
.myframe[b-r4r2dthpyr] { padding-block-start: clamp(20px, 2vw + 12px, 44px); }

/* The view header sits right under the tab bar: a tighter top than other inner pages. */
.myview[b-r4r2dthpyr]  .page-header { padding-block-start: clamp(12px, 1vw + 8px, 24px); }

/* Numbers and ranges ("30-39", "10:50", "+1:47") never break across lines. */
.myview[b-r4r2dthpyr]  bdi.num { white-space: nowrap; }
/* /Shared/SignUp/CancelRegistrationDialog.razor.rz.scp.css */
/* CancelRegistrationDialog - the shared cancellation dialog body (§4.15.1). */
.cx[b-img421pvt8] {
    display: grid;
    gap: var(--s-4);
}

.cx__event[b-img421pvt8] {
    display: grid;
    gap: 2px;
}

.cx__event-title[b-img421pvt8] {
    font-size: var(--fs-18);
    font-weight: var(--fw-semibold);
    color: var(--c-ink);
}

.cx__event-date[b-img421pvt8] {
    color: var(--c-ink-2);
    font-size: var(--fs-15);
}

.cx__summary[b-img421pvt8] {
    display: grid;
    gap: var(--s-2);
    margin: 0;
    padding: var(--s-4);
    border-radius: var(--r-md);
    background: var(--c-chalk);
}

.cx__row[b-img421pvt8] {
    display: grid;
    grid-template-columns: 7.5em minmax(0, 1fr);
    gap: var(--s-3);
}

.cx__row dt[b-img421pvt8] {
    color: var(--c-ink-2);
    font-size: var(--fs-14);
}

.cx__row dd[b-img421pvt8] {
    font-weight: var(--fw-medium);
    color: var(--c-ink);
}

.cx__heading[b-img421pvt8] {
    font-size: var(--fs-15);
    margin-block-end: calc(-1 * var(--s-2));
}

.cx__policy[b-img421pvt8] {
    color: var(--c-ink-2);
    font-size: var(--fs-15);
}

.cx__refund[b-img421pvt8] {
    display: flex;
    align-items: flex-start;
    gap: var(--s-3);
    padding: var(--s-3) var(--s-4);
    border-radius: var(--r-md);
    border-inline-start: 4px solid var(--c-success-ink);
    background: var(--c-success-tint);
    color: var(--c-ink);
    font-weight: var(--fw-semibold);
}

.cx__refund.is-none[b-img421pvt8] {
    border-inline-start-color: var(--c-sand-ink);
    background: var(--c-sand-tint);
}

.cx__refund[b-img421pvt8]  .icon {
    flex: none;
    margin-block-start: 3px;
    color: var(--c-ink-2);
}

.cx__demo[b-img421pvt8] {
    color: var(--c-ink-3);
    font-size: var(--fs-13);
}

.cx .dialog__actions[b-img421pvt8] {
    margin-block-start: var(--s-2);
}

@media (max-width: 479px) {
    .cx__row[b-img421pvt8] {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }
}
/* /Shared/SignUp/LeaveWaitlistDialog.razor.rz.scp.css */
/* LeaveWaitlistDialog - the shared leave-waitlist dialog body (§4.15.2). */
.cx[b-hyk7k3qgwu] {
    display: grid;
    gap: var(--s-4);
}

.cx__event[b-hyk7k3qgwu] {
    display: grid;
    gap: 2px;
}

.cx__event-title[b-hyk7k3qgwu] {
    font-size: var(--fs-18);
    font-weight: var(--fw-semibold);
    color: var(--c-ink);
}

.cx__event-date[b-hyk7k3qgwu] {
    color: var(--c-ink-2);
    font-size: var(--fs-15);
}

.cx__policy[b-hyk7k3qgwu] {
    color: var(--c-ink-2);
    font-size: var(--fs-15);
}

.cx .dialog__actions[b-hyk7k3qgwu] {
    margin-block-start: var(--s-2);
}

/* /Shared/SignUp/SignupDialog.razor.rz.scp.css */
/* The sign-up dialog: a fixed head (event line + stepper), a scrolling step body, the shared dialog footer. */

/* The shared frame's body becomes a column so the head stays and only the step scrolls. */
.su-host[b-8b9ca8oxp0]  .su-dialog .dialog__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-block-size: 0;
    padding: 0;
    overflow: hidden;
}

.su-host[b-8b9ca8oxp0]  .su-dialog .dialog__header {
    padding-block-end: var(--s-1);
}

.su[b-8b9ca8oxp0] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-block-size: 0;
}

.su__head[b-8b9ca8oxp0] {
    display: grid;
    gap: var(--s-5);
    padding: 0 var(--s-7) var(--s-5);
    border-block-end: 1px solid var(--c-line);
}

.su__event[b-8b9ca8oxp0] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px var(--s-4);
    color: var(--c-ink-2);
    font-size: var(--fs-14);
}

.su__event-title[b-8b9ca8oxp0] {
    color: var(--c-ink);
    font-weight: var(--fw-semibold);
}

.su__event-meta[b-8b9ca8oxp0] {
    position: relative;
}

.su__event-meta + .su__event-meta[b-8b9ca8oxp0],
.su__event-title + .su__event-meta[b-8b9ca8oxp0] {
    padding-inline-start: var(--s-4);
}

.su__event-meta + .su__event-meta[b-8b9ca8oxp0]::before,
.su__event-title + .su__event-meta[b-8b9ca8oxp0]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block: 0.3em;
    inline-size: 1px;
    background: var(--c-line-2);
}

.su__body[b-8b9ca8oxp0] {
    flex: 1 1 auto;
    min-block-size: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: var(--s-6) var(--s-7) var(--s-7);
}

.su__panel[b-8b9ca8oxp0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-6);
}

.su__h[b-8b9ca8oxp0] {
    font-size: var(--fs-20);
    font-weight: var(--fw-semibold);
}

.su__notice[b-8b9ca8oxp0] {
    margin: 0;
}

.su-note[b-8b9ca8oxp0] {
    color: var(--c-ink-2);
    font-size: var(--fs-14);
}

.su-info[b-8b9ca8oxp0] {
    display: flex;
    align-items: flex-start;
    gap: var(--s-2);
    color: var(--c-ink);
    font-size: var(--fs-15);
}

.su-info[b-8b9ca8oxp0]  .icon {
    flex: none;
    margin-block-start: 3px;
    color: var(--c-cyan-ink);
}

/* ---- step 1: the rider's category and the heat cards ------------------------------------------------------------- */
.su-cat[b-8b9ca8oxp0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 var(--s-4);
    padding: var(--s-3) var(--s-4);
    border-radius: var(--r-md);
    background: var(--c-chalk);
}

.su-cat .su-note[b-8b9ca8oxp0] {
    inline-size: 100%;
    padding-block-end: var(--s-2);
}

.su-heats[b-8b9ca8oxp0] {
    display: grid;
    gap: var(--s-3);
}

.su-heats__legend[b-8b9ca8oxp0] {
    margin-block-end: var(--s-3);
    font-weight: var(--fw-semibold);
    font-size: var(--fs-16);
}

.su-heat[b-8b9ca8oxp0] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--s-4);
    align-items: start;
    padding: var(--s-4) var(--s-5);
    border: 1px solid var(--c-line-2);
    border-radius: var(--r-md);
    background: var(--c-white);
    cursor: pointer;
    transition: border-color var(--dur-1) ease, background-color var(--dur-1) ease, box-shadow var(--dur-1) ease;
}

.su-heat:hover[b-8b9ca8oxp0] {
    border-color: var(--c-line-strong);
}

.su-heat input[b-8b9ca8oxp0] {
    position: absolute;
    inset-block-start: var(--s-4);
    inset-inline-start: var(--s-5);
    inline-size: 24px;
    block-size: 24px;
    margin: 0;
    opacity: 0;
}

.su-heat:has(input:focus-visible)[b-8b9ca8oxp0] {
    outline: 3px solid var(--focus-ring);
    outline-offset: 2px;
}

.su-heat.is-selected[b-8b9ca8oxp0] {
    border-color: var(--c-orange);
    background: var(--c-orange-tint);
    box-shadow: inset 0 0 0 1px var(--c-orange);
}

.su-heat__mark[b-8b9ca8oxp0] {
    display: grid;
    place-items: center;
    inline-size: 24px;
    block-size: 24px;
    margin-block-start: 1px;
    border-radius: 50%;
    border: 1.5px solid var(--c-line-strong);
    background: var(--c-white);
    color: transparent;
}

.su-heat.is-selected .su-heat__mark[b-8b9ca8oxp0] {
    border-color: var(--c-orange);
    background: var(--c-orange);
    color: var(--c-on-orange);
}

.su-heat__body[b-8b9ca8oxp0] {
    display: grid;
    gap: var(--s-1);
    min-inline-size: 0;
}

.su-heat__top[b-8b9ca8oxp0] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--s-3);
}

.su-heat__name[b-8b9ca8oxp0] {
    color: var(--c-ink);
    font-weight: var(--fw-semibold);
    font-size: var(--fs-16);
}

.su-heat__price[b-8b9ca8oxp0] {
    flex: none;
    color: var(--c-ink);
    font-weight: var(--fw-semibold);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.su-heat__cats[b-8b9ca8oxp0] {
    color: var(--c-ink-2);
    font-size: var(--fs-14);
}

.su-heat__meta[b-8b9ca8oxp0] {
    display: flex;
    flex-wrap: wrap;
    gap: 2px var(--s-4);
    color: var(--c-ink-2);
    font-size: var(--fs-14);
}

/* Ineligible heats: collapsed, read-only, each with its reason. */
.su-off[b-8b9ca8oxp0] {
    display: grid;
    gap: var(--s-2);
}

.su-off__toggle[b-8b9ca8oxp0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-3);
    min-block-size: var(--tap);
    padding-inline: var(--s-1);
    color: var(--c-ink-2);
    font-weight: var(--fw-medium);
    border-block-start: 1px solid var(--c-line);
}

.su-off__toggle[aria-expanded="true"][b-8b9ca8oxp0]  .su-off__chev {
    transform: rotate(180deg);
}

.su-off__toggle[b-8b9ca8oxp0]  .su-off__chev {
    transition: transform var(--dur-3) var(--ease-out);
}

.su-off__list[b-8b9ca8oxp0] {
    display: grid;
    gap: var(--s-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.su-off__item[b-8b9ca8oxp0] {
    display: grid;
    gap: 2px;
    padding: var(--s-3) var(--s-4);
    border: 1px dashed var(--c-line-2);
    border-radius: var(--r-md);
    background: var(--c-chalk);
    color: var(--c-ink-2);
    font-size: var(--fs-14);
}

.su-off__name[b-8b9ca8oxp0] {
    color: var(--c-ink-2);
    font-weight: var(--fw-semibold);
    font-size: var(--fs-15);
}

.su-off__reason[b-8b9ca8oxp0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--c-ink-2);
}

/* ---- blocks, key-value rows, fields --------------------------------------------------------------------------------- */
.su-block[b-8b9ca8oxp0] {
    display: grid;
    gap: var(--s-3);
}

.su-block__title[b-8b9ca8oxp0] {
    font-size: var(--fs-16);
    font-weight: var(--fw-semibold);
}

.su-kv[b-8b9ca8oxp0] {
    display: grid;
    margin: 0;
    border-block-start: 1px solid var(--c-line);
}

.su-kv > div[b-8b9ca8oxp0] {
    display: grid;
    grid-template-columns: 9rem minmax(0, 1fr);
    gap: var(--s-4);
    padding-block: var(--s-2);
    border-block-end: 1px solid var(--c-line);
}

.su-kv dt[b-8b9ca8oxp0] {
    color: var(--c-ink-2);
    font-size: var(--fs-14);
}

.su-kv dd[b-8b9ca8oxp0] {
    color: var(--c-ink);
    font-weight: var(--fw-medium);
}

.su-fields[b-8b9ca8oxp0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-4);
}

.su-fields .field + .field[b-8b9ca8oxp0] {
    margin-block-start: 0;
}

.su-check[b-8b9ca8oxp0] {
    align-items: flex-start;
}

.su-checks[b-8b9ca8oxp0] {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
    border-block-start: 1px solid var(--c-line);
}

.su-checks__row[b-8b9ca8oxp0] {
    display: grid;
    grid-template-columns: 9rem minmax(0, 1fr);
    gap: var(--s-4);
    align-items: start;
    padding-block: var(--s-2);
    border-block-end: 1px solid var(--c-line);
}

.su-checks__label[b-8b9ca8oxp0] {
    color: var(--c-ink);
    font-weight: var(--fw-medium);
    font-size: var(--fs-15);
}

.su-errors[b-8b9ca8oxp0] {
    margin: 0;
}

/* The regulations reader: an inline scrolling panel, no new window. */
.su-reader__toggle[b-8b9ca8oxp0] {
    justify-self: start;
    gap: 6px;
}

.su-reader[b-8b9ca8oxp0] {
    display: grid;
    gap: var(--s-4);
    max-block-size: 50vh;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: var(--s-4) var(--s-5);
    border: 1px solid var(--c-line);
    border-radius: var(--r-md);
    background: var(--c-chalk);
}

.su-reader__close[b-8b9ca8oxp0] {
    justify-self: start;
}

.su-count[b-8b9ca8oxp0] {
    justify-self: end;
}

/* ---- step 4: summary and payment --------------------------------------------------------------------------------------- */
.su-bill[b-8b9ca8oxp0] {
    display: grid;
    margin: 0;
    border-block-start: 1px solid var(--c-line);
}

.su-bill > div[b-8b9ca8oxp0] {
    display: flex;
    justify-content: space-between;
    gap: var(--s-4);
    padding-block: var(--s-3);
    border-block-end: 1px solid var(--c-line);
}

.su-bill dt[b-8b9ca8oxp0] {
    color: var(--c-ink-2);
}

.su-bill dd[b-8b9ca8oxp0] {
    color: var(--c-ink);
    font-weight: var(--fw-semibold);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.su-bill__total dt[b-8b9ca8oxp0],
.su-bill__total dd[b-8b9ca8oxp0] {
    color: var(--c-ink);
    font-weight: var(--fw-bold);
    font-size: var(--fs-18);
}

.su-card[b-8b9ca8oxp0] {
    display: flex;
    align-items: center;
    gap: var(--s-3);
    padding: var(--s-3) var(--s-4);
    border: 1px solid var(--c-orange);
    border-radius: var(--r-md);
    background: var(--c-orange-tint);
}

.su-card input[b-8b9ca8oxp0] {
    inset-block-start: 50%;
    transform: translateY(-50%);
}

.su-card__text[b-8b9ca8oxp0] {
    display: grid;
    flex: 1;
}

.su-card__name[b-8b9ca8oxp0] {
    font-weight: var(--fw-semibold);
    color: var(--c-ink);
}

.su-card[b-8b9ca8oxp0]  .su-card__icon {
    color: var(--c-ink-2);
}

.su-policy[b-8b9ca8oxp0] {
    color: var(--c-ink-2);
    font-size: var(--fs-14);
}

.su-policy strong[b-8b9ca8oxp0] {
    color: var(--c-ink);
}

.su-demo[b-8b9ca8oxp0] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--c-ink-3);
    font-size: var(--fs-13);
}

.su-wait[b-8b9ca8oxp0] {
    padding: var(--s-4) var(--s-5);
    border-radius: var(--r-md);
    background: var(--c-sand-tint);
}

.su-wait__strong[b-8b9ca8oxp0] {
    font-weight: var(--fw-semibold);
    color: var(--c-ink);
}

.su-wait__pos[b-8b9ca8oxp0] {
    font-family: var(--font-display);
    font-size: 2rem;
    font-weight: var(--fw-bold);
    line-height: 1;
    vertical-align: -0.12em;
}

/* ---- success --------------------------------------------------------------------------------------------------------------- */
.su-success[b-8b9ca8oxp0] {
    display: grid;
    justify-items: center;
    gap: var(--s-4);
    padding-block: var(--s-4) var(--s-2);
    text-align: center;
}

.su-success__disc[b-8b9ca8oxp0] {
    display: grid;
    place-items: center;
    inline-size: 84px;
    block-size: 84px;
    border-radius: 50%;
    background: var(--c-success-tint);
    color: var(--c-success-ink);
    box-shadow: 0 0 0 8px color-mix(in srgb, var(--c-success-tint) 45%, transparent);
}

.su-success__title[b-8b9ca8oxp0] {
    font-family: var(--font-display);
    font-size: var(--fs-display-sm);
    line-height: var(--lh-display);
}

.su-success__line[b-8b9ca8oxp0] {
    color: var(--c-ink-2);
    max-inline-size: 48ch;
}

.su-success__kv[b-8b9ca8oxp0] {
    inline-size: min(100%, 480px);
    text-align: start;
}

.su-success__warn[b-8b9ca8oxp0] {
    display: flex;
    align-items: flex-start;
    gap: var(--s-2);
    max-inline-size: 52ch;
    padding: var(--s-3) var(--s-4);
    border-radius: var(--r-md);
    background: var(--c-sand-tint);
    color: var(--c-ink);
    font-size: var(--fs-14);
    text-align: start;
}

.su-success__warn[b-8b9ca8oxp0]  .icon {
    flex: none;
    margin-block-start: 3px;
    color: var(--c-sand-ink);
}

.su-success__actions[b-8b9ca8oxp0] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--s-3);
    margin-block-start: var(--s-2);
}

/* ---- footer ----------------------------------------------------------------------------------------------------------------- */
.su-foot__next[b-8b9ca8oxp0] {
    margin-inline-start: auto;
    min-inline-size: 168px;
}

/* ---- the discard confirm: a layer inside the dialog ------------------------------------------------------------------------- */
.su-confirm[b-8b9ca8oxp0] {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: grid;
    place-items: center;
    padding: var(--s-5);
    background: color-mix(in srgb, var(--c-night) 42%, transparent);
    animation: fade-in var(--dur-2) var(--ease-out) both;
}

.su-confirm__box[b-8b9ca8oxp0] {
    display: grid;
    gap: var(--s-3);
    inline-size: min(100%, 400px);
    padding: var(--s-6);
    border-radius: var(--r-lg);
    background: var(--c-white);
    box-shadow: var(--shadow-3);
}

.su-confirm__title[b-8b9ca8oxp0] {
    font-size: var(--fs-20);
}

.su-confirm__text[b-8b9ca8oxp0] {
    color: var(--c-ink-2);
}

.su-confirm__actions[b-8b9ca8oxp0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-3);
    margin-block-start: var(--s-3);
}

/* ---- phones: a full-screen sheet ---------------------------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .su-host[b-8b9ca8oxp0]  .su-dialog .dialog__title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: var(--fs-18);
    }

    .su__head[b-8b9ca8oxp0] {
        gap: var(--s-3);
        padding: 0 var(--s-5) var(--s-3);
    }

    .su__event[b-8b9ca8oxp0] {
        font-size: var(--fs-13);
    }

    .su__event-title[b-8b9ca8oxp0] {
        inline-size: 100%;
    }

    .su__event-title + .su__event-meta[b-8b9ca8oxp0] {
        padding-inline-start: 0;
    }

    .su__event-title + .su__event-meta[b-8b9ca8oxp0]::before {
        display: none;
    }

    .su__body[b-8b9ca8oxp0] {
        padding: var(--s-5) var(--s-5) var(--s-6);
    }

    .su-heat[b-8b9ca8oxp0] {
        padding: var(--s-4);
    }

    .su-heat input[b-8b9ca8oxp0] {
        inset-inline-start: var(--s-4);
    }

    .su-kv > div[b-8b9ca8oxp0],
    .su-checks__row[b-8b9ca8oxp0] {
        grid-template-columns: minmax(0, 1fr);
        gap: 2px;
    }

    .su-fields[b-8b9ca8oxp0] {
        grid-template-columns: minmax(0, 1fr);
    }

    .su-foot__back[b-8b9ca8oxp0] {
        flex: 1 1 0;
    }

    .su-foot__next[b-8b9ca8oxp0] {
        flex: 2 1 0;
        min-inline-size: 0;
    }

    .su-success__actions[b-8b9ca8oxp0] {
        flex-direction: column;
        align-items: stretch;
        inline-size: 100%;
    }

    .su-success__actions .btn[b-8b9ca8oxp0],
    .su-success__actions[b-8b9ca8oxp0]  .btn {
        inline-size: 100%;
    }

    .su-success__actions[b-8b9ca8oxp0]  .su-success__cal {
        display: block;
    }

    .su-confirm__actions[b-8b9ca8oxp0] {
        flex-direction: column-reverse;
    }

    .su-confirm__actions .btn[b-8b9ca8oxp0] {
        inline-size: 100%;
    }
}
/* /Shared/Three/IsraelMap.razor.rz.scp.css */
/* IsraelMap: the map frame, legend, controls and the data credit ("i"). The canvas and the pin tooltip are created and styled by
   wwwroot/js/three/israel-map.js; they read the --icm-* custom properties set here. */
.israel-map[b-2ceooaa323] {
  --icm-font: var(--font-text);
  --icm-ink: var(--text);
  --icm-ink-2: var(--text-2);
  --icm-surface: var(--bg-surface);
  --icm-focus: var(--focus-ring);
  position: relative;
  color: var(--text);
}

.israel-map__frame[b-2ceooaa323] {
  position: relative;
  block-size: clamp(560px, 74vh, 820px);
}

.israel-map__stage[b-2ceooaa323] {
  position: absolute;
  inset: 0;
}

/* ---- loading: a quiet line while the relief assets decode ---- */
.israel-map__loading[b-2ceooaa323] {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: var(--s-3);
  color: var(--text-2); /* text-3 is 4.2:1 on the band's sky tint, under AA */
  font-size: var(--fs-14);
  pointer-events: none;
}
.israel-map__loading-bar[b-2ceooaa323] {
  position: relative;
  inline-size: 120px;
  block-size: 2px;
  border-radius: 2px;
  background: var(--c-line-2);
  overflow: hidden;
}
.israel-map__loading-bar[b-2ceooaa323]::after {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  inline-size: 40%;
  border-radius: inherit;
  background: var(--text-2);
  animation: israel-map-load-b-2ceooaa323 1.2s var(--ease-in-out) infinite;
}
@keyframes israel-map-load-b-2ceooaa323 {
  from { transform: translateX(0); }
  to { transform: translateX(-250%); }
}

/* ---- legend: unboxed, top start corner ---- */
.israel-map__legend[b-2ceooaa323] {
  position: absolute;
  inset-block-start: var(--s-5);
  inset-inline-start: 0;
  z-index: 2;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: var(--s-1);
  font-size: var(--fs-14);
  line-height: var(--lh-snug);
}
.israel-map__legend li[b-2ceooaa323] {
  display: flex;
  align-items: center;
  gap: 10px;
  min-block-size: 28px;
  transition: opacity var(--dur-2) var(--ease-out);
}
.israel-map__legend li.is-off[b-2ceooaa323] { opacity: 0.4; }
/* bright theme, wide screens: the legend floats over the block when the map is zoomed in, so it sits on a soft
   frosted chalk pane (keeps the text AA over sand, green or red rock) */
@media (min-width: 760px) {
  .israel-map--light .israel-map__legend[b-2ceooaa323] {
    margin-inline-start: calc(-1 * var(--s-3));
    padding: var(--s-2) var(--s-3);
    border-radius: var(--r-md);
    background: color-mix(in srgb, var(--c-chalk) 80%, transparent);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
}
.israel-map__count[b-2ceooaa323] {
  color: var(--text-2);
  font-variant-numeric: tabular-nums;
}
.israel-map__mk[b-2ceooaa323] {
  flex: none;
  inline-size: 12px;
  block-size: 12px;
  border-radius: 50%;
  background: var(--c);
  box-shadow: 0 0 0 2px var(--bg-surface), 0 1px 3px rgba(10, 21, 48, 0.3);
}
.israel-map__mk[data-shape="square"][b-2ceooaa323] { border-radius: 3px; }
.israel-map__mk[data-shape="diamond"][b-2ceooaa323] { border-radius: 2px; transform: rotate(45deg) scale(0.85); }

/* ---- data credit: a small "i" in the bottom start corner opens the sources (v2: nothing under the map) ---- */
.israel-map__info[b-2ceooaa323] {
  position: absolute;
  inset-block-end: var(--s-5);
  inset-inline-start: var(--s-2);
  z-index: 3;
  max-inline-size: min(420px, calc(100% - 2 * var(--s-2)));
}
.israel-map__info-btn[b-2ceooaa323] {
  display: grid;
  place-items: center;
  inline-size: 30px;
  block-size: 30px;
  border-radius: 50%;
  list-style: none;
  cursor: pointer;
  background: color-mix(in srgb, var(--bg-surface) 82%, transparent);
  color: var(--text-2);
  box-shadow: 0 1px 4px rgba(10, 21, 48, 0.18);
  position: relative;
}
.israel-map__info-btn[b-2ceooaa323]::-webkit-details-marker { display: none; }
.israel-map__info-btn[b-2ceooaa323]::after { content: ""; position: absolute; inset: -7px; }   /* 44px hit area */
.israel-map__info-btn:hover[b-2ceooaa323], .israel-map__info[open] .israel-map__info-btn[b-2ceooaa323] { color: var(--text); background: var(--bg-surface); }
.israel-map__info-text[b-2ceooaa323] {
  position: absolute;
  inset-block-end: calc(100% + var(--s-2));
  inset-inline-start: 0;
  inline-size: max-content;
  max-inline-size: min(420px, 80vw);
  padding: var(--s-3);
  border-radius: var(--r-md);
  background: var(--bg-surface);
  box-shadow: var(--shadow-2);
  color: var(--text-2);
  font-size: var(--fs-12);
  line-height: 1.45;
}
.israel-map__info-text p[b-2ceooaa323] { margin: 0; }
.israel-map__info-text p + p[b-2ceooaa323] { margin-block-start: var(--s-1); text-align: end; }

/* ---- controls: bottom end corner ---- */
.israel-map__controls[b-2ceooaa323] {
  position: absolute;
  inset-block-end: var(--s-5);
  inset-inline-end: 0;
  z-index: 3;
  display: grid;
  gap: var(--s-3);
  justify-items: center;
}
.israel-map__zoom[b-2ceooaa323] {
  display: grid;
  border-radius: var(--r-md);
  background: var(--bg-surface);
  box-shadow: var(--shadow-1);
}
.israel-map__zoom .israel-map__btn:first-child[b-2ceooaa323] { border-start-start-radius: var(--r-md); border-start-end-radius: var(--r-md); }
.israel-map__zoom .israel-map__btn:last-child[b-2ceooaa323] { border-end-start-radius: var(--r-md); border-end-end-radius: var(--r-md); }
.israel-map__zoom .israel-map__btn + .israel-map__btn[b-2ceooaa323] { border-block-start: 1px solid var(--c-line); }
.israel-map__btn[b-2ceooaa323] {
  display: grid;
  place-items: center;
  inline-size: var(--tap);
  block-size: var(--tap);
  padding: 0;
  border: 0;
  background: var(--bg-surface);
  color: var(--text);
  cursor: pointer;
  transition: background-color var(--dur-1) ease;
}
.israel-map__btn--solo[b-2ceooaa323] {
  border-radius: var(--r-md);
  box-shadow: var(--shadow-1);
}
.israel-map__btn:hover:not(:disabled)[b-2ceooaa323] { background: color-mix(in srgb, var(--text) 6%, var(--bg-surface)); }
.israel-map__btn:active:not(:disabled)[b-2ceooaa323]  svg { transform: scale(0.92); }
.israel-map__btn[b-2ceooaa323]  svg { transition: transform var(--dur-1) var(--ease-out); }
.israel-map__btn:disabled[b-2ceooaa323] { color: var(--text-3); cursor: default; }
.israel-map__btn:focus-visible[b-2ceooaa323] {
  position: relative;
  z-index: 1;
  border-radius: var(--r-sm);
}

/* ---- card slot: end side on wide screens ---- */
.israel-map__card[b-2ceooaa323] {
  position: absolute;
  inset-block-start: var(--s-5);
  inset-inline-end: 0;
  z-index: 4;
  inline-size: clamp(280px, 30%, 360px);
  max-block-size: calc(100% - 180px);
  overflow: auto;
  /* the slot scrolls, so it clips the card's own drop shadow (on the bright band the clipped shadow showed as grey
     square corners): it clips to the card's rounded corners and casts the shadow itself, a drop-shadow that follows
     the card's shape and its fade-in */
  border-radius: var(--r-lg);
  filter: drop-shadow(0 18px 28px rgba(10, 21, 48, 0.2)) drop-shadow(0 3px 8px rgba(10, 21, 48, 0.1));
}
.israel-map__card:empty[b-2ceooaa323] { display: none; }

/* ---- failed (no WebGL or no assets): a still top-down picture of the map and one line ---- */
.israel-map__stage[b-2ceooaa323]  .icm-fallback { display: none; }
.israel-map__fallback[b-2ceooaa323] {
  display: grid;
  justify-items: center;
  gap: var(--s-5);
  padding: var(--s-6) var(--s-5) var(--s-4);
  text-align: center;
}
.israel-map__poster[b-2ceooaa323] {
  display: block;
  inline-size: auto;
  block-size: min(60vh, 540px);
  max-inline-size: 100%;
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-2);
  object-fit: cover;
}
.israel-map__fallback-text[b-2ceooaa323] {
  margin: 0;
  max-inline-size: 46ch;
  color: var(--text-2);
}
.israel-map[data-state="failed"] .israel-map__frame[b-2ceooaa323] { block-size: auto; }
.israel-map[data-state="failed"] .israel-map__card[b-2ceooaa323] {
  position: static;
  inline-size: auto;
  max-block-size: none;
  margin-block-start: var(--s-4);
}
.israel-map[data-state="failed"] .israel-map__legend[b-2ceooaa323] { display: none; }

/* ---- phones and narrow tablets ---- */
@media (max-width: 759.98px) {
  .israel-map__frame[b-2ceooaa323] { block-size: max(440px, 70svh); }
  .israel-map__controls[b-2ceooaa323] {
    inset-block-start: var(--s-3);
    inset-block-end: auto;
  }
  .israel-map__card[b-2ceooaa323] {
    inset-block-start: auto;
    inset-block-end: var(--s-2);
    inset-inline: 0;
    inline-size: auto;
    max-block-size: 58%;
    border-radius: var(--r-lg) var(--r-lg) var(--r-md) var(--r-md); /* the phone card's corners */
  }
  .israel-map__legend[b-2ceooaa323] {
    position: static;
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-1) var(--s-4);
    margin-block-start: var(--s-3);
  }
}

@media (prefers-reduced-motion: reduce) {
  .israel-map__loading-bar[b-2ceooaa323]::after { animation: none; inline-size: 100%; opacity: 0.5; }
}
/* /Shared/Three/LandingScene.razor.rz.scp.css */
/* LandingScene - the 3D ride stage and its overlay (UI_DESIGN.md 9.1), in daylight.
   The user's direction (2026-10-18): bright and colourful, no Night Ride navy. The scene is a sunny race day; every
   text over it is dark on white - the H1 and the captions on white labels, one per line (like broadcast lower thirds
   and race-bib lettering), the controls on light glass - so it keeps WCAG AA whatever is behind it (ink on white
   17:1, ink-2 7.1:1; the 90% glass of the controls over pure black still leaves their ink icons above 11:1).
   The scene writes on .ls: --ls-caption (0..1), --ls-progress (0..1), --ls-zoom, --ls-band (px height of the logo
   chain from the bottom edge), data-ls-caption-index, data-ls-index, data-ls-phase, data-ls-ready.
   Layout: the page's H1 + actions (ChildContent) at the bottom start; the photo navigator (caption + controls) at the
   bottom end; the logo chain along the bottom edge. */

.ls[b-p8ovu0pcgu] {
    /* the scene's sky (mirrors makePalette() in wwwroot/js/three/landing-scene.js): the still version and the
       loading poster's surround use it too */
    --ls-sky-top: #5AA8EA;
    --ls-sky-mid: #98CDF1;
    --ls-sky-horizon: #E4F1F6;
    --ls-haze: #F6F3EC;
    --ls-sun: rgba(255, 240, 210, 0.8);
    /* light glass for the controls over the scene */
    --ls-glass-strong: color-mix(in srgb, var(--c-white) 90%, transparent);
    --ls-glass-edge: color-mix(in srgb, var(--c-white) 92%, transparent);
    --ls-glass-line: rgba(15, 28, 51, 0.08);
    --ls-glass-blur: blur(18px) saturate(1.5);
    /* white labels: a hairline and a soft drop so white still reads on a white photo or cloud */
    --ls-label-shadow: 0 0 0 1px rgba(15, 28, 51, 0.07), 0 12px 26px -16px rgba(15, 28, 51, 0.5);
    position: relative;
    block-size: 100vh;
    block-size: 100svh;
    min-block-size: 560px;
    overflow: hidden;
    background:
        radial-gradient(70% 55% at 12% -8%, var(--ls-sun), transparent 64%),
        linear-gradient(to bottom, var(--ls-sky-top) 0%, var(--ls-sky-mid) 36%, var(--ls-sky-horizon) 64%, var(--ls-haze) 100%);
    isolation: isolate;
    color: var(--c-ink);
}

/* ---- photos: poster under the scene, or the still composition ---------------------------------- */
.ls__stills[b-p8ovu0pcgu] {
    position: absolute;
    inset: 0;
    z-index: 0;
}
.ls__still[b-p8ovu0pcgu] {
    position: absolute;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 900ms var(--ease-in-out);
}
.ls__still.is-active[b-p8ovu0pcgu] { opacity: 1; }
/* once the canvas has faded in (700 ms), the poster underneath stops painting */
.ls[data-ls-ready="true"] .ls__stills[b-p8ovu0pcgu] {
    visibility: hidden;
    transition: visibility 0s linear 900ms;
}

/* still composition: the photo framed like a board of the 3D scene (white frame, thin orange keyline) on the daylight
   sky at the end side, the page's H1 at the start side, the photo navigator inside the frame's bottom corner, the
   static partner strip along the bottom */
.ls[data-mode="stills"][b-p8ovu0pcgu] {
    --frame-top: calc(var(--header-h) + var(--s-6));
    --frame-bottom: calc(96px + var(--s-6));
    --frame-h: min(calc(100svh - var(--frame-top) - var(--frame-bottom)), calc((60vw - var(--gutter)) * 9 / 16));
    --frame-w: calc(var(--frame-h) * 16 / 9);
}
.ls[data-mode="stills"] .ls__still[b-p8ovu0pcgu] {
    inset: auto;
    inset-block-start: var(--frame-top);
    inset-inline-end: var(--gutter);
    inline-size: var(--frame-w);
    block-size: var(--frame-h);
    border-radius: var(--r-md);
    outline: 2px solid var(--c-orange);
    outline-offset: -2px;
    box-shadow: 0 0 0 7px var(--c-white), 0 0 0 8px var(--ls-glass-line), 0 32px 64px -30px rgba(15, 28, 51, 0.5);
}

/* ---- 3D stage (the canvas is created inside by the scene) --------------------------------------- */
.ls__stage[b-p8ovu0pcgu] {
    position: absolute;
    inset: 0;
    z-index: 1;
    touch-action: pan-y;
}
.ls[data-mode="stills"] .ls__stage[b-p8ovu0pcgu] { display: none; }

/* ---- static partner strip (still composition only): the chain drawn still, colour logos on white cards ---- */
.ls__strip[b-p8ovu0pcgu] {
    position: absolute;
    inset: auto 0 0 0;
    z-index: 1;
    block-size: 96px;
    display: grid;
    align-items: center;
}
.ls__strip-chain[b-p8ovu0pcgu] {
    position: absolute;
    inset: 12px 0;
    inline-size: 100%;
    block-size: calc(100% - 24px);
    fill: none;
    stroke: rgba(108, 121, 138, 0.5);
    stroke-width: 6;
    stroke-linecap: round;
}
.ls__strip-chain path:last-child[b-p8ovu0pcgu] { stroke: rgba(108, 121, 138, 0.3); }
.ls__strip-logos[b-p8ovu0pcgu] {
    position: relative;
    display: flex;
    gap: var(--s-4);
    margin: 0;
    padding: 0 var(--gutter);
    list-style: none;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-mask-image: linear-gradient(to left, transparent, #000 var(--s-7), #000 calc(100% - var(--s-7)), transparent);
    mask-image: linear-gradient(to left, transparent, #000 var(--s-7), #000 calc(100% - var(--s-7)), transparent);
}
.ls__strip-logos[b-p8ovu0pcgu]::-webkit-scrollbar { display: none; }
.ls__badge[b-p8ovu0pcgu] {
    flex: 0 0 auto;
    inline-size: 112px;
    block-size: 44px;
    display: grid;
    grid-template: minmax(0, 1fr) / minmax(0, 1fr); /* a fixed cell: an auto track grew to the image and cropped it */
    place-items: center;
    padding: 6px 12px;
    border-radius: var(--r-sm);
    background: var(--c-white);
    box-shadow: 0 0 0 1px var(--ls-glass-line), 0 8px 18px -12px rgba(15, 28, 51, 0.4);
    color: var(--c-ink);
    font-size: var(--fs-12);
    font-weight: var(--fw-medium);
    line-height: 1.2;
    text-align: center;
}
.ls__badge img[b-p8ovu0pcgu] { inline-size: 100%; block-size: 100%; object-fit: contain; } /* the whole logo, inside the card */

/* ---- overlay ------------------------------------------------------------------------------------ */
.ls__overlay[b-p8ovu0pcgu] {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    --ls-gutter: max(var(--gutter), env(safe-area-inset-left), env(safe-area-inset-right));
    --ls-base: calc(var(--ls-band, 17vh) + var(--s-5));
}
.ls[data-mode="stills"] .ls__overlay[b-p8ovu0pcgu] { --ls-base: calc(96px + var(--s-3)); }
@media (min-width: 640px) {
    .ls[data-mode="stills"] .ls__nav[b-p8ovu0pcgu] {
        inset-inline-end: calc(var(--gutter) + var(--s-5));
        inset-block-end: calc(100% - var(--frame-top) - var(--frame-h) + var(--s-5));
        max-inline-size: calc(var(--frame-w) - 2 * var(--s-5));
    }
    .ls[data-mode="stills"] .ls__slot[b-p8ovu0pcgu] {
        max-inline-size: calc(100% - var(--frame-w) - 3 * var(--gutter));
        text-wrap: balance; /* the narrow column takes three lines: balanced, so none is a one-word orphan */
    }
}

/* the page's H1 + actions (the page puts its H1 on white labels and its buttons are solid); "pretty" wrapping keeps
   the labels from ending on a one-word orphan ("התחרות הבאה שלכם / מתחילה כאן" on desktop and phones) */
.ls__slot[b-p8ovu0pcgu] {
    position: absolute;
    inset-inline-start: var(--ls-gutter);
    inset-block-end: var(--ls-base);
    max-inline-size: min(40rem, calc(100% - 2 * var(--ls-gutter) - 26rem));
    text-wrap: pretty;
    pointer-events: auto;
}

/* the photo navigator: caption over the controls, at the end side */
.ls__nav[b-p8ovu0pcgu] {
    position: absolute;
    inset-inline-end: var(--ls-gutter);
    inset-block-end: var(--ls-base);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--s-3);
    max-inline-size: min(26rem, calc(100% - 2 * var(--ls-gutter)));
    pointer-events: auto;
}

/* caption: only the current photo's block is shown - a counter chip, the title and the meta line on white labels; it
   fades with the zoom and its title wipes in from the start side */
.ls__caption[b-p8ovu0pcgu] { text-align: end; }
.ls__cap[b-p8ovu0pcgu] {
    display: none;
    position: relative;
    opacity: var(--ls-caption, 1);
    transform: translateX(calc((1 - var(--ls-caption, 1)) * 12px));
}
.ls__label[b-p8ovu0pcgu] {
    padding: 0.07em 0.24em 0.03em;
    border-radius: 0.14em;
    background: var(--c-white);
    box-shadow: var(--ls-label-shadow);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
.ls[data-mode="3d"][data-ls-caption-index="0"] .ls__cap[data-i="0"][b-p8ovu0pcgu],
.ls[data-mode="3d"][data-ls-caption-index="1"] .ls__cap[data-i="1"][b-p8ovu0pcgu],
.ls[data-mode="3d"][data-ls-caption-index="2"] .ls__cap[data-i="2"][b-p8ovu0pcgu],
.ls[data-mode="3d"][data-ls-caption-index="3"] .ls__cap[data-i="3"][b-p8ovu0pcgu],
.ls[data-mode="3d"][data-ls-caption-index="4"] .ls__cap[data-i="4"][b-p8ovu0pcgu],
.ls[data-mode="3d"][data-ls-caption-index="5"] .ls__cap[data-i="5"][b-p8ovu0pcgu],
.ls[data-mode="3d"][data-ls-caption-index="6"] .ls__cap[data-i="6"][b-p8ovu0pcgu],
.ls[data-mode="3d"][data-ls-caption-index="7"] .ls__cap[data-i="7"][b-p8ovu0pcgu],
.ls:not([data-mode="3d"])[data-cap="0"] .ls__cap[data-i="0"][b-p8ovu0pcgu],
.ls:not([data-mode="3d"])[data-cap="1"] .ls__cap[data-i="1"][b-p8ovu0pcgu],
.ls:not([data-mode="3d"])[data-cap="2"] .ls__cap[data-i="2"][b-p8ovu0pcgu],
.ls:not([data-mode="3d"])[data-cap="3"] .ls__cap[data-i="3"][b-p8ovu0pcgu],
.ls:not([data-mode="3d"])[data-cap="4"] .ls__cap[data-i="4"][b-p8ovu0pcgu],
.ls:not([data-mode="3d"])[data-cap="5"] .ls__cap[data-i="5"][b-p8ovu0pcgu],
.ls:not([data-mode="3d"])[data-cap="6"] .ls__cap[data-i="6"][b-p8ovu0pcgu],
.ls:not([data-mode="3d"])[data-cap="7"] .ls__cap[data-i="7"][b-p8ovu0pcgu] {
    display: block;
}

.ls__count[b-p8ovu0pcgu] {
    display: inline-flex;
    align-items: baseline;
    gap: var(--s-2);
    margin: 0 0 var(--s-2);
    padding: 6px 14px 3px;
    border-radius: var(--r-pill);
    background: var(--c-white);
    box-shadow: var(--ls-label-shadow);
    font-family: var(--font-display);
    line-height: 1;
    font-variant-numeric: tabular-nums;
}
.ls__count-now[b-p8ovu0pcgu] { font-size: 1.75rem; font-weight: var(--fw-bold); color: var(--c-ink); }
.ls__count-of[b-p8ovu0pcgu] { font-size: var(--fs-20); font-weight: var(--fw-bold); color: var(--c-ink-2); }
.ls__title[b-p8ovu0pcgu] {
    margin: 0;
    color: var(--c-ink);
    font-family: var(--font-display);
    font-weight: var(--fw-bold);
    font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.75rem);
    line-height: 1.18;
    text-wrap: balance;
    clip-path: inset(-30% -4% -40% calc((1 - var(--ls-caption, 1)) * 104% - 4%));
}
.ls__meta[b-p8ovu0pcgu] {
    margin: var(--s-2) 0 0;
    font-size: var(--fs-15);
    line-height: 2;
    color: var(--c-ink-2);
}
.ls__meta .ls__label[b-p8ovu0pcgu] { padding: 0.3em 0.7em; border-radius: var(--r-xs); }

/* controls: pause, previous, dots, next - light glass with ink icons */
.ls__controls[b-p8ovu0pcgu] {
    display: flex;
    align-items: center;
    gap: var(--s-2);
}
.ls__btn[b-p8ovu0pcgu] {
    inline-size: var(--tap);
    block-size: var(--tap);
    display: grid;
    place-items: center;
    border-radius: var(--r-pill);
    border: 1px solid var(--ls-glass-edge);
    background: var(--ls-glass-strong);
    box-shadow: 0 0 0 1px var(--ls-glass-line), 0 8px 20px -12px rgba(15, 28, 51, 0.45);
    color: var(--c-ink);
    cursor: pointer;
    -webkit-backdrop-filter: var(--ls-glass-blur);
    backdrop-filter: var(--ls-glass-blur);
    transition: background-color var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out), transform var(--dur-1) var(--ease-out);
}
.ls__btn:hover[b-p8ovu0pcgu] { background: var(--c-white); box-shadow: 0 0 0 1px rgba(15, 28, 51, 0.2), 0 10px 22px -12px rgba(15, 28, 51, 0.5); }
.ls__btn:active[b-p8ovu0pcgu] { transform: scale(0.96); }
.ls__dots[b-p8ovu0pcgu] {
    display: flex;
    margin-inline: var(--s-1);
    padding-inline: var(--s-1);
    border: 1px solid var(--ls-glass-edge);
    border-radius: var(--r-pill);
    background: var(--ls-glass-strong);
    box-shadow: 0 0 0 1px var(--ls-glass-line), 0 8px 20px -12px rgba(15, 28, 51, 0.45);
    -webkit-backdrop-filter: var(--ls-glass-blur);
    backdrop-filter: var(--ls-glass-blur);
}
.ls__dot[b-p8ovu0pcgu] {
    inline-size: var(--tap);
    block-size: var(--tap);
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    border-radius: var(--r-sm);
}
.ls__dot i[b-p8ovu0pcgu] {
    position: relative;
    display: block;
    inline-size: 30px;
    block-size: 4px;
    border-radius: var(--r-pill);
    background: rgba(15, 28, 51, 0.5); /* 3:1 on the glass (WCAG 1.4.11): each dot is a button */
    overflow: hidden;
    transition: background-color var(--dur-1) var(--ease-out);
}
.ls__dot i[b-p8ovu0pcgu]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--c-ink);
    transform-origin: right center;
    transform: scaleX(0);
}
.ls__dot:hover i[b-p8ovu0pcgu] { background: rgba(15, 28, 51, 0.68); }
/* the current dot always shows an ink stub, also at the start of its photo and when paused there */
.ls__dot[aria-current="true"] i[b-p8ovu0pcgu]::after { transform: scaleX(max(0.2, var(--ls-progress, 1))); }
.ls:not([data-mode="3d"]) .ls__dot[aria-current="true"] i[b-p8ovu0pcgu]::after { transform: scaleX(1); }

/* ---- portrait (tablets and phones): the H1 at the top, clear of the rider. (Narrow landscape screens keep the
        desktop arrangement.) --------------------------------------------------------------------------------- */
@media (max-width: 1023px) and (orientation: portrait) {
    .ls__slot[b-p8ovu0pcgu] {
        inset-block: calc(var(--header-h) + var(--s-5)) auto;
        max-inline-size: calc(100% - 2 * var(--ls-gutter));
    }
}

/* ---- phones: H1 at the top, the navigator across the bottom --------------------------------------- */
@media (max-width: 639px) {
    .ls__slot[b-p8ovu0pcgu] {
        inset-block: calc(var(--header-h) + var(--s-4)) auto;
        max-inline-size: calc(100% - 2 * var(--ls-gutter));
    }
    .ls__nav[b-p8ovu0pcgu] {
        inset-inline: var(--ls-gutter);
        max-inline-size: none;
        align-items: stretch;
        gap: var(--s-2);
    }
    .ls__caption[b-p8ovu0pcgu] { text-align: start; }
    .ls__count[b-p8ovu0pcgu] { margin-block-end: var(--s-1); }
    .ls__meta[b-p8ovu0pcgu] { margin-block-start: var(--s-1); }
    .ls__controls[b-p8ovu0pcgu] { justify-content: space-between; }
    .ls__dot[b-p8ovu0pcgu] { inline-size: 36px; }
    .ls__dot i[b-p8ovu0pcgu] { inline-size: 24px; }
}

/* ---- still composition on portrait screens and phones: one column in reading order - the H1, the framed photo
        across the width, its caption and controls right under it, the partner strip at the bottom - so nothing
        overlaps whatever the text wraps to ---- */
@media (max-width: 639px), (max-width: 1023px) and (orientation: portrait) {
    .ls[data-mode="stills"][b-p8ovu0pcgu] {
        display: grid;
        grid-template-columns: minmax(0, 1fr); /* the viewport width, whatever the logo strip's content says */
        grid-template-rows: auto auto auto minmax(0, 1fr) auto;
        row-gap: var(--s-4);
        block-size: auto;
        min-block-size: max(560px, 100vh);
        min-block-size: max(560px, 100svh);
        padding-block-start: calc(var(--header-h) + var(--s-4));
    }
    .ls[data-mode="stills"] .ls__overlay[b-p8ovu0pcgu] { display: contents; }
    .ls[data-mode="stills"] .ls__slot[b-p8ovu0pcgu] {
        position: relative;
        inset: auto;
        grid-row: 1;
        margin-inline: var(--ls-gutter);
        max-inline-size: none;
    }
    .ls[data-mode="stills"] .ls__stills[b-p8ovu0pcgu] {
        position: relative;
        inset: auto;
        grid-row: 2;
        margin-inline: calc(var(--gutter) + 8px);
        aspect-ratio: 16 / 9;
    }
    .ls[data-mode="stills"] .ls__still[b-p8ovu0pcgu] {
        inset: 0;
        inline-size: 100%;
        block-size: 100%;
    }
    .ls[data-mode="stills"] .ls__nav[b-p8ovu0pcgu] {
        position: relative;
        inset: auto;
        grid-row: 3;
        align-self: start;
        margin-inline: var(--ls-gutter);
        max-inline-size: none;
    }
    .ls[data-mode="stills"] .ls__strip[b-p8ovu0pcgu] {
        position: relative;
        inset: auto;
        grid-row: 5;
        min-inline-size: 0;
    }
}
@media (min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
    .ls[data-mode="stills"] .ls__nav[b-p8ovu0pcgu] { align-items: flex-end; }
}

/* ---- reduced motion: no movement; the still composition keeps its calm cross-fade (opacity only) ---- */
@media (prefers-reduced-motion: reduce) {
    .ls__cap[b-p8ovu0pcgu] { transform: none; }
    .ls__title[b-p8ovu0pcgu] { clip-path: none; }
    .ls__still[b-p8ovu0pcgu] { transition: opacity 900ms var(--ease-in-out) !important; }
}