/*
 * Mahyar UI-0 foundation
 * Version: 1.0.0
 *
 * This file is an additive compatibility layer. All component rules are
 * scoped to data-ui-foundation="ui-0" so legacy Bootstrap screens can move to
 * the shared design language incrementally.
 */

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/Vazirmatn[wght].woff2") format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: "Vazir";
    src: url("../fonts/Vazir.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

:root {
    /* Neutral palette */
    --ui-navy-950: #081426;
    --ui-navy-900: #10213b;
    --ui-slate-900: #172033;
    --ui-slate-700: #3f4a60;
    --ui-slate-600: #59657b;
    --ui-slate-500: #748096;
    --ui-slate-300: #cbd3df;
    --ui-slate-200: #e2e7ef;
    --ui-slate-100: #f0f3f8;
    --ui-slate-50: #f7f9fc;
    --ui-white: #ffffff;

    /* Semantic palette */
    --ui-info: #2563eb;
    --ui-info-soft: #eaf1ff;
    --ui-success: #087f5b;
    --ui-success-soft: #e7f7f1;
    --ui-warning: #a15c05;
    --ui-warning-soft: #fff4d6;
    --ui-danger: #c33149;
    --ui-danger-soft: #fff0f2;

    /* Typography */
    --ui-font-sans: "Vazirmatn", "Vazir", Tahoma, Arial, sans-serif;
    --ui-font-size-xs: 0.75rem;
    --ui-font-size-sm: 0.875rem;
    --ui-font-size-md: 1rem;
    --ui-font-size-lg: 1.125rem;
    --ui-font-size-xl: 1.375rem;
    --ui-font-size-2xl: clamp(1.5rem, 1.25rem + 1vw, 2rem);
    --ui-leading-tight: 1.35;
    --ui-leading-normal: 1.75;

    /* Spacing: 4px base */
    --ui-space-0: 0;
    --ui-space-1: 0.25rem;
    --ui-space-2: 0.5rem;
    --ui-space-3: 0.75rem;
    --ui-space-4: 1rem;
    --ui-space-5: 1.25rem;
    --ui-space-6: 1.5rem;
    --ui-space-8: 2rem;
    --ui-space-10: 2.5rem;
    --ui-space-12: 3rem;

    /* Shape and elevation */
    --ui-radius-sm: 0.5rem;
    --ui-radius-md: 0.75rem;
    --ui-radius-lg: 1rem;
    --ui-radius-xl: 1.5rem;
    --ui-radius-pill: 999px;
    --ui-border: 1px solid var(--ui-slate-200);
    --ui-shadow-xs: 0 1px 2px rgba(8, 20, 38, 0.06);
    --ui-shadow-sm: 0 6px 18px rgba(8, 20, 38, 0.08);
    --ui-shadow-md: 0 14px 34px rgba(8, 20, 38, 0.12);
    --ui-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--ui-accent, #4338ca) 24%, transparent);

    /* Layout and motion */
    --ui-content-max: 90rem;
    --ui-sidebar-width: 17.5rem;
    --ui-control-height: 2.75rem;
    --ui-tap-target: 2.75rem;
    --ui-motion-fast: 120ms;
    --ui-motion-normal: 200ms;
    --ui-ease-standard: cubic-bezier(0.2, 0, 0, 1);
    --ui-z-sticky: 1020;
    --ui-z-scrim: 1080;
    --ui-z-sidebar: 1090;
    --ui-z-modal: 1100;
    --ui-z-toast: 1200;
}

/* Role palettes. PARENT is visual-only until the dedicated backend phase. */
[data-ui-foundation="ui-0"] {
    --ui-accent: #4338ca;
    --ui-accent-strong: #312e81;
    --ui-accent-secondary: #2563eb;
    --ui-accent-soft: #eef2ff;
    --ui-on-accent: #ffffff;
    --ui-page: #f6f7fb;
    --ui-surface: #ffffff;
    --ui-sidebar: #10213b;
    --ui-sidebar-text: #f7f9fc;
}

[data-ui-role="student"] {
    --ui-accent: #6d28d9;
    --ui-accent-strong: #4c1d95;
    --ui-accent-secondary: #2563eb;
    --ui-accent-soft: #f1eafe;
    --ui-page: #f7f5ff;
}

[data-ui-role="mentor"] {
    --ui-accent: #0f766e;
    --ui-accent-strong: #115e59;
    --ui-accent-secondary: #2563eb;
    --ui-accent-soft: #e6f7f5;
    --ui-page: #f3f9f9;
}

[data-ui-role="parent"] {
    --ui-accent: #0284c7;
    --ui-accent-strong: #075985;
    --ui-accent-secondary: #f08a72;
    --ui-accent-soft: #e7f6fe;
    --ui-page: #f5fbfe;
}

[data-ui-role="commander"] {
    --ui-accent: #047857;
    --ui-accent-strong: #064e3b;
    --ui-accent-secondary: #b78922;
    --ui-accent-soft: #e8f5ef;
    --ui-page: #f3f8f5;
    --ui-sidebar: #0b2f29;
}

[data-ui-role="tarbiyati"] {
    --ui-accent: #0f5f75;
    --ui-accent-strong: #164e63;
    --ui-accent-secondary: #7c3aed;
    --ui-accent-soft: #e8f5f8;
    --ui-page: #f3f8fa;
}

[data-ui-role="operator"] {
    --ui-accent: #b45309;
    --ui-accent-strong: #7c2d12;
    --ui-accent-secondary: #0e7490;
    --ui-accent-soft: #fff4df;
    --ui-page: #faf7f2;
    --ui-sidebar: #2f2419;
}

body[data-ui-foundation="ui-0"] {
    font-family: var(--ui-font-sans);
    line-height: var(--ui-leading-normal);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

/* Legacy index.html still has a universal Vazir !important rule. Keep the
   old screen unchanged, but guarantee the opt-in UI-0 components use the
   variable Vazirmatn stack selected by the new design system. */
[data-ui-foundation="ui-0"] [class^="ui-"],
[data-ui-foundation="ui-0"] [class*=" ui-"] {
    font-family: var(--ui-font-sans) !important;
}

[data-ui-foundation="ui-0"],
[data-ui-foundation="ui-0"] *,
[data-ui-foundation="ui-0"] *::before,
[data-ui-foundation="ui-0"] *::after {
    box-sizing: border-box;
}

[data-ui-foundation="ui-0"] :where(button, input, select, textarea) {
    font: inherit;
}

[data-ui-foundation="ui-0"] :where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 2px solid var(--ui-accent);
    outline-offset: 2px;
    box-shadow: var(--ui-shadow-focus);
}

[data-ui-foundation="ui-0"] :where(.btn:not(.btn-sm), .form-control, .form-select) {
    min-height: var(--ui-control-height);
}

[data-ui-foundation="ui-0"] :where(.form-control, .form-select):focus {
    border-color: var(--ui-accent);
    box-shadow: var(--ui-shadow-focus);
}

[data-ui-foundation="ui-0"] .ui-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Application shell */
[data-ui-foundation="ui-0"] .ui-shell {
    width: min(100%, var(--ui-content-max));
    min-height: 100dvh;
    margin-inline: auto;
    display: grid;
    grid-template-columns: var(--ui-sidebar-width) minmax(0, 1fr);
    background: var(--ui-page);
}

[data-ui-foundation="ui-0"] .ui-sidebar {
    position: sticky;
    inset-block-start: 0;
    z-index: var(--ui-z-sticky);
    min-height: 100dvh;
    max-height: 100dvh;
    overflow-y: auto;
    padding: var(--ui-space-6) var(--ui-space-4);
    color: var(--ui-sidebar-text);
    background: var(--ui-sidebar);
}

[data-ui-foundation="ui-0"] .ui-shell__content {
    min-width: 0;
    padding: var(--ui-space-6);
}

[data-ui-foundation="ui-0"] .ui-shell__scrim {
    display: none;
}

[data-ui-foundation="ui-0"] .ui-topbar {
    display: flex;
    align-items: center;
    gap: var(--ui-space-3);
    min-height: 4.5rem;
    margin-block-end: var(--ui-space-6);
    padding: var(--ui-space-3) var(--ui-space-4);
    border: var(--ui-border);
    border-radius: var(--ui-radius-lg);
    background: color-mix(in srgb, var(--ui-surface) 94%, transparent);
    box-shadow: var(--ui-shadow-xs);
}

[data-ui-foundation="ui-0"] .ui-topbar__heading {
    min-width: 0;
}

[data-ui-foundation="ui-0"] .ui-topbar__title {
    margin: 0;
    color: var(--ui-slate-900);
    font-size: var(--ui-font-size-xl);
    font-weight: 800;
    line-height: var(--ui-leading-tight);
}

[data-ui-foundation="ui-0"] .ui-topbar__subtitle {
    margin: var(--ui-space-1) 0 0;
    color: var(--ui-slate-600);
    font-size: var(--ui-font-size-sm);
}

[data-ui-foundation="ui-0"] .ui-topbar__actions {
    display: flex;
    align-items: center;
    gap: var(--ui-space-2);
    margin-inline-start: auto;
}

[data-ui-foundation="ui-0"] .ui-topbar__menu {
    display: none;
}

/* Cards and statistics */
[data-ui-foundation="ui-0"] .ui-card {
    overflow: hidden;
    border: var(--ui-border);
    border-radius: var(--ui-radius-lg);
    background: var(--ui-surface);
    box-shadow: var(--ui-shadow-sm);
}

[data-ui-foundation="ui-0"] .ui-card__header {
    padding: var(--ui-space-5) var(--ui-space-5) var(--ui-space-3);
}

[data-ui-foundation="ui-0"] .ui-card__title {
    margin: 0;
    color: var(--ui-slate-900);
    font-size: var(--ui-font-size-lg);
    font-weight: 800;
}

[data-ui-foundation="ui-0"] .ui-card__subtitle {
    margin: var(--ui-space-1) 0 0;
    color: var(--ui-slate-600);
    font-size: var(--ui-font-size-sm);
}

[data-ui-foundation="ui-0"] .ui-card__body {
    padding: var(--ui-space-5);
}

[data-ui-foundation="ui-0"] .ui-card__header + .ui-card__body {
    padding-block-start: var(--ui-space-2);
}

[data-ui-foundation="ui-0"] .ui-stat {
    display: flex;
    align-items: center;
    gap: var(--ui-space-4);
    min-height: 7.5rem;
    padding: var(--ui-space-5);
    border: var(--ui-border);
    border-radius: var(--ui-radius-lg);
    background: var(--ui-surface);
    box-shadow: var(--ui-shadow-xs);
}

[data-ui-foundation="ui-0"] .ui-stat__icon {
    display: inline-grid;
    place-items: center;
    flex: 0 0 3rem;
    width: 3rem;
    height: 3rem;
    border-radius: var(--ui-radius-md);
    color: var(--ui-accent);
    background: var(--ui-accent-soft);
    font-size: 1.25rem;
}

[data-ui-foundation="ui-0"] .ui-stat__label,
[data-ui-foundation="ui-0"] .ui-stat__meta {
    margin: 0;
    color: var(--ui-slate-600);
    font-size: var(--ui-font-size-sm);
}

[data-ui-foundation="ui-0"] .ui-stat__value {
    margin: var(--ui-space-1) 0;
    color: var(--ui-slate-900);
    font-size: var(--ui-font-size-2xl);
    font-weight: 850;
    line-height: var(--ui-leading-tight);
}

/* Buttons and chips */
[data-ui-foundation="ui-0"] .ui-button,
[data-ui-foundation="ui-0"] .ui-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--ui-space-2);
    min-height: var(--ui-tap-target);
    border: 1px solid transparent;
    border-radius: var(--ui-radius-md);
    font-weight: 750;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition: color var(--ui-motion-fast) var(--ui-ease-standard),
                background-color var(--ui-motion-fast) var(--ui-ease-standard),
                border-color var(--ui-motion-fast) var(--ui-ease-standard),
                transform var(--ui-motion-fast) var(--ui-ease-standard);
}

