/* Reader race theme. The race page owns its visual system here; layout primitives remain in points.css. */
.iti-race-page .iti-crown{display:block;width:58px;height:42px;object-fit:contain}
.iti-race-page {
    --race-ink: var(--kn-ink, #25343a);
    --race-muted: var(--kn-muted, #70858a);
    --race-line: var(--kn-line, #cbdad3);
    --race-mint: #72b8b1;
    --race-mint-dark: #397f80;
    --race-gold: #e5aa38;
    --race-coral: #e97a67;
    --race-blue: #76a9c5;
    --race-paper: #fffefa;
    --race-soft: #eff8f3;
    max-width: 1480px;
    margin-inline: auto;
    padding: 16px 18px 42px;
    color: var(--race-ink);
}

.iti-race-page .iti-race-leader,
.iti-race-page .iti-race-top,
.iti-race-page .iti-race-all,
.iti-race-page .iti-race-comments {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--race-line);
    border-radius: 34px;
    box-shadow: 0 20px 48px rgba(48, 77, 77, .10);
}

.iti-race-page .iti-race-hero {
    position: relative;
    overflow: visible;
    border: 1px solid var(--race-line);
    border-radius: 34px;
    box-shadow: 0 20px 48px rgba(48, 77, 77, .10);
}

.iti-race-page .iti-race-hero {
    padding: clamp(18px, 2.2vw, 28px);
    min-height: 210px;
    background: linear-gradient(118deg, #fff5d9 0%, #fffefa 43%, #e7f8f3 100%);
    border-color: #e5b84e;
}

.iti-race-page .iti-race-hero::after,
.iti-race-page .iti-race-leader::after,
.iti-race-page .iti-race-top::after {
    content: '';
    position: absolute;
    width: 360px;
    height: 360px;
    right: -150px;
    top: -190px;
    border: 1px solid rgba(114, 184, 177, .24);
    border-radius: 50%;
    box-shadow: 0 0 0 28px rgba(114, 184, 177, .06), 0 0 0 58px rgba(229, 170, 56, .05);
    pointer-events: none;
}

.iti-race-page .iti-race-eyebrow {
    position: relative;
    z-index: 1;
    margin: 0 0 13px;
    color: var(--race-mint-dark);
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.iti-race-page .iti-race-hero h1,
.iti-race-page .iti-race-section-head h2,
.iti-race-page .iti-race-comments h2 {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--race-ink);
    font-weight: 900;
    letter-spacing: -.035em;
}

.iti-race-page .iti-race-hero h1 { font-size: clamp(30px, 3.2vw, 42px); line-height: 1; }
.iti-race-page .iti-race-hero__lead { position: relative; z-index: 1; max-width: 850px; margin: 9px 0 12px; color: #61777b; font-size: clamp(15px, 1.3vw, 17px); line-height: 1.35; }
.iti-race-page .iti-race-hero__facts { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 10px; }
.iti-race-page .iti-race-hero__leader-summary { position: absolute; z-index: 1; top: 50%; right: clamp(22px, 4vw, 58px); width: min(31%, 360px); transform: translateY(-50%); padding: 22px 24px; border: 1px solid rgba(220,232,230,.9); border-radius: 28px; background: rgba(255,255,255,.8); box-shadow: 0 12px 28px rgba(48,77,77,.07); }
.iti-race-page .iti-race-hero__leader-summary p { margin: 0 0 12px; color: #8a9bb5; font-size: 14px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.iti-race-page .iti-race-hero__leader-summary h2 { margin: 0; color: #111827; font-size: clamp(25px, 2.1vw, 36px); line-height: 1.05; }
.iti-race-page .iti-race-hero__leader-summary strong { display: block; margin-top: 22px; color: #d26027; font-size: clamp(20px, 1.8vw, 29px); line-height: 1.1; }
.iti-race-page .iti-race-hero__leader-summary span { display: block; margin-top: 28px; color: #60758e; font-size: 17px; line-height: 1.35; }
.iti-race-page .iti-race-hero__facts span,
.iti-race-page .iti-race-section-head > span { border: 1px solid #e5b84e; border-radius: 999px; background: rgba(255,255,255,.66); color: #936d22; }
.iti-race-page > .iti-race-support-status { display: block; width: fit-content; margin: -10px 24px 18px auto; padding: 11px 17px; border: 1px solid #cbdff1; border-radius: 999px; background: #f1f6ff; color: #3971a8; font-size: 14px; font-weight: 900; }

.iti-race-page .iti-race-leader {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 44%);
    align-items: center;
    gap: 18px;
    padding: 24px 28px;
    background: linear-gradient(118deg, #dff6f0 0%, #fffce8 48%, #ffe4d9 100%);
    border-color: var(--race-mint);
}

.iti-race-page .iti-race-leader__identity { position: relative; z-index: 1; display: flex; align-items: center; gap: 20px; }
.iti-race-page .iti-race-leader__avatar { width: 112px; height: 112px; flex: 0 0 112px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(145deg, var(--race-mint), var(--race-mint-dark)); box-shadow: 0 12px 24px rgba(57,127,128,.22); }
.iti-race-page .iti-race-leader__avatar img { width: 100px; height: 100px; border: 4px solid #fff; border-radius: 50%; object-fit: cover; }
.iti-race-page .iti-race-leader__avatar span { color: #fff; font-size: 46px; font-weight: 900; }
.iti-race-page .iti-race-leader h2 { font-size: clamp(24px, 2.6vw, 36px); }
.iti-race-page .iti-race-leader strong { display: block; margin-top: 8px; color: #c57d21; font-size: clamp(30px, 3vw, 42px); }
.iti-race-page .iti-race-leader strong small,
.iti-race-page .iti-race-leader p { color: var(--race-muted); font-size: 15px; font-weight: 700; }
.iti-race-page .iti-race-leader__meter { position: relative; z-index: 1; height: 22px; overflow: hidden; border-radius: 999px; background: rgba(229,170,56,.20); box-shadow: inset 0 1px 3px rgba(60,70,50,.12); }
.iti-race-page .iti-race-leader__meter span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--race-gold), var(--race-coral)); box-shadow: 0 4px 14px rgba(229,170,56,.32); }

.iti-race-page .iti-race-top,
.iti-race-page .iti-race-all,
.iti-race-page .iti-race-comments { padding: clamp(16px, 2.2vw, 24px); background: linear-gradient(128deg, #fffefa 0%, #fff8de 48%, #e5f8f3 100%); }
.iti-race-page .iti-race-section-head { position: relative; z-index: 1; display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
.iti-race-page .iti-race-section-head h2 { font-size: clamp(24px, 2.6vw, 36px); }
.iti-race-page .iti-race-section-head > span { padding: 9px 14px; white-space: nowrap; font-size: 14px; }
.iti-race-page .iti-race-top__grid { position: relative; z-index: 1; gap: 18px; }

.iti-race-page .iti-race-top-card {
    position: relative;
    display: grid;
    grid-template-columns: 94px minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    align-items: center;
    column-gap: 16px;
    row-gap: 8px;
    min-height: 180px;
    padding: 16px;
    overflow: hidden;
    border: 2px solid var(--race-line);
    border-radius: 27px;
    box-shadow: 0 13px 26px rgba(53, 81, 78, .09);
}
.iti-race-page .iti-race-top-card::after { content: ''; position: absolute; width: 150px; height: 150px; right: -62px; bottom: -62px; border-radius: 50%; background: rgba(255,255,255,.48); }
.iti-race-page .iti-race-top-card:nth-child(1) { background: linear-gradient(145deg, #fff0ae, #fffefa 72%); border-color: var(--race-gold); }
.iti-race-page .iti-race-top-card:nth-child(2) { background: linear-gradient(145deg, #e2f2fb, #fffefa 72%); border-color: var(--race-blue); }
.iti-race-page .iti-race-top-card:nth-child(3) { background: linear-gradient(145deg, #ffe0d6, #fffefa 72%); border-color: var(--race-coral); }
.iti-race-page .iti-race-top-card__place { grid-column: 1 / -1; grid-row: 1; justify-self: start; position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 8px; color: var(--race-mint-dark); font-size: 20px; font-weight: 900; }
.iti-race-page .iti-race-top-card__place::before { display: none; content: none; }
.iti-race-page .iti-race-top-card__place b { display: inline-grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; color: #fff; background: var(--race-mint); font-size: 14px; }
.iti-race-page .iti-race-top-card:nth-child(1) .iti-race-top-card__place b { background: var(--race-gold); }
.iti-race-page .iti-race-top-card:nth-child(2) .iti-race-top-card__place b { background: var(--race-blue); }
.iti-race-page .iti-race-top-card:nth-child(3) .iti-race-top-card__place b { background: var(--race-coral); }
.iti-race-page .iti-race-top-card:nth-child(1) .iti-race-top-card__place::before { content: '1'; background: var(--race-gold); }
.iti-race-page .iti-race-top-card:nth-child(2) .iti-race-top-card__place::before { content: '2'; background: var(--race-blue); }
.iti-race-page .iti-race-top-card:nth-child(3) .iti-race-top-card__place::before { content: '3'; background: var(--race-coral); }
.iti-race-page .iti-race-top-card__avatar { grid-column: 1; grid-row: 2 / span 2; align-self: center; position: relative; z-index: 1; width: 72px; height: 72px; overflow: visible; border: 4px solid #fff; border-radius: 50%; box-shadow: 0 7px 16px rgba(42,67,67,.15); }
.iti-race-page .iti-race-top-card__avatar .iti-crown { position: absolute; z-index: 2; top: -38px; left: 50%; width: 78px; height: 58px; transform: translateX(-50%); object-position: center; pointer-events: none; }
.iti-race-page .iti-race-top-card h3 { grid-column: 2; grid-row: 2; align-self: end; position: relative; z-index: 1; margin: 0; color: var(--race-ink); font-size: 23px; }
.iti-race-page .iti-race-top-card > strong { grid-column: 2; grid-row: 3; align-self: start; position: relative; z-index: 1; margin: 0; color: #bf7b20; font-size: 26px; }
.iti-race-page .iti-race-top-card > strong small { color: var(--race-muted); font-size: 13px; }
.iti-race-page .iti-race-top-card__meta { grid-column: 1 / -1; grid-row: 4; align-self: end; position: relative; z-index: 1; gap: 6px; flex-wrap: nowrap; min-width: 0; }
.iti-race-page .iti-race-top-card__meta span { display: inline-flex; flex: 0 1 auto; align-items: center; gap: 4px; padding: 6px 8px; border: 1px solid rgba(104,157,157,.22); background: rgba(255,255,255,.70); color: #647d80; font-size: 11px; white-space: nowrap; }
.iti-race-page .iti-race-top-card__meta .is-votes { color: #df7041; }

.iti-race-page .iti-race-all { background: linear-gradient(128deg, #e9faf5, #fffefa 48%, #fff1df); border-color: var(--race-mint); }
.iti-race-page .iti-race-leader-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.5fr) minmax(0, .85fr);
    gap: 18px;
    align-items: center;
    margin: 16px 0;
    padding: 20px;
    overflow: hidden;
    border: 2px solid var(--race-mint);
    border-radius: 32px;
    background: linear-gradient(112deg, #fffefa 0%, #eefaf4 50%, #fff0d8 100%);
    box-shadow: 0 20px 48px rgba(48, 77, 77, .12);
}
.iti-race-leader-card__identity,
.iti-race-leader-card__chart-wrap,
.iti-race-leader-card__support { position: relative; z-index: 1; min-width: 0; }
.iti-race-leader-card__identity { display: grid; grid-template-columns: 82px 110px 110px; grid-template-rows: auto auto auto; gap: 10px; align-items: center; justify-content: center; }
.iti-race-leader-card__place { grid-column: 1; grid-row: 1 / span 2; display: grid; align-content: center; justify-items: center; width: 78px; min-height: 76px; border: 2px solid #dbe6ee; border-radius: 17px; background: rgba(255,255,255,.68); }
.iti-race-leader-card__place strong { color: var(--race-ink); font-size: 27px; line-height: 1; }
.iti-race-leader-card__place small { margin-top: 8px; color: var(--race-muted); font-size: 12px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.iti-race-leader-card__avatar-column { grid-column: 2; grid-row: 1; display: grid; justify-items: center; min-width: 0; }
.iti-race-leader-card__avatar { position: relative; display: grid; place-items: center; width: 70px; height: 70px; border: 4px solid #f6df9e; border-radius: 50%; background: linear-gradient(135deg, var(--race-gold), #fff6cc); box-shadow: 0 8px 16px rgba(171,128,35,.16); }
.iti-race-leader-card__avatar > img:not(.iti-crown) { width: 62px; height: 62px; border-radius: 50%; object-fit: cover; }
.iti-race-leader-card__avatar .iti-crown { position: absolute; z-index: 2; top: -30px; left: 50%; width: 72px; height: 54px; transform: translateX(-50%); object-position: center; pointer-events: none; }
.iti-race-leader-card__person { grid-column: 2; grid-row: 2; min-width: 0; text-align: center; }
.iti-race-leader-card__person h2 { margin: 0; font-size: clamp(20px, 1.55vw, 28px); line-height: 1.05; }
.iti-race-leader-card__person h2 a { color: var(--race-ink); text-decoration: none; }
.iti-race-rank-badge { display: inline-block; box-sizing: border-box; width: 100%; max-width: 100%; padding: 7px 11px; border: 1px solid #edca77; border-radius: 999px; background: rgba(255,247,218,.84); color: #bd8128; font-size: 12px; font-weight: 900; line-height: 1.2; text-align: center; overflow-wrap: anywhere; }
.iti-race-leader-card__points-column { grid-column: 3; grid-row: 1 / span 2; display: grid; align-content: center; justify-items: stretch; gap: 6px; width: 110px; max-width: 110px; min-width: 0; overflow: hidden; }
.iti-race-leader-card__points { display: block; max-width: 100%; margin: 0; color: #c27d23; font-size: 21px; text-align: center; white-space: normal; }
.iti-race-leader-card__points small { color: var(--race-muted); font-size: 13px; }
.iti-race-leader-card__stats { grid-column: 1 / -1; grid-row: 3; display: flex; flex-wrap: nowrap; gap: 7px; align-self: start; margin-top: 0; min-width: 0; }
.iti-race-leader-card__stats span { display: inline-flex; flex: 0 1 auto; align-items: center; gap: 4px; padding: 7px 8px; border: 1px solid #dbe6ee; border-radius: 999px; background: rgba(255,255,255,.76); color: #718a91; font-size: 11px; font-weight: 800; white-space: nowrap; }
.iti-stat-icon { width: 16px; height: 16px; flex: 0 0 16px; stroke-width: 1.9; }
.iti-race-leader-card__stats .is-votes { color: #df7041; }
.iti-race-leader-card__chart-wrap { padding: 14px 16px 12px; border: 1px solid #dce8e6; border-radius: 20px; background: rgba(255,255,255,.62); }
.iti-race-leader-card__chart-head { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 10px; color: var(--race-muted); font-size: 13px; }
.iti-race-leader-card__chart-head strong { color: var(--race-ink); }
.iti-race-leader-card__chart { display: grid; grid-template-columns: repeat(14, minmax(12px, 1fr)); gap: 5px; align-items: end; height: 150px; padding-top: 8px; border-bottom: 2px solid rgba(112,156,155,.25); background: repeating-linear-gradient(to top, transparent 0, transparent 35px, rgba(112,156,155,.13) 36px); }
.iti-race-leader-card__bar { display: grid; grid-template-rows: 1fr 18px 20px; align-items: end; height: 100%; min-width: 0; text-align: center; }
.iti-race-leader-card__bar i { display: block; align-self: end; height: var(--bar-height); min-height: 3px; border-radius: 9px 9px 2px 2px; background: linear-gradient(180deg, var(--race-coral), var(--race-gold) 55%, var(--race-blue)); box-shadow: 0 3px 8px rgba(229,170,56,.2); }
.iti-race-leader-card__bar small { align-self: center; color: var(--race-muted); font-size: 10px; font-weight: 800; }
.iti-race-leader-card__bar em { overflow: hidden; color: var(--race-muted); font-size: 9px; font-style: normal; white-space: nowrap; }
.iti-race-leader-card__chart-wrap .iti-race-progress { margin-top: 15px; }
.iti-race-leader-card__support { display: grid; gap: 12px; align-content: center; }
.iti-race-leader-card__support .iti-race-eyebrow { margin-bottom: 2px; }
.iti-race-leader-summary { padding: 18px 20px; border: 1px solid rgba(220,232,230,.9); border-radius: 26px; background: rgba(255,255,255,.78); box-shadow: 0 10px 24px rgba(48,77,77,.06); }
.iti-race-leader-summary__eyebrow { margin: 0 0 10px; color: #8a9bb5; font-size: 14px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.iti-race-leader-summary h2 { margin: 0; font-size: clamp(25px, 2.1vw, 36px); line-height: 1.05; }
.iti-race-leader-summary h2 a { color: #111827; text-decoration: none; }
.iti-race-leader-summary strong { display: block; margin-top: 22px; color: #d26027; font-size: clamp(20px, 1.8vw, 29px); line-height: 1.1; }
.iti-race-leader-summary p:last-child { margin: 28px 0 0; color: #60758e; font-size: 17px; line-height: 1.35; }
.iti-race-page .iti-race-all .iti-race-leader-card { margin-top: 18px; }
.iti-race-page .iti-race-all .iti-race-leader-card:first-of-type { margin-top: 0; }
.iti-race-vote,
.iti-race-profile-link { display: block; box-sizing: border-box; width: 100%; max-width: 100%; padding: 13px 12px; border: 1px solid transparent; border-radius: 999px; font: inherit; font-size: 14px; font-weight: 900; line-height: 1.25; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: anywhere; cursor: pointer; }
.iti-race-vote { background: linear-gradient(135deg, var(--race-gold), var(--race-coral)); color: #fff; box-shadow: 0 9px 18px rgba(229,170,56,.22); }
.iti-race-vote.is-supported { background: linear-gradient(135deg, var(--race-mint), var(--race-mint-dark)); }
.iti-race-profile-link { border-color: var(--race-line); background: rgba(255,255,255,.58); color: var(--race-mint-dark); }
.iti-race-vote:hover, .iti-race-vote:focus-visible { color: #fff; filter: brightness(1.08); box-shadow: 0 11px 22px rgba(229,170,56,.34); outline: 2px solid rgba(229,170,56,.48); outline-offset: 2px; }
.iti-race-profile-link:hover, .iti-race-profile-link:focus-visible { border-color: #68aead; background: #d9ece8; color: #275f62; outline: 2px solid rgba(104,174,173,.42); outline-offset: 2px; }

.iti-race-page .iti-race-comments { background: linear-gradient(128deg, #fff9e8, #fffefa 50%, #e3f8f2); border-color: #e7c56b; }
.iti-race-page .iti-race-comments h2 { font-size: clamp(24px, 2.6vw, 36px); }
.iti-race-page .iti-race-comments__empty { border-color: #d8bd76; color: var(--race-muted); }
.iti-race-page .iti-race-load-more,
.iti-race-page .iti-race-comments__submit { border-color: var(--race-gold); background: linear-gradient(135deg, var(--race-gold), var(--race-coral)); color: #fff; box-shadow: 0 10px 22px rgba(229,170,56,.26); }
.iti-race-page .iti-race-load-more:hover, .iti-race-page .iti-race-load-more:focus-visible, .iti-race-page .iti-race-comments__submit:hover, .iti-race-page .iti-race-comments__submit:focus-visible { border-color: #f0c767; color: #fff; filter: brightness(1.1); box-shadow: 0 12px 26px rgba(229,170,56,.36); outline: 2px solid rgba(229,170,56,.46); outline-offset: 2px; }

html[data-theme="dark"] .iti-race-page {
    --race-ink: #eef6f2;
    --race-muted: #b6ccc8;
    --race-line: #3e5b60;
    --race-paper: #1d2a30;
    --race-soft: #24373d;
}
html[data-theme="dark"] .iti-race-page .iti-race-hero { background: linear-gradient(118deg, #3d3525, #22363b 50%, #253d3d); border-color: #bd9340; }
html[data-theme="dark"] .iti-race-page .iti-race-leader { background: linear-gradient(118deg, #244247, #303b35 48%, #4a302d); }
html[data-theme="dark"] .iti-race-page .iti-race-top,
html[data-theme="dark"] .iti-race-page .iti-race-all,
html[data-theme="dark"] .iti-race-page .iti-race-comments { background: linear-gradient(128deg, #1c3035, #25353a 52%, #3b3029); }
html[data-theme="dark"] .iti-race-page .iti-race-top-card:nth-child(1) { background: linear-gradient(145deg, #4b3d21, #26363a 78%); }
html[data-theme="dark"] .iti-race-page .iti-race-top-card:nth-child(2) { background: linear-gradient(145deg, #284451, #26363a 78%); }
html[data-theme="dark"] .iti-race-page .iti-race-top-card:nth-child(3) { background: linear-gradient(145deg, #4e302e, #26363a 78%); }
html[data-theme="dark"] .iti-race-page .iti-race-leader-card { background: linear-gradient(112deg, #1d3438, #26383c 50%, #49362d); border-color: #4d8888; }
html[data-theme="dark"] .iti-race-page .iti-race-leader-card__place,
html[data-theme="dark"] .iti-race-page .iti-race-leader-card__chart-wrap { border-color: #4b6569; background: rgba(25,42,47,.76); }
html[data-theme="dark"] .iti-race-page .iti-race-leader-card__place strong,
html[data-theme="dark"] .iti-race-page .iti-race-leader-card__person h2 a,
html[data-theme="dark"] .iti-race-page .iti-race-leader-card__chart-head strong { color: #eef6f2; }
html[data-theme="dark"] .iti-race-page .iti-race-leader-card__stats span { border-color: #466166; background: rgba(30,50,55,.84); color: #c6dcda; }
html[data-theme="dark"] .iti-race-page .iti-race-rank-badge { background: rgba(100,76,37,.7); color: #f5d27e; }
html[data-theme="dark"] .iti-race-page .iti-race-profile-link { background: rgba(29,51,56,.85); color: #9fd2cc; }
html[data-theme="dark"] .iti-race-page .iti-race-profile-link:hover, html[data-theme="dark"] .iti-race-page .iti-race-profile-link:focus-visible { border-color: #82c8bf; background: #35575b; color: #e8faf4; }
html[data-theme="dark"] .iti-race-page .iti-race-vote:hover, html[data-theme="dark"] .iti-race-page .iti-race-vote:focus-visible { color: #fff; filter: brightness(1.14); }
html[data-theme="dark"] .iti-race-page .iti-race-hero h1,
html[data-theme="dark"] .iti-race-page .iti-race-section-head h2,
html[data-theme="dark"] .iti-race-page .iti-race-comments h2,
html[data-theme="dark"] .iti-race-page .iti-race-top-card h3 { color: var(--race-ink); }
html[data-theme="dark"] .iti-race-page .iti-race-hero__lead { color: var(--race-muted); }
html[data-theme="dark"] .iti-race-page .iti-race-hero__facts span,
html[data-theme="dark"] .iti-race-page .iti-race-section-head > span,
html[data-theme="dark"] .iti-race-page .iti-race-top-card__meta span,
html[data-theme="dark"] .iti-race-page .iti-race-meta span { background: rgba(35,52,57,.84); color: #f4d27d; }
html[data-theme="dark"] .iti-race-page > .iti-race-support-status { border-color: #466b87; background: #203a4a; color: #b9ddff; }
html[data-theme="dark"] .iti-race-page .iti-race-vote { color: #fff; }
html[data-theme="dark"] .iti-race-page .iti-race-leader-card__points { color: #f2c96e; }
html[data-theme="dark"] .iti-race-page .iti-race-hero__leader-summary { border-color: #4b6569; background: rgba(25,42,47,.82); }
html[data-theme="dark"] .iti-race-page .iti-race-hero__leader-summary h2 { color: #eef6f2; }
html[data-theme="dark"] .iti-race-page .iti-race-hero__leader-summary span { color: #b6ccc8; }

@media (max-width: 1200px) {
    .iti-race-page .iti-race-leader-card { grid-template-columns: 1fr; gap: 16px; }
    .iti-race-page .iti-race-leader-card__identity { grid-column: 1; grid-template-columns: 110px 150px 150px; }
    .iti-race-page .iti-race-leader-card__chart-wrap { grid-column: 1; grid-row: 2; }
    .iti-race-page .iti-race-leader-card__support { grid-column: 1; grid-row: 3; }
}

@media (max-width: 900px) {
    .iti-race-page .iti-race-leader { grid-template-columns: 1fr; gap: 24px; }
    .iti-race-page { padding: 12px 12px 34px; }
    .iti-race-page .iti-race-hero,
    .iti-race-page .iti-race-leader,
    .iti-race-page .iti-race-top,
    .iti-race-page .iti-race-all,
    .iti-race-page .iti-race-comments { padding: 20px; border-radius: 24px; }
    .iti-race-page .iti-race-hero h1 { font-size: clamp(32px, 7vw, 48px); }
    .iti-race-page .iti-race-section-head h2 { font-size: clamp(28px, 6vw, 40px); }
    .iti-race-page .iti-race-top-card__meta { flex-wrap: wrap; }
    .iti-race-page .iti-race-hero__leader-summary { position: relative; top: auto; right: auto; width: min(100%, 420px); transform: none; margin: 18px 0 0 auto; }
}
@media (max-width: 760px) {
    .iti-race-page { padding: 14px 10px 42px; }
    .iti-race-page .iti-race-hero,
    .iti-race-page .iti-race-leader,
    .iti-race-page .iti-race-top,
    .iti-race-page .iti-race-all,
    .iti-race-page .iti-race-comments { border-radius: 18px; padding: 16px 12px; }
    .iti-race-page .iti-race-hero h1 { font-size: clamp(28px, 8vw, 38px); }
    .iti-race-page .iti-race-section-head { display: block; }
    .iti-race-page .iti-race-section-head > span { display: inline-block; margin-top: 8px; }
    .iti-race-page .iti-race-leader__identity { align-items: flex-start; }
    .iti-race-page .iti-race-leader__avatar { width: 76px; height: 76px; flex-basis: 76px; }
    .iti-race-page .iti-race-leader__avatar img { width: 68px; height: 68px; }
    .iti-race-page .iti-race-leader-card { display: block; padding: 16px; border-radius: 23px; }
    .iti-race-page .iti-race-leader-card__identity { grid-template-columns: 76px 86px 110px; gap: 8px; }
    .iti-race-page .iti-race-leader-card__points-column { width: 110px; max-width: 110px; }
    .iti-race-page .iti-race-leader-card__place { width: 72px; min-height: 70px; border-radius: 15px; }
    .iti-race-page .iti-race-leader-card__place strong { font-size: 23px; }
    .iti-race-page .iti-race-leader-card__place small { margin-top: 4px; font-size: 9px; }
    .iti-race-page .iti-race-leader-card__avatar { width: 64px; height: 64px; border-width: 4px; }
    .iti-race-page .iti-race-leader-card__avatar > img:not(.iti-crown) { width: 56px; height: 56px; }
    .iti-race-page .iti-race-leader-card__avatar .iti-crown { top: -19px; width: 54px; height: 40px; }
    .iti-race-page .iti-race-leader-card__person h2 { font-size: 19px; }
    .iti-race-page .iti-race-leader-card__points { font-size: 18px; }
    .iti-race-page .iti-race-leader-card__stats { grid-column: 1 / -1; margin-top: 8px; gap: 6px; }
    .iti-race-page .iti-race-leader-card__stats span { padding: 7px 8px; font-size: 11px; }
    .iti-race-page .iti-race-leader-card__chart-wrap { margin-top: 14px; padding: 12px 10px 10px; }
    .iti-race-page .iti-race-leader-card__chart { gap: 3px; height: 145px; }
    .iti-race-page .iti-race-leader-card__bar small { font-size: 8px; }
    .iti-race-page .iti-race-leader-card__bar em { font-size: 7px; }
    .iti-race-page .iti-race-leader-card__support { margin-top: 18px; }
    .iti-race-page .iti-race-hero__leader-summary { display: none; }
    .iti-race-page .iti-race-top-card { min-height: 160px; padding: 13px; }
}