.vs-z-mobile-details{display:none}
/* Mobile compositions, shared by race editions and race history pages.
   Load after context styles: desktop column grids must not leak into these cards. */
@media (max-width:760px){
  .startseite .home-winner.hw2.hw-mit-bild .winner-heading h2{line-height:1.12;overflow:visible}
  html body main .result-records>div:not(.recordbook){grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  html body main .result-records .result-record{grid-column:auto!important}

  html body main .result-records .result-record{
    display:grid!important;grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;
    align-content:start;align-items:start;gap:0!important;
    height:auto!important;min-height:0!important;padding:20px!important;
  }
  html body main .result-records .result-record>header{display:contents!important}
  html body main .result-records .result-record>header>span{
    grid-row:1;grid-column:1;font:600 15px/1.3 var(--head);color:var(--messing-tief,#8c6c31);
  }
  html body main .result-records .result-record>h3{
    grid-row:2;grid-column:1;height:auto!important;min-height:0!important;
    margin:8px 0 0!important;font:600 23px/1.2 var(--head)!important;overflow:visible!important;
  }
  html body main .result-records .result-record>h3>span{display:block}
  html body main .result-records .result-record:is(article)>strong{
    grid-row:3;grid-column:1;margin:12px 0 0!important;font:700 32px/1.15 var(--head)!important;
  }
  html body main .result-records .result-record>.record-jahre{
    grid-row:4;grid-column:1;margin:8px 0 0!important;font:400 14px/1.45 var(--sans)!important;min-height:0!important;
  }
  html body main .result-records .result-record :is(.record-silk,.record-horse-silk){
    grid-row:5;grid-column:1;position:static!important;inset:auto!important;
    transform:none!important;width:76px!important;height:82px!important;
    margin:16px auto 0!important;object-fit:contain!important;
  }
  html body.unterseite main .result-records .result-record.with-person>.record-person-photo.vs-person-portrait{
    grid-row:5;grid-column:1;position:relative!important;inset:auto!important;
    width:100%!important;height:150px!important;margin:16px 0 -20px!important;
    clip-path:none!important;background:transparent!important;
  }
  html body main .vs-zehn{background:none!important;border:0!important;overflow:visible!important}
  html body main .vs-zehn .vs-z-zeile:not(.vs-kopf){
    display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto auto auto auto;column-gap:8px!important;row-gap:6px!important;
    padding:16px!important;margin:0 0 12px!important;align-items:start!important;
    border:1px solid #315d4218!important;border-radius:12px;background:#ffffff65!important;
  }
  html body main .vs-zehn .vs-z-zeile.vs-kopf{display:none!important}
  html body main .vs-zehn .vs-z-jahr{grid-column:1;grid-row:1;font:600 19px/1.3 var(--head);align-self:center}
  html body main .vs-zehn .vs-z-pferd{display:contents!important}
  html body main .vs-zehn .vs-z-pferd>b{
    grid-column:2;grid-row:1;font:600 23px/1.2 var(--head)!important;text-transform:none!important;
    white-space:normal!important;text-align:left!important;align-self:center;
  }
  html body main .vs-zehn .vs-z-silk{grid-column:3;grid-row:1;width:32px!important;height:38px!important;margin:0!important;object-fit:contain}
  html body main .vs-zehn .vs-z-pferd>small{
    grid-column:1/-1;grid-row:2;margin:0!important;font:400 15px/1.45 var(--sans)!important;
    white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-align:left!important;
  }
  html body main .vs-zehn :is(.vs-z-connections,.vs-z-besitzer){
    grid-column:1/-1;display:block!important;margin:0!important;text-align:left!important;
    font:400 15px/1.45 var(--sans)!important;
  }
  html body main .vs-zehn .vs-z-connections{grid-row:3}
  html body main .vs-zehn .vs-z-besitzer{grid-row:4}
  html body main .vs-zehn :is(.vs-z-connections,.vs-z-besitzer)>span{
    display:block!important;font:inherit!important;white-space:normal!important;overflow:visible!important;
  }
  html body main .vs-zehn .vs-z-quote{grid-row:5;grid-column:1/3;text-align:left!important;font:400 14px/1.4 var(--sans)!important;margin-top:4px}
  html body main .vs-zehn .vs-z-quote:not(:empty)::before{content:'Quote: '}
  html body main .vs-zehn .vs-z-video{grid-row:5;grid-column:3;justify-self:end;align-self:center;width:auto!important}
  html body main .vs-zehn .vs-z-video .filmchen{color:var(--ink)!important;background:transparent!important}
  html body main .vs-zehn .vs-z-favz{grid-row:6;grid-column:1/-1;text-align:left}
  html body main .vs-zehn .vs-z-favz:empty{display:none!important}
}

/* Winner identity first; secondary connections are available on demand. */
@media(max-width:760px){
  html body main .vs-zehn .vs-z-zeile:not(.vs-kopf){
    grid-template-columns:44px minmax(0,1fr) 42px!important;gap:0 12px!important;
    padding:16px!important;background:linear-gradient(120deg,#f5faf6,#e7f2e9)!important;
  }
  html body main .vs-zehn .vs-z-silk{grid-column:1;grid-row:1/3;align-self:center;width:42px!important;height:48px!important}
  html body main .vs-zehn .vs-z-pferd>b{grid-column:2;grid-row:1;font-size:24px!important;line-height:1.1!important}
  html body main .vs-zehn .vs-z-jahr{grid-column:3;grid-row:1;justify-self:end;align-self:start;font:600 17px/1.5 var(--head)!important}
  html body main .vs-zehn .vs-z-pferd>small{grid-column:2/-1;grid-row:2;margin-top:4px!important;font-size:14px!important;line-height:1.35!important}
  html body main .vs-zehn .vs-z-connections{grid-row:3;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:14px!important}
  html body main .vs-zehn .vs-z-connections>span{font:500 15px/1.3 var(--sans)!important}
  html body main .vs-zehn .vs-z-trainer::before,html body main .vs-zehn .vs-z-jockey::before{
    display:block;font:600 11px/1.4 var(--head)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--messing-tief,#8c6c31)!important;margin-bottom:2px;
  }
  html body main .vs-zehn .vs-z-trainer::before{content:'Trainer'!important}
  html body main .vs-zehn .vs-z-jockey::before{content:'Jockey'!important}
  html body main .vs-zehn .vs-z-besitzer{display:none!important}
  html body main .vs-zehn .vs-z-mobile-details{display:block;grid-row:4;grid-column:1/-1;margin-top:12px;font:400 14px/1.4 var(--sans)}
  .vs-z-mobile-details>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;color:var(--dim);min-height:28px}
  .vs-z-mobile-details>summary::-webkit-details-marker{display:none}
  .vs-z-mobile-details>summary::after{content:'+';font:500 20px/1 var(--sans);color:var(--ink)}
  .vs-z-mobile-details[open]>summary::after{content:'−'}
  .vs-z-mobile-details>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:6px 0}
  .vs-z-mobile-details>div>span{display:block!important;font:400 14px/1.4 var(--sans)!important;white-space:normal!important}
  .vs-z-mobile-details .vs-z-owner::before,.vs-z-mobile-details .vs-z-breeder::before{display:block;font:600 11px/1.4 var(--head);text-transform:uppercase;letter-spacing:.06em;color:var(--dim)}
  .vs-z-mobile-details .vs-z-owner::before{content:'Besitzer'!important}
  .vs-z-mobile-details .vs-z-breeder::before{content:'Züchter'!important}
  html body main .vs-zehn .vs-z-quote{grid-row:5;margin-top:8px;font-size:13px!important;color:var(--dim);align-self:center}
  html body main .vs-zehn .vs-z-video{grid-row:5;margin-top:8px}
  html body main .vs-zehn .vs-z-video .filmchen{display:flex;align-items:center;justify-content:flex-end;gap:5px;width:auto!important;height:36px!important;margin:0!important}
  html body main .vs-zehn .vs-z-video .filmchen::before{content:'Video';font:600 13px var(--head)}
  .vs-z-mobile-details summary:focus-visible{outline:2px solid var(--messing);outline-offset:3px}
}

/* History controls: a stable mobile grid instead of irregular chip wrapping. */
@media(max-width:760px){
  html body.unterseite main #rennserie.race-history-page .history-tools{padding:18px 16px;margin-top:32px}
  html body.unterseite main #rennserie.race-history-page .history-heading h2{font-size:24px;line-height:1.15}
  html body.unterseite main #rennserie.race-history-page .history-tools .chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 12px}
  html body.unterseite main #rennserie.race-history-page .history-tools .chips .chip{display:flex;align-items:center;justify-content:center;min-width:0;min-height:42px;height:auto;padding:8px 6px;font-size:14px;line-height:1.2;text-align:center;white-space:normal}
  html body.unterseite main #rennserie.race-history-page .history-tools .chips select{grid-column:1/-1;width:100%;min-width:0;margin:0;height:44px;font-size:15px}
  html body.unterseite main #rennserie.race-history-page .history-custom summary{font-size:14px;line-height:1.4;padding:4px 0}
  html body.unterseite main #rennserie.race-history-page .history-footer{margin-top:12px;padding-top:0}
  html body.unterseite main #rennserie.race-history-page .history-footer p{margin:0;font-size:14px}
  html body.unterseite main #rennserie.race-history-page .history-note{margin:8px 0 0;font-size:12px;line-height:1.4}
  html body.unterseite main #rennserie.race-history-page .history-period{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  html body.unterseite main #rennserie.race-history-page .history-period label{min-width:0}
  html body.unterseite main #rennserie.race-history-page .history-period input{width:100%;min-width:0}
  html body.unterseite main #rennserie.race-history-page .history-period button,html body.unterseite main #rennserie.race-history-page .period-error{grid-column:1/-1}
}

/* Film archive: readable identities and controls, without thumbnail-sized text. */
@media(max-width:760px){
  html body main .vk-zahlen{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin:14px 0 24px}
  html body main .vk-zahlen,html body main .vk-zahlen span,html body main .vk-zahlen b{font:400 16px/1.4 var(--sans);color:#e4c98a}
  html body main .vk-zahlen span{padding:0!important}
  html body main .vk-zahlen span+span::before{content:none}
  html body main .vk-suche .vk-filter{grid-template-columns:1fr 1fr!important;gap:8px}
  html body main .vk-suche .vk-filter input{grid-column:1/-1!important}
  html body main .vk-suche .vk-filter select{border-radius:7px;font-size:12px;padding-left:12px}
  html body main .vk-suche .vk-filter input{border-radius:7px}
  html body main .vk-monat .vk-raster{gap:14px}
  html body main .vk-monat figure.vk{display:grid;grid-template-columns:96px minmax(0,1fr);gap:0 12px;padding:12px;align-items:start}
  html body main .vk-monat figure.vk>.gf-film-knopf{grid-column:1;grid-row:1/3;width:96px;min-height:112px;height:100%;border-radius:7px;overflow:hidden;align-self:stretch}
  html body main .vk-monat figure.vk>.gf-film-knopf img{height:100%;width:100%;object-fit:cover}
  html body main .vk-monat figure.vk figcaption{display:contents}
  html body main .vk-monat figure.vk .vk-rennen{grid-column:2;grid-row:1;display:flex;align-items:center;gap:6px;font:600 18px/1.15 var(--head);padding:0;margin:0;flex-wrap:wrap}
  html body main .vk-monat figure.vk .vk-rennen>a{white-space:normal;overflow:visible;text-overflow:clip}
  html body main .vk-monat figure.vk .vk-sieger{grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;gap:6px;font:600 21px/1.15 var(--head);margin:10px 0 0}
  html body main .vk-monat figure.vk .vk-sieger .vk-silk{height:28px;width:27px}
  html body main .vk-monat figure.vk .vk-sieger>i{flex-basis:100%;padding:0;font:400 14px/1.3 var(--sans);overflow:visible;margin:2px 0 0;white-space:normal}
  html body main .vk-monat figure.vk .vk-sieger>i .pk{display:none!important}
  html body main .vk-monat figure.vk .vk-fuss{grid-column:1/-1;grid-row:3;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0 0;padding:0;font-size:12px;letter-spacing:.06em}
  html body main .vk-monat figure.vk .vk-fuss a{min-height:36px}
  html body main .vk-monat figure.vk .vk-ort{font-size:10px;line-height:1.3;white-space:normal;left:4px;right:4px;bottom:4px;text-align:center}
  html body main .vk-monat figure.vk:has(.gf-film-rahmen){grid-template-columns:minmax(0,1fr)}
  html body main .vk-monat figure.vk .gf-film-rahmen{grid-column:1/-1;grid-row:1;width:100%}
  html body main .vk-monat figure.vk:has(.gf-film-rahmen) .vk-rennen{grid-column:1;grid-row:2;margin-top:12px}
  html body main .vk-monat figure.vk:has(.gf-film-rahmen) .vk-sieger{grid-column:1;grid-row:3}
  html body main .vk-monat figure.vk:has(.gf-film-rahmen) .vk-fuss{grid-row:4}
}

/* The four active directories share one compact, consistent mobile toolbar. */
@media(max-width:760px){
  html body main .active-directory-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:0;margin:20px 0 22px}
  html body main .active-directory-toolbar .entity-role-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0!important;padding:0!important}
  html body main .active-directory-toolbar .entity-role-nav a{display:flex;align-items:center;justify-content:center;height:42px;min-width:0;padding:6px 4px!important;border-radius:7px!important;font-size:15px;line-height:1.2}
  html body main .active-directory-toolbar .people-period{position:relative;inset:auto;min-width:0;max-width:none;width:100%;margin:0}
  html body main .active-directory-toolbar .people-period summary>b{height:44px;box-sizing:border-box;display:flex;align-items:center}
  html body main .active-directory-toolbar .people-period nav{max-height:320px;overflow:auto}
  html body main .active-directory-toolbar+.titel{padding-top:0;padding-bottom:24px}
  html body main .people-history .karte>ul.rang>li:nth-child(n+9){display:flex}
  html body main .vk-monat figure.vk:not(.gross) .vk-sieger>i .pk{display:none!important}
}