[data-ui-foundation="ui-0"] .ui-button {
    padding: 0 var(--ui-space-4);
}

[data-ui-foundation="ui-0"] .ui-icon-button {
    width: var(--ui-tap-target);
    padding: 0;
    color: var(--ui-slate-700);
    background: transparent;
}

[data-ui-foundation="ui-0"] .ui-button--primary {
    color: var(--ui-on-accent);
    background: var(--ui-accent);
}

[data-ui-foundation="ui-0"] .ui-button--primary:hover {
    color: var(--ui-on-accent);
    background: var(--ui-accent-strong);
}

[data-ui-foundation="ui-0"] .ui-button--secondary {
    color: var(--ui-accent-strong);
    border-color: color-mix(in srgb, var(--ui-accent) 35%, var(--ui-slate-200));
    background: var(--ui-accent-soft);
}

[data-ui-foundation="ui-0"] .ui-button--ghost {
    color: var(--ui-slate-700);
    background: transparent;
}

[data-ui-foundation="ui-0"] .ui-button--danger {
    color: var(--ui-white);
    background: var(--ui-danger);
}

[data-ui-foundation="ui-0"] :where(.ui-button, .ui-icon-button):not(:disabled):active {
    transform: translateY(1px);
}

[data-ui-foundation="ui-0"] :where(.ui-button, .ui-icon-button):disabled,
[data-ui-foundation="ui-0"] .ui-button.is-disabled {
    opacity: 0.55;
    pointer-events: none;
    cursor: not-allowed;
}

[data-ui-foundation="ui-0"] .ui-chip {
    display: inline-flex;
    align-items: center;
    gap: var(--ui-space-1);
    min-height: 1.75rem;
    padding: 0 var(--ui-space-3);
    border-radius: var(--ui-radius-pill);
    color: var(--ui-slate-700);
    background: var(--ui-slate-100);
    font-size: var(--ui-font-size-xs);
    font-weight: 750;
}

[data-ui-foundation="ui-0"] .ui-chip--accent { color: var(--ui-accent-strong); background: var(--ui-accent-soft); }
[data-ui-foundation="ui-0"] .ui-chip--success { color: var(--ui-success); background: var(--ui-success-soft); }
[data-ui-foundation="ui-0"] .ui-chip--warning { color: var(--ui-warning); background: var(--ui-warning-soft); }
[data-ui-foundation="ui-0"] .ui-chip--danger { color: var(--ui-danger); background: var(--ui-danger-soft); }

/* Notices, toast region and states */
[data-ui-foundation="ui-0"] .ui-notice {
    display: flex;
    align-items: flex-start;
    gap: var(--ui-space-3);
    padding: var(--ui-space-4);
    border: 1px solid transparent;
    border-radius: var(--ui-radius-md);
    color: var(--ui-slate-900);
    background: var(--ui-info-soft);
}