@media(max-width:760px){
  html body main #race-directory .cal-felder>label:has(select[data-zf=strecke]){grid-column:1/-1}
  html body main #race-directory .cal-werkzeuge{margin-bottom:6px}
  html body main #race-directory .calendar-date .filmchen::after{content:'Video';}
}

/* Mobile section rhythm and pedigree cards: no separate empty picture row. */
@media(max-width:760px){
  html body main h2.abschnitt{font-size:24px;line-height:1.2;row-gap:8px;margin-top:32px;margin-bottom:16px}
  html body.startseite main .gf-family-card{display:grid;grid-template-columns:minmax(0,1fr) 100px;column-gap:12px;row-gap:0}
  html body.startseite main .gf-family-card .gf-family-top{display:contents}
  html body.startseite main .gf-family-card .gf-family-kicker{grid-column:1/-1;grid-row:1;margin-bottom:10px}
  html body.startseite main .gf-family-card h3{grid-column:1/-1;grid-row:2;margin:0 0 8px;line-height:1.2}
  html body.startseite main .gf-family-card p.gf-family-summary{grid-column:1/-1;grid-row:3;margin:0 0 18px}
  html body.startseite main .gf-family-card .gf-family-image{grid-column:2;grid-row:4;width:100px;height:110px;align-self:center;justify-self:end;margin:0}
  html body.startseite main .gf-family-card .gf-family-line{grid-column:1;grid-row:4;display:grid;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;margin:0;padding:0;border:0}
  html body.startseite main .gf-family-card .gf-family-line>span{min-width:0;text-align:left!important}
  html body.startseite main .gf-family-card .gf-family-line small{font-size:10px;line-height:1.2}
  html body.startseite main .gf-family-card .gf-family-line b{font:600 16px/1.15 var(--head);overflow-wrap:anywhere}
  html body.startseite main .gf-family-card footer{grid-column:1/-1;grid-row:5;margin-top:16px;padding-top:12px}
}