[data-ui-foundation="ui-0"] .ui-notice__content { flex: 1 1 auto; }
[data-ui-foundation="ui-0"] .ui-notice__title { display: block; margin-block-end: var(--ui-space-1); }
[data-ui-foundation="ui-0"] .ui-notice--success { background: var(--ui-success-soft); border-color: color-mix(in srgb, var(--ui-success) 24%, transparent); }
[data-ui-foundation="ui-0"] .ui-notice--warning { background: var(--ui-warning-soft); border-color: color-mix(in srgb, var(--ui-warning) 24%, transparent); }
[data-ui-foundation="ui-0"] .ui-notice--danger { background: var(--ui-danger-soft); border-color: color-mix(in srgb, var(--ui-danger) 24%, transparent); }

[data-ui-foundation="ui-0"] .ui-toast-region {
    position: fixed;
    inset-inline-start: var(--ui-space-4);
    inset-block-end: var(--ui-space-4);
    z-index: var(--ui-z-toast);
    display: grid;
    gap: var(--ui-space-2);
    width: min(24rem, calc(100vw - 2rem));
    pointer-events: none;
}

[data-ui-foundation="ui-0"] .ui-toast-region > * {
    pointer-events: auto;
}

[data-ui-foundation="ui-0"] .ui-state {
    display: grid;
    justify-items: center;
    gap: var(--ui-space-3);
    min-height: 12rem;
    padding: var(--ui-space-8);
    border: 1px dashed var(--ui-slate-300);
    border-radius: var(--ui-radius-lg);
    color: var(--ui-slate-600);
    background: var(--ui-slate-50);
    text-align: center;
}

[data-ui-foundation="ui-0"] .ui-state__icon {
    color: var(--ui-accent);
    font-size: 2rem;
}

[data-ui-foundation="ui-0"] .ui-state__title {
    margin: 0;
    color: var(--ui-slate-900);
    font-size: var(--ui-font-size-lg);
    font-weight: 800;
}

[data-ui-foundation="ui-0"] .ui-state__description { max-width: 36rem; margin: 0; }

[data-ui-foundation="ui-0"] .ui-state--success .ui-state__icon { color: var(--ui-success); }
[data-ui-foundation="ui-0"] .ui-state--error .ui-state__icon { color: var(--ui-danger); }

[data-ui-foundation="ui-0"] .ui-mahyar {
    display: flex;
    align-items: flex-start;
    gap: var(--ui-space-4);
    padding: var(--ui-space-4);
    border: 1px solid color-mix(in srgb, var(--ui-accent) 22%, var(--ui-slate-200));
    border-radius: var(--ui-radius-lg);
    color: var(--ui-slate-900);
    background: linear-gradient(135deg, var(--ui-accent-soft), var(--ui-surface));
}

[data-ui-foundation="ui-0"] .ui-mahyar__avatar {
    flex: 0 0 3.5rem;
    border: 2px solid color-mix(in srgb, var(--ui-accent) 22%, var(--ui-white));
    border-radius: 50%;
    background: var(--ui-white);
    object-fit: cover;
}

[data-ui-foundation="ui-0"] .ui-mahyar__content { min-width: 0; }
[data-ui-foundation="ui-0"] .ui-mahyar__title { display: block; margin-block-end: var(--ui-space-1); color: var(--ui-accent-strong); }
[data-ui-foundation="ui-0"] .ui-mahyar__message { margin: 0; color: var(--ui-slate-700); }
[data-ui-foundation="ui-0"] .ui-mahyar__message + .ui-button { margin-block-start: var(--ui-space-3); }

[data-ui-foundation="ui-0"] .ui-spinner {
    width: 2rem;
    height: 2rem;
    border: 3px solid var(--ui-slate-200);
    border-block-start-color: var(--ui-accent);
    border-radius: 50%;
    animation: ui-spin 700ms linear infinite;
}

[data-ui-foundation="ui-0"] .ui-skeleton {
    min-height: 1rem;
    border-radius: var(--ui-radius-sm);
    background: linear-gradient(90deg, var(--ui-slate-100), var(--ui-slate-200), var(--ui-slate-100));
    background-size: 200% 100%;
    animation: ui-shimmer 1.4s ease-in-out infinite;
}

/* Native dialog foundation; legacy Bootstrap modals remain untouched. */
[data-ui-foundation="ui-0"] .ui-modal {
    width: min(36rem, calc(100vw - 2rem));
    max-height: calc(100dvh - 2rem);
    padding: 0;
    border: 0;
    border-radius: var(--ui-radius-xl);
    color: var(--ui-slate-900);
    background: transparent;
    box-shadow: var(--ui-shadow-md);
}

[data-ui-foundation="ui-0"] .ui-modal::backdrop {
    background: rgba(8, 20, 38, 0.58);
    backdrop-filter: blur(3px);
}

[data-ui-foundation="ui-0"] .ui-modal__surface {
    overflow: auto;
    max-height: calc(100dvh - 2rem);
    border-radius: inherit;
    background: var(--ui-surface);
}

[data-ui-foundation="ui-0"] .ui-modal__header {
    display: flex;
    align-items: flex-start;
    gap: var(--ui-space-4);
    padding: var(--ui-space-5);
    border-block-end: var(--ui-border);
}