/* Horse profiles: card surfaces belong to the row, never to individual text cells. */
@media(max-width:760px){
  html body main .horse-profile-connections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  html body main .horse-profile-connections>.hp-trainer{grid-column:1/-1}
  html body main .horse-profile-connections>div{min-width:0;padding:14px}
  html body main .horse-profile-connections dd{font-size:19px;line-height:1.2;overflow-wrap:anywhere}
  html body main .horse-races .horse-race-table{background:transparent!important;border:0}
  html body main .horse-races .horse-race-table tbody{display:grid;gap:12px;background:none!important}
  html body main .horse-races .horse-race-table tr{border:1px solid #315d4218;border-radius:12px;padding:16px;background:linear-gradient(120deg,#f5faf6,#e7f2e9)!important}
  html body main .horse-races .horse-race-table td{background:transparent!important;border:0!important}
  html body main .horse-races .horse-race-table .hr-race>a{font:600 23px/1.15 var(--head)}
  html body main .horse-races .horse-race-table .hr-race small{font:400 13px/1.4 var(--sans);margin-top:4px}
  html body main .horse-races .horse-race-table .hr-people>strong,html body main .horse-races .horse-race-table .hr-people>span{font:400 14px/1.5 var(--sans);color:var(--ink)}
  html body main .horse-races .horse-race-table .hr-people>strong::before,html body main .horse-races .horse-race-table .hr-people>span::before{display:inline-block;width:48px;font:600 11px/1.5 var(--head);text-transform:uppercase;color:var(--messing-tief,#8c6c31)}
  html body main .horse-races .horse-race-table .hr-people>strong::before{content:'Trainer'}
  html body main .horse-races .horse-race-table .hr-people>span::before{content:'Jockey'}
  html body main .horse-races .horse-race-table .hr-actions{display:flex;justify-content:space-between;gap:12px}
  html body main .horse-races .horse-race-table .hr-actions>a{min-height:36px;display:inline-flex;align-items:center;font-size:12px}
}
@media(max-width:760px){
  html body main .horse-races .horse-race-table-wrap{border:0;background:transparent;overflow:visible;border-radius:0}
  html body main .horse-races .horse-race-table tbody tr{row-gap:8px}
  html body main .horse-races .horse-race-table .horse-race-video{gap:5px}
}

/* Season leaderboards: one identity row, then four compact category totals.
   The existing sortable headers and result dialogs remain functional. */
@media(max-width:760px){
  html body.unterseite main .people-season .primary-ranking-section>.tabwrap{overflow:visible;border:0;background:none;border-radius:0}
  html body.unterseite main .people-season table.daten.daten.primary-ranking{display:block;width:100%;min-width:0;background:none;border:0}
  html body.unterseite main .people-season table.daten.daten.primary-ranking thead{display:block;margin:0 0 12px}
  html body.unterseite main .people-season table.daten.daten.primary-ranking thead tr{display:flex;flex-wrap:wrap;gap:6px;background:none}
  html body.unterseite main .people-season table.daten.daten.primary-ranking thead th{display:none!important}
  html body.unterseite main .people-season table.daten.daten.primary-ranking thead th:nth-child(3),html body.unterseite main .people-season table.daten.daten.primary-ranking thead th.pr-grade{display:block!important;width:auto!important;padding:0!important;border:0;background:none}
  html body.unterseite main .people-season table.daten.daten.primary-ranking thead button[data-primary-sort]{min-height:38px;padding:6px 9px;border:1px solid #315d4225;border-radius:7px;background:#ffffff65;font:600 13px var(--head);letter-spacing:.02em}
  html body.unterseite main .people-season table.daten.daten.primary-ranking thead th[aria-sort=descending] button,html body.unterseite main .people-season table.daten.daten.primary-ranking thead th[aria-sort=ascending] button{background:var(--ink);color:white}
  html body.unterseite main .people-season table.daten.daten.primary-ranking tbody{display:grid;gap:10px}
  html body.unterseite main .people-season table.daten.daten.primary-ranking tbody tr:not([hidden]){display:grid;grid-template-columns:24px repeat(4,minmax(0,1fr));gap:12px 8px;align-items:center;padding:12px;border:1px solid #315d4218;border-radius:12px!important;background:linear-gradient(120deg,#f5faf6,#e0eee3)!important}
  html body.unterseite main .people-season table.daten.daten.primary-ranking tbody tr[hidden]{display:none!important}
  html body.unterseite main .people-season table.daten.daten.primary-ranking tbody tr:nth-child(n)>td{display:block;width:auto!important;min-width:0!important;height:auto!important;padding:0!important;border:0;background:none!important;overflow:visible}
  html body.unterseite main .people-season table.daten.daten.primary-ranking tbody td.pr-rank{grid-column:1;grid-row:1;text-align:center!important;font:600 17px var(--head)!important}
  html body.unterseite main .people-season table.daten.daten.primary-ranking tbody td:nth-child(2){grid-column:2/5;grid-row:1;padding:0!important;overflow:visible!important}
  html body.unterseite main .people-season table.daten.daten.primary-ranking tbody td:nth-child(2)::before{content:none}
  html body.unterseite main .people-season table.daten.daten.primary-ranking .stat-name{display:flex;align-items:center;gap:10px;min-height:64px;white-space:normal}
  html body.unterseite main .people-season table.daten.daten.primary-ranking .stat-name>a{font:600 21px/1.15 var(--head);white-space:normal!important;overflow:visible!important;text-overflow:clip;overflow-wrap:anywhere;min-width:0}
  html body main .people-season[data-role] .primary-ranking .list-portrait{position:static!important;inset:auto!important;flex:0 0 54px!important;width:54px!important;height:64px!important;max-width:54px!important;max-height:64px!important;object-fit:contain!important;object-position:center bottom!important;transform:none!important;padding:0!important;clip-path:none!important;border-radius:0!important}
  html body.unterseite main .people-season table.daten.daten.primary-ranking tbody td:nth-child(3){grid-column:5;grid-row:1;text-align:right!important;font:600 29px/1.1 var(--head)}
  html body.unterseite main .people-season table.daten.daten.primary-ranking tbody td:nth-child(3)::after{content:'Siege';display:block;font:400 12px/1.4 var(--sans);color:var(--dim)}
  html body.unterseite main .people-season table.daten.daten.primary-ranking tbody td:nth-child(3) button{font:inherit;padding:0;min-height:36px}
  html body.unterseite main .people-season table.daten.daten.primary-ranking tbody td.pr-grade{display:block!important;grid-row:2;font:600 19px/1.1 var(--head);text-align:left!important}
  html body.unterseite main .people-season table.daten.daten.primary-ranking tbody td.pr-grade::before{content:attr(data-label);display:block;font:500 10px/1.4 var(--head);text-transform:uppercase;letter-spacing:.04em;color:var(--dim);margin-bottom:2px}
  html body.unterseite main .people-season table.daten.daten.primary-ranking tbody td.pr-grade:nth-child(4){grid-column:2}
  html body.unterseite main .people-season table.daten.daten.primary-ranking tbody td.pr-grade:nth-child(5){grid-column:3}
  html body.unterseite main .people-season table.daten.daten.primary-ranking tbody td.pr-grade:nth-child(6){grid-column:4}
  html body.unterseite main .people-season table.daten.daten.primary-ranking tbody td.pr-grade:nth-child(7){grid-column:5}
  html body.unterseite main .people-season table.daten.daten.primary-ranking tbody :is(.pr-horses,.pr-partners,.pr-best){display:none!important}
}
@media(max-width:760px){
  html body.unterseite main .people-season table.daten.daten.daten.primary-ranking tbody tr:nth-child(n)>td{background:transparent!important;border-radius:0!important}
}
@media(max-width:760px){
  html body main .people-season .people-facts{grid-template-columns:1fr;gap:12px}
  html body main .people-season[data-role] .people-fact{padding:20px 154px 20px 20px;min-height:210px}
  html body main .people-season[data-role] .people-fact>:is(span,strong,h3,p){max-width:none;width:auto;position:relative;z-index:1}
  html body main .people-season[data-role] .people-fact>strong{font-size:34px;margin:10px 0 8px}
  html body main .people-season[data-role] .people-fact h3{font-size:24px;line-height:1.15}
  html body main .people-season[data-role] .people-fact img.people-fact-portrait{height:180px!important;width:130px!important;max-width:130px!important;left:auto!important;right:12px!important;top:auto!important;bottom:0!important;transform:none!important;object-fit:contain!important;object-position:center bottom!important;clip-path:none!important;background:none!important;border-radius:0!important}
  html body main .people-season[data-role] .people-fact img.people-fact-portrait[style*="--card-mobile-height:"]{height:var(--card-mobile-height)!important;width:auto!important;max-width:none!important;top:auto!important;left:auto!important;right:var(--card-mobile-right)!important;bottom:var(--card-mobile-bottom)!important}
}
.pr-portrait{display:contents}
@media(max-width:760px){
  html body main .people-season .primary-ranking .pr-portrait{display:block;position:relative;flex:0 0 64px;width:64px;height:72px;overflow:hidden}
  html body main .people-season[data-role] .primary-ranking .pr-portrait img.gf-table-portrait{position:absolute!important;height:calc(var(--table-portrait-height)*.65)!important;width:auto!important;max-width:none!important;max-height:none!important;left:calc(var(--table-portrait-left)*.65)!important;top:max(calc(var(--table-portrait-top)*.65),calc(72px - var(--table-portrait-visible-bottom)*.65 + .5px))!important;bottom:auto!important;margin:0!important}
}
/* Racecourse cards use the same green palette and allow complete race names. */
@media(max-width:760px){
  html body main .g1-racecourses{--blue:#315d49;--navy:#2e5846;--ink:#214435;--muted:#5e7266;--line:#cadfd0}
  html body main .g1-racecourses .compact-race{height:auto;min-height:0;grid-template-rows:auto auto auto;gap:12px;padding:16px;border-color:#315d4218;background:linear-gradient(120deg,#f5faf6,#e7f2e9);color:#214435}
  html body main .g1-racecourses .compact-race .race-heading{min-height:0;height:auto;overflow:visible}
  html body main .g1-racecourses .compact-race h3{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.15;font-size:23px}
  html body main .g1-racecourses .compact-race .race-title{height:auto;min-height:0}
  html body main .g1-racecourses .compact-race .race-grade{color:#5e7266}
  html body main .g1-racecourses .compact-race .race-measures dd{color:#214435;font-size:21px}
  html body main .g1-racecourses .compact-race .race-actions .result-link{color:#214435;min-height:36px;font-size:12px}
  html body main .g1-racecourses .compact-race .race-actions .result-video{color:#214435}
  html body main .g1-racecourses .compact-race .race-actions .result-video svg{color:inherit;fill:currentColor}
  html body main .g1-racecourses .race-toolbar .segmented button[aria-pressed=true]{color:#214435;border-bottom-color:#B08948}
}
/* Archive entrances: compact destinations rather than a tall stack of pills. */
@media(max-width:760px){
  html body main .season-archive{padding:18px 16px;margin:24px 0}
  html body main .season-archive h2{font-size:23px;line-height:1.2;margin:0 0 14px}
  html body main .season-archive .chips{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
  html body main .season-archive .chip{display:flex;justify-content:center;align-items:center;min-height:44px;padding:8px;border-radius:7px;font:600 14px/1.2 var(--head);letter-spacing:.03em;white-space:normal;text-align:center}
  html body main nav.bereiche[aria-label="Bereiche der Historie"]{gap:10px;margin:24px 0}
  html body main nav.bereiche[aria-label="Bereiche der Historie"] a{padding:16px;min-height:0}
  html body main nav.bereiche[aria-label="Bereiche der Historie"] b{font-size:32px;line-height:1.1;margin-bottom:6px}
  html body main nav.bereiche[aria-label="Bereiche der Historie"] span{font-size:18px;line-height:1.2}
  html body main nav.bereiche[aria-label="Bereiche der Historie"] small{font-size:12px;margin-top:6px}
  html body main nav.bereiche[aria-label="Bereiche der Historie"] a:last-child:nth-child(odd){grid-column:1/-1;display:flex;align-items:center;gap:14px}
  html body main nav.bereiche[aria-label="Bereiche der Historie"] a:last-child:nth-child(odd) :is(b,small){margin:0}
  html body main:has(nav.bereiche[aria-label="Bereiche der Historie"]) .tabwrap{background:transparent;border:0;border-radius:0}
  html body main:has(nav.bereiche[aria-label="Bereiche der Historie"]) table.daten.karten{background:transparent!important}
  html body main:has(nav.bereiche[aria-label="Bereiche der Historie"]) table.daten.karten tbody{background:transparent!important}
}
@media(max-width:760px){
  html body.unterseite main .people-season table.daten.primary-ranking tbody td:nth-child(3) button{color:var(--ink)!important}
  html body.unterseite main .people-season table.daten.primary-ranking tbody td.pr-grade::before{font-size:11px}
  html body.unterseite main .people-season table.daten.primary-ranking thead button[data-primary-sort]{min-height:42px}
}

/* Person profiles: an uncropped portrait and compact, readable career facts. */
@media(max-width:760px){
  html body main section.panel.person-profile-calm{margin-left:0!important;margin-right:0!important;padding:20px!important;border-radius:20px;width:auto!important}
  html body main .person-profile-calm>.person-profile-heading{display:grid!important;grid-template-columns:minmax(0,1fr) 130px!important;grid-template-rows:auto!important;gap:16px!important;min-height:130px!important;align-items:center!important;margin-bottom:0!important}
  html body main .person-profile-calm>.person-profile-heading>div{grid-column:1!important;grid-row:1!important;padding:0!important}
  html body main .person-profile-calm .person-profile-heading h1{font-size:32px!important;line-height:1.05!important;margin:8px 0!important;hyphens:none!important;overflow-wrap:break-word!important}
  html body main .person-profile-calm .person-profile-heading>div>p:first-child{font:400 12px/1.4 var(--sans)!important;margin:0!important;transform:none!important}
  html body main .person-profile-calm>.person-profile-heading>:is(.jockey-profile-portrait-frame,.trainer-profile-portrait-frame){grid-column:2!important;grid-row:1!important;align-self:end!important;width:130px!important;height:130px!important;min-height:0!important;flex-basis:auto!important;overflow:visible!important;background:transparent!important}
  html body main .person-profile-calm .person-profile-heading :is(.jockey-profile-portrait-frame,.trainer-profile-portrait-frame) img.gf-profile-portrait{position:static!important;inset:auto!important;width:130px!important;height:130px!important;max-width:100%!important;max-height:130px!important;object-fit:contain!important;object-position:center bottom!important;clip-path:none!important;transform:none!important;background:transparent!important}
  html body main .person-profile-calm .person-career-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:20px!important}
  html body main .person-profile-calm .person-career-grid>.person-career-card{padding:14px!important;min-height:0!important;grid-template-rows:auto auto auto!important;gap:5px!important;border-radius:12px!important}
  html body main .person-profile-calm .person-career-grid>.person-career-card>span{font:600 13px/1.3 var(--head)!important;min-height:34px!important}
  html body main .person-profile-calm .person-career-grid>.person-career-card>strong{font:700 34px/1.1 var(--head)!important;min-height:0!important;margin:0!important}
  html body main .person-profile-calm .person-career-grid>.person-career-card>small{font-size:12px!important;line-height:1.3!important;margin:0!important}
  html body main .person-profile-calm .person-career-grid>.person-career-detail{grid-column:1/-1!important;display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:4px 12px!important;min-height:0!important;padding:14px!important;border-radius:12px!important;text-align:left}
  html body main .person-profile-calm .person-career-grid>.person-career-detail>span{grid-column:1;grid-row:1/3;min-height:0!important;font:600 12px/1.35 var(--head)!important;text-transform:uppercase;letter-spacing:.03em}
  html body main .person-profile-calm .person-career-grid>.person-career-detail>strong{grid-column:2;grid-row:1;min-height:0!important;margin:0!important;font:600 21px/1.15 var(--head)!important;hyphens:none!important;-webkit-hyphens:none!important;overflow-wrap:break-word!important}
  html body main .person-profile-calm .person-career-grid>.person-career-detail>strong a{hyphens:none!important;-webkit-hyphens:none!important}
  html body main .person-profile-calm .person-career-grid>.person-career-detail>small{grid-column:2;grid-row:2;font:400 12px/1.35 var(--sans)!important;min-height:0!important;margin:0!important}
  html body main .person-profile-calm .person-career-grid .jockey-card-horse{display:block!important;margin:4px 0 0!important;font:400 13px/1.3 var(--sans)!important}
}
@media(max-width:360px){
  html body main .person-profile-calm>.person-profile-heading{grid-template-columns:minmax(0,1fr) 110px!important;gap:10px!important}
  html body main .person-profile-calm>.person-profile-heading>:is(.jockey-profile-portrait-frame,.trainer-profile-portrait-frame){width:110px!important}
  html body main .person-profile-calm .person-profile-heading h1{font-size:29px!important}
  html body main .person-profile-calm .person-career-grid>.person-career-detail{grid-template-columns:88px minmax(0,1fr)!important;gap:4px 10px!important;padding:12px!important}
}

/* Home record pairs: full names and compact image zones, also on 320px screens. */
@media(max-width:760px){
  html body.startseite .home-preview-followup .hl-rekorde{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:12px}
  html body.startseite .home-preview-followup .hl-rekorde .hl-rk{height:auto!important;min-height:210px!important;padding:18px 20px!important;overflow:hidden}
  html body.startseite .home-preview-followup .hl-rekorde .rk-text{position:relative;z-index:1;width:100%;max-width:none!important}
  html body.startseite .home-preview-followup .hl-rekorde .rk-label{display:block;font:600 15px/1.2 var(--head);padding-bottom:12px;margin:0 0 12px;border-bottom:1px solid #315d422a}
  html body.startseite .home-preview-followup .hl-rekorde .hl-rk h3{height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0 0 12px!important;overflow:visible!important;font:600 23px/1.15 var(--head)!important}
  html body.startseite .home-preview-followup .hl-rekorde .hl-rk h3 a{display:block!important;white-space:normal!important;overflow:visible!important}
  html body.startseite .home-preview-followup .hl-rekorde .hl-rk h3 .rk-name{white-space:normal!important;overflow:visible!important;overflow-wrap:normal!important}
  html body.startseite .home-preview-followup .hl-rekorde .hl-rk h3 small{display:inline!important;font-size:12px;vertical-align:middle}
  html body.startseite .home-preview-followup .hl-rekorde .rk-wert{padding:0 112px 0 0;margin:0!important;min-height:60px!important;align-items:baseline}
  html body.startseite .home-preview-followup .hl-rekorde .rk-wert b{font-size:46px!important;line-height:1}
  html body.startseite .home-preview-followup .hl-rekorde .rk-wert span{font-size:17px!important}
  html body.startseite .home-preview-followup .hl-rekorde img.rk-frei.gfp.gfr{left:auto!important;right:12px!important;bottom:0!important;top:auto!important;width:124px!important;height:auto!important;max-height:100px!important;object-fit:contain!important;object-position:center bottom!important}
  html body.startseite .home-preview-followup .hl-rekorde img.rk-trikot{left:auto!important;right:20px!important;bottom:16px!important;top:auto!important;width:76px!important;height:82px!important;object-fit:contain!important;transform:none!important}
  html body.startseite .home-preview-followup .hl-rekorde .rk-jahre{font:400 12px/1.4 var(--sans);margin:8px 0 0;max-width:none}
}
@media(max-width:760px){
  html body.startseite .home-preview-followup .hl-rekorde .hl-rk h3 small{position:static!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:visible!important;white-space:normal!important;margin-left:5px!important}
}

/* Owner/breeder headings need the whole line for long stable names. */
@media(max-width:760px){
  html body main .person-profile-calm>.person-profile-heading:has(>.detail-silk){display:block!important;min-height:0!important}
  html body main .person-profile-calm>.person-profile-heading:has(>.detail-silk)>div>p:first-child{padding-right:80px!important;min-height:70px!important;display:flex;flex-wrap:wrap;align-content:center;gap:0 3px}
  html body main .person-profile-calm>.person-profile-heading>.detail-silk{position:absolute!important;right:0!important;top:0!important;left:auto!important;bottom:auto!important;width:64px!important;height:70px!important;max-width:64px!important;object-fit:contain!important;transform:none!important}
  html body main .person-profile-calm>.person-profile-heading:has(>.detail-silk) h1{margin-top:12px!important;overflow-wrap:break-word!important}
  html body main .person-profile-calm>.person-profile-heading:not(:has(>img,>.trainer-profile-portrait-frame,>.jockey-profile-portrait-frame)){display:block!important;min-height:0!important}
}
@media(max-width:760px){
  html body main .g1-racecourses h2{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.15!important}
}

/* Race results: identity, connections, then the result — no squeezed middle column. */
@media(max-width:760px){
  html body main table.result-table{display:block!important;width:100%!important;min-width:0!important}
  html body main table.result-table thead{display:none!important}
  html body main table.result-table tbody{display:block!important;width:100%!important;overflow:visible!important;background:transparent!important;border-radius:0!important}
  html body main table.result-table tbody tr{display:grid!important;grid-template-columns:20px minmax(0,1fr) minmax(0,1fr)!important;gap:12px 10px!important;align-items:start;padding:16px!important;margin-bottom:10px;border:1px solid #315d4218!important;border-radius:12px!important}
  html body.unterseite main table.daten.daten.result-table tbody tr:nth-child(n){background:linear-gradient(120deg,#f5faf6,#e7f2e9)!important}
  html body main table.result-table tbody td.result-place{grid-column:1!important;grid-row:1!important;font:600 18px/1.2 var(--head)!important;padding-top:3px!important;text-align:left!important}
  html body main table.result-table tbody td:nth-child(2){grid-column:2/-1!important;grid-row:1!important}
  html body main table.result-table .result-horse{gap:10px!important;align-items:flex-start!important;padding:0!important}
  html body main table.result-table .result-horse>div{min-width:0}
  html body main table.result-table .result-horse strong{font:600 24px/1.1 var(--head)!important;white-space:normal!important}
  html body main table.result-table .result-horse small{font:400 14px/1.35 var(--sans)!important;margin-top:4px!important;white-space:normal!important}
  html body main table.result-table .result-silk{width:36px!important;height:40px!important;flex:0 0 36px!important;margin:0!important}
  html body main table.result-table tbody td:nth-child(3){grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;padding:0!important;font:400 15px/1.3 var(--sans)!important}
  html body main table.result-table tbody td:nth-child(3)>:is(div,small){display:block!important;margin:0!important;font:inherit!important;color:var(--ink)!important;white-space:normal!important}
  html body main table.result-table tbody td:nth-child(3) :is(a,.nbn,.nb){white-space:normal!important;color:inherit!important}
  html body main table.result-table tbody td:nth-child(3)>div::before,html body main table.result-table tbody td:nth-child(3)>small::before{display:block!important;font:600 11px/1.4 var(--head)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--messing-tief,#8c6c31)!important;margin-bottom:2px}
  html body main table.result-table tbody td:nth-child(3)>div::before{content:'Jockey'!important}
  html body main table.result-table tbody td:nth-child(3)>small::before{content:'Trainer'!important}
  html body main table.result-table tbody td:nth-child(4){grid-column:1/3!important;grid-row:3!important;text-align:left!important;font:400 13px/1.4 var(--sans)!important;white-space:normal!important;align-self:end}
  html body main table.result-table tbody td:nth-child(5){grid-column:3!important;grid-row:3!important;text-align:right!important;font:600 16px/1.3 var(--head)!important;padding:0!important;align-self:end}
}
@media(max-width:760px){
  html body.unterseite main table.daten.daten.daten.result-table tbody tr:nth-child(n)>td{background:transparent!important;border:0!important;border-radius:0!important;width:auto!important;min-width:0!important;padding:0!important}
  html body main .tabwrap:has(>table.result-table),html body main table.result-table{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
}

/* Race overview results must not retain the desktop 660px table. */
@media(max-width:760px){
  html body main .tabwrap:has(>table.hub-table:not(.history-statistics)){overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  html body.unterseite main #rennserie.race-history-page table.daten.hub-table:not(.history-statistics).hub-table:not(.history-statistics){display:block!important;width:100%!important;min-width:0!important;background:transparent!important;border:0!important}
  html body.unterseite main #rennserie.race-history-page table.daten.hub-table:not(.history-statistics).hub-table:not(.history-statistics) thead{display:none!important}
  html body.unterseite main #rennserie.race-history-page table.daten.hub-table:not(.history-statistics).hub-table:not(.history-statistics) tbody{display:block!important}
  html body.unterseite main #rennserie.race-history-page table.daten.hub-table:not(.history-statistics).hub-table:not(.history-statistics) tbody tr{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;gap:14px 10px!important;padding:16px!important;margin-bottom:12px!important;border:1px solid #315d4218!important;border-radius:12px!important;background:linear-gradient(120deg,#f5faf6,#e7f2e9)!important}
  html body.unterseite main #rennserie.race-history-page table.daten.daten.daten.hub-table:not(.history-statistics) tbody tr:nth-child(n)>td{display:block!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;width:auto!important;min-width:0!important;white-space:normal!important}
  html body.unterseite main #rennserie.race-history-page table.daten.hub-table:not(.history-statistics).hub-table:not(.history-statistics) tbody td.hub-place{grid-column:1!important;grid-row:1!important;text-align:left!important;font:600 18px/1.2 var(--head)!important;padding-top:3px!important}
  html body.unterseite main #rennserie.race-history-page table.daten.hub-table:not(.history-statistics).hub-table:not(.history-statistics) tbody td:nth-child(2){grid-column:2!important;grid-row:1!important}
  html body.unterseite main #rennserie.race-history-page table.daten.hub-table:not(.history-statistics).hub-table:not(.history-statistics) .hub-horse{display:flex!important;gap:10px!important;align-items:flex-start!important;margin:0!important;padding:0!important}
  html body.unterseite main #rennserie.race-history-page table.daten.hub-table:not(.history-statistics).hub-table:not(.history-statistics) .hub-horse>div{min-width:0!important}
  html body.unterseite main #rennserie.race-history-page table.daten.hub-table:not(.history-statistics).hub-table:not(.history-statistics) .hub-silk{width:36px!important;height:40px!important;flex:0 0 36px!important;margin:0!important;object-fit:contain!important}
  html body.unterseite main #rennserie.race-history-page table.daten.hub-table:not(.history-statistics).hub-table:not(.history-statistics) .hub-horse strong{font:600 24px/1.1 var(--head)!important;white-space:normal!important}
  html body.unterseite main #rennserie.race-history-page table.daten.hub-table:not(.history-statistics).hub-table:not(.history-statistics) .hub-horse small{display:block!important;font:400 14px/1.35 var(--sans)!important;margin-top:4px!important;white-space:normal!important}
  html body.unterseite main #rennserie.race-history-page table.daten.daten.daten.hub-table:not(.history-statistics) tbody tr:nth-child(n)>td:nth-child(n+3){grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;font:400 15px/1.3 var(--sans)!important}
  html body.unterseite main #rennserie.race-history-page table.daten.hub-table:not(.history-statistics).hub-table:not(.history-statistics) tbody td:nth-child(3){grid-row:2!important}
  html body.unterseite main #rennserie.race-history-page table.daten.hub-table:not(.history-statistics).hub-table:not(.history-statistics) tbody td:nth-child(4){grid-row:3!important}
  html body.unterseite main #rennserie.race-history-page table.daten.hub-table:not(.history-statistics).hub-table:not(.history-statistics) tbody td:nth-child(n+3)>:is(a,small){display:block!important;margin:0!important;font:inherit!important;white-space:normal!important;color:var(--ink)!important}
  html body.unterseite main #rennserie.race-history-page table.daten.hub-table:not(.history-statistics).hub-table:not(.history-statistics) tbody td:nth-child(n+3) :is(.nbn,.nb,a){white-space:normal!important;color:inherit!important}
  html body.unterseite main #rennserie.race-history-page table.daten.hub-table:not(.history-statistics).hub-table:not(.history-statistics) tbody td:nth-child(n+3)>a::before,html body.unterseite main #rennserie.race-history-page table.daten.hub-table:not(.history-statistics).hub-table:not(.history-statistics) tbody td:nth-child(n+3)>small::before{display:block;font:600 11px/1.4 var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--messing-tief,#8c6c31);margin-bottom:2px}
  html body.unterseite main #rennserie.race-history-page table.daten.hub-table:not(.history-statistics).hub-table:not(.history-statistics) tbody td:nth-child(3)>a::before{content:'Trainer'}
  html body.unterseite main #rennserie.race-history-page table.daten.hub-table:not(.history-statistics).hub-table:not(.history-statistics) tbody td:nth-child(3)>small::before{content:'Jockey'}
  html body.unterseite main #rennserie.race-history-page table.daten.hub-table:not(.history-statistics).hub-table:not(.history-statistics) tbody td:nth-child(4)>a::before{content:'Besitzer'}
  html body.unterseite main #rennserie.race-history-page table.daten.hub-table:not(.history-statistics).hub-table:not(.history-statistics) tbody td:nth-child(4)>small::before{content:'Züchter'}
}

/* Later wins: three comparable figures below the horse, fully visible on phones. */
@media(max-width:760px){
  html body main .tabwrap:has(>table.folge-tabelle){overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}
  html body.unterseite main #rennserie.race-history-page table.daten.folge-tabelle.folge-tabelle{display:block!important;min-width:0!important;width:100%!important;background:transparent!important}
  html body main table.folge-tabelle thead{display:none!important}
  html body main table.folge-tabelle tbody{display:block!important}
  html body.unterseite main #rennserie.race-history-page table.daten.folge-tabelle.folge-tabelle tbody tr:not([hidden]){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 10px!important;padding:16px!important;margin-bottom:10px!important;border:1px solid #315d4218!important;border-radius:12px!important;background:linear-gradient(120deg,#f5faf6,#e7f2e9)!important}
  html body.unterseite main #rennserie.race-history-page table.daten.daten.folge-tabelle.folge-tabelle tbody tr:nth-child(n)>td{display:block!important;padding:0!important;width:auto!important;border:0!important;border-radius:0!important;background:transparent!important;white-space:normal!important}
  html body.unterseite main #rennserie.race-history-page table.daten.folge-tabelle.folge-tabelle td.jahr{grid-column:3!important;grid-row:1!important;text-align:right!important;font:600 17px/1.5 var(--head)!important;color:var(--messing-tief,#8c6c31)!important}
  html body main table.folge-tabelle td:nth-child(2){grid-column:1/3!important;grid-row:1!important}
  html body main table.folge-tabelle .profile-row-horse{gap:10px!important;align-items:center!important;font:600 24px/1.1 var(--head)!important}
  html body main table.folge-tabelle .profile-row-horse a{white-space:normal!important;overflow-wrap:break-word}
  html body main table.folge-tabelle .profile-row-silk{width:32px!important;height:36px!important;flex:0 0 32px!important;object-fit:contain!important}
  html body.unterseite main #rennserie.race-history-page table.daten.folge-tabelle.folge-tabelle td:nth-child(n+3){grid-row:2!important;text-align:left!important;font:600 23px/1.2 var(--head)!important}
  html body main table.folge-tabelle td:nth-child(3){grid-column:1!important}
  html body main table.folge-tabelle td:nth-child(4){grid-column:2!important}
  html body main table.folge-tabelle td:nth-child(5){grid-column:3!important}
  html body main table.folge-tabelle td:nth-child(n+3)::before{display:block;font:600 11px/1.4 var(--head);letter-spacing:.05em;text-transform:uppercase;color:var(--dim);margin-bottom:3px;min-height:2.8em}
  html body main table.folge-tabelle td:nth-child(3)::before{content:'Black Type-Siege'}
  html body main table.folge-tabelle td:nth-child(4)::before{content:'Gruppensiege'}
  html body main table.folge-tabelle td:nth-child(5)::before{content:'Gruppe 1-Siege'}
  html body main .folge-werkzeuge{display:flex;flex-wrap:wrap;gap:8px 12px!important;margin:16px 0!important}
  html body main .hub-ranking:has(>ul:empty)>a.mehr{display:none!important}
  html body main .hub-ranking:has(>ul:empty)>header{margin-bottom:10px!important}
  html body main .hub-ranking:has(>ul:empty)>p{margin:0!important}
}

/* Race statistics have different columns from race results: preserve their own mobile layout. */
@media(max-width:760px){
  html body main .tabwrap:has(>table.history-statistics){overflow:visible!important;background:transparent!important;border:0!important}
  html body.unterseite main #rennserie.race-history-page table.daten.history-statistics{display:block!important;min-width:0!important;width:100%!important;background:transparent!important}
  html body main table.history-statistics thead{display:none!important}
  html body main table.history-statistics tbody{display:block!important}
  html body.unterseite main #rennserie.race-history-page table.daten.history-statistics.history-statistics tbody tr{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px 12px!important;padding:14px!important;margin-bottom:10px!important;border:1px solid #315d4218!important;border-radius:12px!important;background:linear-gradient(120deg,#f5faf6,#e7f2e9)!important}
  html body.unterseite main #rennserie.race-history-page table.daten.daten.history-statistics tbody tr:nth-child(n)>td{display:block!important;min-width:0!important;width:auto!important;height:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:left!important;white-space:normal!important;font:600 20px/1.2 var(--head)!important}
  html body.unterseite main #rennserie.race-history-page table.history-statistics tbody td:nth-child(1){grid-column:1!important;grid-row:1!important;align-self:center!important;font-size:15px!important;color:var(--dim)!important}
  html body.unterseite main #rennserie.race-history-page table.history-statistics tbody td:nth-child(1)::before{content:none}
  html body.unterseite main #rennserie.race-history-page table.daten.daten.history-statistics tbody tr:nth-child(n)>td:nth-child(2){grid-column:1/-1!important;grid-row:1!important;padding-left:26px!important}
  html body.unterseite main #rennserie.race-history-page table.history-statistics .stat-name{min-width:0!important;min-height:72px!important;height:auto!important;font:600 23px/1.15 var(--head)!important;gap:12px!important}
  html body.unterseite main #rennserie.race-history-page table.history-statistics .stat-name:has(.gf-table-portrait){padding-left:76px!important}
  html body.unterseite main #rennserie.race-history-page table.history-statistics .stat-name:has(.hub-ranking-portrait){padding-left:0!important}
  html body.unterseite main #rennserie.race-history-page table.history-statistics .stat-name :is(a,.nbn){white-space:normal!important;overflow-wrap:break-word}
  html body.unterseite main #rennserie.race-history-page table.history-statistics .stat-name:not(:has(img,.kein-foto)){min-height:32px!important}
  html body main table.history-statistics td:nth-child(n+3)::before{display:block;font:600 11px/1.4 var(--head);letter-spacing:.07em;text-transform:uppercase;color:var(--dim);margin-bottom:2px}
  html body main table.history-statistics td:nth-child(3)::before{content:'Siege'}
  html body main table.history-statistics td:nth-child(4)::before{content:'2. Plätze'}
  html body main table.history-statistics td:nth-child(5)::before{content:'3. Plätze'}
  html body main table.history-statistics td:nth-child(6)::before{content:'Top 3'}
  html body main table.history-statistics td:nth-child(7)::before{content:'Jahre'}
  html body.unterseite main #rennserie.race-history-page table.history-statistics td:last-child{grid-column:2/-1!important}
  html body main table.history-statistics tr:has(>td:nth-child(8))>td:nth-child(3)::before{content:'Siegerpferde'}
  html body main table.history-statistics tr:has(>td:nth-child(8))>td:nth-child(4)::before{content:'Siege'}
  html body main table.history-statistics tr:has(>td:nth-child(8))>td:nth-child(5)::before{content:'2. Plätze'}
  html body main table.history-statistics tr:has(>td:nth-child(8))>td:nth-child(6)::before{content:'3. Plätze'}
  html body main table.history-statistics tr:has(>td:nth-child(8))>td:nth-child(7)::before{content:'Top 3'}
  html body main table.history-statistics tr:has(>td:nth-child(8))>td:nth-child(8)::before{content:'Jahre'}
}