[data-ui-foundation="ui-0"] .ui-modal__header > div { flex: 1 1 auto; }
[data-ui-foundation="ui-0"] .ui-modal__title { margin: 0; font-size: var(--ui-font-size-xl); font-weight: 850; }
[data-ui-foundation="ui-0"] .ui-modal__description { margin: var(--ui-space-1) 0 0; color: var(--ui-slate-600); }
[data-ui-foundation="ui-0"] .ui-modal__body { padding: var(--ui-space-5); }

@keyframes ui-spin { to { transform: rotate(1turn); } }
@keyframes ui-shimmer { to { background-position-x: -200%; } }

@media (max-width: 991.98px) {
    [data-ui-foundation="ui-0"] .ui-shell {
        display: block;
    }

    [data-ui-foundation="ui-0"] .ui-sidebar {
        position: fixed;
        inset-block: 0;
        inset-inline-start: 0;
        z-index: var(--ui-z-sidebar);
        width: min(var(--ui-sidebar-width), calc(100vw - 3rem));
        transform: translateX(110%);
        transition: transform var(--ui-motion-normal) var(--ui-ease-standard);
    }

    [dir="ltr"] [data-ui-foundation="ui-0"] .ui-sidebar {
        transform: translateX(-110%);
    }

    [data-ui-foundation="ui-0"] .ui-shell.is-sidebar-open .ui-sidebar {
        transform: translateX(0);
    }

    [data-ui-foundation="ui-0"] .ui-shell__scrim {
        position: fixed;
        inset: 0;
        z-index: var(--ui-z-scrim);
        display: block;
        visibility: hidden;
        opacity: 0;
        background: rgba(8, 20, 38, 0.5);
        transition: opacity var(--ui-motion-normal) var(--ui-ease-standard), visibility 0s linear var(--ui-motion-normal);
    }

    [data-ui-foundation="ui-0"] .ui-shell.is-sidebar-open .ui-shell__scrim {
        visibility: visible;
        opacity: 1;
        transition-delay: 0s;
    }

    [data-ui-foundation="ui-0"] .ui-topbar__menu {
        display: inline-flex;
    }
}

@media (max-width: 575.98px) {
    [data-ui-foundation="ui-0"] .ui-shell__content { padding: var(--ui-space-3); }
    [data-ui-foundation="ui-0"] .ui-topbar { margin-block-end: var(--ui-space-4); padding-inline: var(--ui-space-3); }
    [data-ui-foundation="ui-0"] .ui-card__header,
    [data-ui-foundation="ui-0"] .ui-card__body { padding-inline: var(--ui-space-4); }
    [data-ui-foundation="ui-0"] .ui-stat { min-height: 6.5rem; padding: var(--ui-space-4); }
}

@media (prefers-reduced-motion: reduce) {
    [data-ui-foundation="ui-0"],
    [data-ui-foundation="ui-0"] *,
    [data-ui-foundation="ui-0"] *::before,
    [data-ui-foundation="ui-0"] *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

@media (forced-colors: active) {
    [data-ui-foundation="ui-0"] :where(.ui-card, .ui-stat, .ui-notice, .ui-button, .ui-chip) {
        border: 1px solid CanvasText;
    }
}

@media print {
    [data-ui-foundation="ui-0"] .ui-sidebar,
    [data-ui-foundation="ui-0"] .ui-shell__scrim,
    [data-ui-foundation="ui-0"] .ui-toast-region {
        display: none !important;
    }

    [data-ui-foundation="ui-0"] .ui-shell {
        display: block;
    }

    [data-ui-foundation="ui-0"] .ui-card,
    [data-ui-foundation="ui-0"] .ui-stat {
        box-shadow: none;
        break-inside: avoid;
    }
}
/* Shared competition editors retain each role's form and button theme. */
.competition-management{margin-block:18px;min-width:0}
.competition-management details{padding:12px;margin-block:10px;border:1px solid currentColor;border-radius:12px}
.competition-management summary{cursor:pointer;line-height:1.9;overflow-wrap:anywhere}
.competition-management form{margin-block:12px;min-width:0}
.competition-management input[type="checkbox"]{width:auto!important;justify-self:start}
.competition-management p{line-height:1.9;font-size:.85rem;overflow-wrap:anywhere}
.competition-participant{padding-block:12px;border-block-end:1px solid #ccd6df}