@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Azeret+Mono:wght@300;400&display=swap";
:root{font-size:10px;
--basic_font:300;
--bold_font:400;
--title_font:500;
--head_font:'Roboto',system-ui;
--pre_font:'Azeret Mono',Courier;
--basic_color:#080;
--visited_color:var(--visited_color);
--hover_color:#e8b900;
--gridpos_color:#0000d1;
--shadow1:0 0 0.5rem #ddd;
--border_map:#f00 solid 0.1rem;
--border_flag:#000 solid 0.1rem;
--border_note:#ee82ee solid 0.1rem;
--border_gptitle:var(--hover_color) solid 0.1rem;
--square_width:clamp(2.88rem,3.4vw,3.4rem);
--square_height:clamp(2.2rem,2.6vw,2.6rem)}
body{background-color:#fff;color:#000;padding:0.1rem clamp(0.3%,2%,2%) 1rem;font-weight:var(--basic_font);font-size:clamp(1.1rem,1.3vw,1.3rem)}
a{cursor:pointer;text-decoration-line:none}
#list{background-color:#fff;width:100%;font-family:var(--head_font);font-size:1.2em;position:fixed;top:0;z-index:5/*;overflow-x:scroll;scrollbar-width:none*/;
 & a{color:var(--basic_color)}
 & a:hover{background-color:var(--visited_color);color:var(--hover_color)}
 & .f1table_results_list{border-collapse:collapse;margin-top:0.5em;counter-reset:racenum 1;
   & th{position:relative;font-weight:var(--bold_font)}
   & th.nc{padding-inline:0.5em}
   & div{margin-inline:auto}
   & year-title{font-size:1.4em;padding-right:0.5em;text-shadow:0 0 1.5rem #ddd, 0 0 1.5rem purple}
   & year-list{display:none;position:absolute;top:2.3em;left:-0.2em;padding-top:0.5em;z-index:2}
   & .years_list:hover year-list{display:block}
   & #years_list{display:grid;grid-template-columns:repeat(10, auto);grid-auto-flow:row;gap:0.2em 0.5em;background-color:#fff;padding:0.3em 0.45em;border:var(--border_flag);border-bottom-right-radius:1em;
     & div:first-child{display:none}}
   & .square,.cheflag{width:var(--square_width);height:var(--square_height);background-size:var(--square_width) var(--square_height);border:var(--border_flag); 
     a:hover &{opacity:0.5}}
   & .square{counter-increment:racenum 1;
     [data-gp="es2"] &,[data-gp="za2"] &{counter-increment:racenum 0;opacity:0.5}}}}
a[data-title]{;
  &:before{display:none;position:absolute;top:-15%;left:0;background-color:#fff;color:#000;padding:0.1em 0.3em;font-size:0.9em;text-wrap-mode:nowrap;border:var(--border_gptitle);content:counter(racenum) ".\0000A0\0000A0" attr(data-title);z-index:2}
  &[data-gp*="fin_"]:before{content:attr(data-title)}
  &[data-gp="es2"]:before,&[data-gp="za2"]:before{content:"Non-championship\0000A0" attr(data-title)}
  &:hover:before{display:block}
  th:nth-last-of-type(-n+5) &:not([data-gp*="fin_"]):before{right:0;left:auto}}
horizontal-line,horizontal-line:after{display:block;height:0.15em;margin-top:0.6em}
horizontal-line{width:94%;background-color:var(--basic_color)}
horizontal-line:after{background-color:#000;content:"";transform-origin:right;animation:progressBar linear;animation-timeline:scroll()}
@keyframes progressBar{to{transform:scaleX(0)}}
race-head{display:grid;grid-template-rows:3em auto;grid-auto-flow:column;justify-content:start;row-gap:0.3em;font-size:1.2em;font-family:var(--head_font);font-weight:var(--title_font);margin-top:4em;
  & gp-num{font-size:0.6em;color:#808080;
    &:before{content:"GP# "}}
  & div:nth-child(2){align-self:end;order:-1;margin-right:1em;height:var(--square_width);border:var(--border_flag)}
  & a:nth-child(2){margin-right:1em;align-self:end;order:-1;
    & div{height:var(--square_width);background-size:auto var(--square_width);border:var(--border_flag)}}
  & race-title{grid-row:1/span 2;
    & p{margin-block:0.3em}
    & p:nth-child(1){font-size:1.5em}}
  & sprint-title{font-size:0.9em;margin-left:9.5em;
    & a{color:#0091cf}}
  & date-text{text-shadow:var(--shadow1), 0 0 1.5rem #89CFF0}}
main-text{display:block;font-family:var(--pre_font);line-height:1.3;white-space-collapse:preserve;min-width:72em}
main-text span[id]{font-weight:var(--bold_font);scroll-margin-top:5.5em;
  &[id*=results]{text-shadow:var(--shadow1), 0 0 1.5rem #fff600;
    &[id^="sprint"]{text-shadow:var(--shadow1), 0 0 1.5rem #ba7c00}}
  &[id*="leaders"]{text-shadow:var(--shadow1), 0 0 1.5rem #28d400;
    &[id^="sprint"]{text-shadow:var(--shadow1), 0 0 1.5rem #198a00}}
  &[id*="fastlaps"]{text-shadow:var(--shadow1), 0 0 1.5rem #aa00d4;
    &[id^="sprint"]{text-shadow:var(--shadow1), 0 0 1.5rem #70008c}}
  &[id*="qual"]{text-shadow:var(--shadow1), 0 0 1.5rem #8b4513;
    &[id^="sprint"]{text-shadow:var(--shadow1), 0 0 1.5rem #6b3610}}
  &[id*="qualses"],&[id*="qualific"],&[id*="preprac"]{text-shadow:var(--shadow1), 0 0 1.5rem #f60000;
    &[id^="sprint"]{text-shadow:var(--shadow1), 0 0 1.5rem #a60000}}
  &[id*="startord"]{text-shadow:var(--shadow1), 0 0 1.5rem #ff38e5;
    &[id^="sprint"]{text-shadow:var(--shadow1), 0 0 1.5rem #9c248c}}
  &[id*="prac"],&[id*="test"]{text-shadow:var(--shadow1), 0 0 1.5rem #000fd9}
  &[id="warmup"]{text-shadow:var(--shadow1), 0 0 1.5rem #00cedb}
  &[id="notes"]{text-shadow:var(--shadow1), 0 0 1.5rem #ff8a00}}
track-map{color:var(--basic_color);position:relative;margin-inline:1em;
  & img{display:none}
  &:hover{color:var(--hover_color);z-index:4;text-shadow:var(--shadow1), 0 0 1.5rem var(--basic_color);cursor:zoom-in;
    & img{border-bottom:var(--border_map);border-inline:var(--border_map);display:block;position:absolute;top:3.5em;background-color:#fff;min-width:30em;max-height:30em;object-fit:contain;cursor:auto}
    & track-title:after{border-top:var(--border_map);border-inline:var(--border_map);display:block;position:absolute;top:1.2em;background-color:#fff;height:1.8em;min-width:30em;padding-top:0.5em;text-align:center;content:attr(data-track_title);color:var(--basic_color);text-shadow:none;cursor:auto}}}
a[data-gp_title]{position:relative;
  &:before{display:none;position:absolute;bottom:85%;background-color:#fff;padding-inline:0.2em;font-size:0.9em;text-wrap-mode:nowrap;border:var(--border_gptitle);color:#000;content:attr(data-gp_title)}
  &:hover:before{display:block}}
.sup{font-size:0.7em;vertical-align:super}
pole-strike{text-decoration:line-through wavy #afafaf}
pole-position{text-decoration:underline solid #4682B4 0.15em;text-underline-offset:14%}
fastest-lap{text-decoration:underline solid #aa00d4 0.15em;text-underline-offset:14%}
.underline{text-decoration:underline solid #000 0.15em;text-underline-offset:14%}
dq-color{color:#afafaf}
red-star{color:#f00;font-weight:var(--bold_font)}
penalty-inline,sprintpenalty-inline,race-cut{position:relative;cursor:help;
  &:before{display:none;position:absolute;z-index:2;background-color:#fff;padding:0.4em 0.5em;border:var(--border_note)}
  &:hover:before{display:block}}
penalty-inline,sprintpenalty-inline{;
  &:before{left:105%;top:-50%;min-width:25em;content:attr(data-penalty)}}
race-cut{;
  &:before{left:0;top:1.5em;font-size:0.8em;content:attr(data-racecuts)}}
details[id]{scroll-margin-top:5.5em}
#review{max-width:60em;column-width:20em;column-rule:var(--border_flag);
  & p{margin-block:0}}
summary{cursor:pointer;font-weight:var(--bold_font);
  &::marker{content:""}
  &:after{content:" [Expand]";font-size:0.8em}
  [id*="grid"] &{text-shadow:var(--shadow1), 0 0 1.5rem #ff38e5}
  #review &{text-shadow:var(--shadow1), 0 0 1.5rem #191970}}
details[open] summary:after{content:" [Collapse]"}
/*grid-text{--cell_width:9.5em;display:grid;row-gap:1em;counter-reset:gridpos;margin-left:2em;
  & div{position:relative;padding-left:1ch;border-left:var(--border_flag);
    &:before{position:absolute;left:-1.25em;content:counter(gridpos);counter-increment:gridpos;height:100%;top:30%;color:var(--basic_color);font-size:1.2em;font-family:var(--head_font);font-weight:var(--title_font)}
    &:nth-child(n+10):before{left:-1.75em}}}*/
grid-text{--cell_width:7em;display:grid;row-gap:1em;counter-reset:gridpos;font-size:0.9em;
  & div{position:relative;text-align:center;
    &:before{display:block;width:75%;margin-inline:auto;margin-bottom:0.2em;padding-bottom:0.2em;border-bottom:var(--border_flag);content:counter(gridpos);counter-increment:gridpos;color:var(--basic_color);font-size:1.2em;font-family:var(--head_font);font-weight:var(--title_font)}}
  & div.apos:before{content:counter(gridpos)"'"}
  grid-poscolor{color:var(--gridpos_color);font-weight:var(--title_font);border-right:var(--border_flag);padding-right:1ch}}
grid-text[class$="right"]{direction:rtl;
  & div{direction:ltr}}
.grid212{grid-template-columns:repeat(4, var(--cell_width));
  & div{grid-column-end:span 2}
  & div:nth-child(3n){grid-column-end:span 3;margin-inline-start:var(--cell_width)}}
.grid212right{;
  & div:nth-child(3n){margin-inline-start:0;margin-inline-end:var(--cell_width)}}
.grid323{grid-template-columns:repeat(6, var(--cell_width));
  & div{grid-column-end:span 2}
  & div:nth-child(5n-1){grid-column-end:span 3;margin-inline-start:var(--cell_width)}}
.grid323right{;
  & div:nth-child(5n-1){margin-inline-start:0;margin-inline-end:var(--cell_width)}}
.grid434{grid-template-columns:repeat(8, var(--cell_width));
  & div{grid-column-end:span 2}
  & div:nth-of-type(7n+5){grid-column-end:span 3;margin-inline-start:var(--cell_width)}}
.grid434right{;
  & div:nth-child(7n+5){margin-inline-start:0;margin-inline-end:var(--cell_width)}}
.grid545{grid-template-columns:repeat(10, var(--cell_width));
  & div{grid-column-end:span 2}
  & div:nth-of-type(9n+6){grid-column-end:span 3;margin-inline-start:var(--cell_width)}}
.grid545right{;
  & div:nth-child(9n+6){margin-inline-start:0;margin-inline-end:var(--cell_width)}}
.grid44{grid-template-columns:repeat(4, calc(var(--cell_width) * 2))}
.grid33{grid-template-columns:repeat(3, calc(var(--cell_width) * 2))}
.grid33_l{grid-template-columns:repeat(7, var(--cell_width));
  & div{grid-column-end:span 2}
  & div:nth-child(6n+4){grid-column-end:span 3;margin-inline-start:var(--cell_width)}}
.grid33_lright{;
  & div:nth-child(6n+1){grid-column-end:span 3;margin-inline-end:var(--cell_width)}
  & div:nth-child(6n+6){grid-column-end:span 3;margin-inline-start:var(--cell_width)}
  & div:nth-child(6n+4){grid-column-end:span 2;margin-inline-start:0}}
.grid33_r{grid-template-columns:repeat(7, var(--cell_width));
  & div{grid-column-end:span 2}
  & div:nth-child(6n+1){grid-column-end:span 3;margin-inline-start:var(--cell_width)}}
.grid33_rright{;
  & div:nth-child(6n+3){grid-column-end:span 3;margin-inline-start:var(--cell_width)}
  & div:nth-child(6n+4){grid-column-end:span 3;margin-inline-end:var(--cell_width)}
  & div:nth-child(6n+1){grid-column-end:span 2;margin-inline-start:0}}
.grid_stag{grid-template-columns:repeat(2, calc(var(--cell_width) * 2));
  & div:nth-child(2n){margin-top:1.3em}
  & div:nth-child(2n+1){margin-bottom:1.3em}}
.grid_nonstag{grid-template-columns:repeat(2, calc(var(--cell_width) * 2))}
grid-text[class^="grid22wide"],
grid-text[class^="grid22narrow"]{grid-template-columns:repeat(4, var(--cell_width));
  & div{grid-column-end:span 2}}
.grid22wide_l{;
  & div:nth-child(4n+3), & div:nth-child(4n+4){margin-inline-start:calc(var(--cell_width));margin-inline-end:calc(var(--cell_width) / -1)}}
.grid22wide_r{;
  & div:nth-child(4n+1), & div:nth-child(4n+2){margin-inline-start:calc(var(--cell_width));margin-inline-end:calc(var(--cell_width) / -1)}}
.grid22narrow_l{;
  & div:nth-child(4n+3), & div:nth-child(4n+4){margin-inline-start:calc(var(--cell_width) / 2);margin-inline-end:calc(var(--cell_width) / -2)}}
.grid22narrow_r{;
  & div:nth-child(4n+1), & div:nth-child(4n+2){margin-inline-start:calc(var(--cell_width) / 2);margin-inline-end:calc(var(--cell_width) / -2)}}
flex-fix{display:flex inline;justify-content:start}
table-notes{display:block;max-width:65em;counter-reset:numlist;white-space-collapse:collapse;
  & li{display:block;position:relative;margin-left:3ch;
    &:before{position:absolute;left:-3ch;content:counter(numlist) ")";counter-increment:numlist}}
  &:has(li:nth-child(11)) li{margin-left:4ch;
    &:nth-child(n+11):before{left:-4ch}}
  & li.f2table{white-space-collapse:preserve}}
ul#links{list-style:none;background-color:rgb(255 255 255 / 80%);position:fixed;right:3%;top:6em;padding-left:2em;z-index:2;font-size:0.9em;font-family:var(--pre_font);line-height:1.75;
  & li{position:relative}
  & li:hover:before{content:"";position:absolute;left:-1em;top:0.25em;width:0.25em;height:70%;background-color:#f00}
  & a[href^="#sprint"]{margin-left:1em;font-style:italic}
  & a{color:#000;
  &[href*="results"],&[href="#"]{text-shadow:var(--shadow1), 0 0 0.8rem #fff600;
    &[href^="#sprint"]{text-shadow:var(--shadow1), 0 0 0.8rem #ba7c00}}
  &[href*="leaders"]{text-shadow:var(--shadow1), 0 0 0.8rem #28d400;
    &[href^="#sprint"]{text-shadow:var(--shadow1), 0 0 0.8rem #198a00}}
  &[href*="fastlaps"]{text-shadow:var(--shadow1), 0 0 0.8rem #aa00d4;
    &[href^="#sprint"]{text-shadow:var(--shadow1), 0 0 0.8rem #70008c}}
  &[href*="qual"]{text-shadow:var(--shadow1), 0 0 0.8rem #8b4513;
    &[href^="#sprint"]{text-shadow:var(--shadow1), 0 0 0.8rem #6b3610}}
  &[href*="qualses"],&[href*="qualific"]{text-shadow:var(--shadow1), 0 0 0.8rem #f60000;
    &[href^="#sprint"]{text-shadow:var(--shadow1), 0 0 0.8rem #a60000}}
  &[href*="startord"],&[href*="grid"]{text-shadow:var(--shadow1), 0 0 0.8rem #ff38e5;
    &[href^="#sprint"]{text-shadow:var(--shadow1), 0 0 0.8rem #9c248c}}
  &[href*="prac"],&[href*="test"]{text-shadow:var(--shadow1), 0 0 0.8rem #000fd9}
  &[href*="warmup"]{text-shadow:var(--shadow1), 0 0 0.8rem #00cedb}
  &[href*="notes"]{text-shadow:var(--shadow1), 0 0 0.8rem #ff8a00}
  &[href*="review"]{text-shadow:var(--shadow1), 0 0 0.8rem #191970}}}
.cheflag{aspect-ratio:256/199}
div.normal{;
  &:is(.at,.cn,.es,.es1945,.es1977,.eu,.fr,.in,.it,.jp,.kr,.ma,.nl,.pt,.ru,.sa,.sg,.tr,.za,.za1928){aspect-ratio:3/2}
  &:is(.ae,.az,.ca,.gb,.hu,.my){aspect-ratio:2/1}
  &:is(.bh,.de,.ddr,.lu){aspect-ratio:5/3}
  &:is(.mx,.mx1934){aspect-ratio:7/4}
  &.ar{aspect-ratio:8/5}
  &.au{aspect-ratio:252/135}
  &.be{aspect-ratio:15/13}
  &.br{aspect-ratio:210/147}
  &.ch{aspect-ratio:1/1}
  &.fi{aspect-ratio:18/11}
  &.mc{aspect-ratio:5/4}
  &.qa{aspect-ratio:28/11}
  &.se{aspect-ratio:8/5}
  &.sm{aspect-ratio:4/3}
  &.us{aspect-ratio:741/390}
  &.us1912{aspect-ratio:361/190}
  &.us1959{aspect-ratio:247/130}}
[data-gp="ae"]:after{content:"A-D"}
[data-gp="ar"]:after{content:"AR"}
[data-gp="at"]:after{content:"AT"}
[data-gp="styr"]:after{content:"Styria"}
[data-gp="au"]:after{content:"AU"}
[data-gp="az"]:after{content:"AZ"}
[data-gp="bh"]:after{content:"BH"}
[data-gp="sakh"]:after{content:"Sakhir"}
[data-gp="be"]:after{content:"BE"}
[data-gp="br"]:after{content:"BR"}
[data-gp="br_sp"]:after{content:"S\00E3o Paulo"}
[data-gp="ca"]:after{content:"CA"}
[data-gp="ch"]:after{content:"CH"}
[data-gp="cn"]:after{content:"CN"}
[data-gp="ddr"]:after{content:"DDR"}
[data-gp="de"]:after{content:"DE"}
[data-gp="eif"]:after{content:"Eifel"}
[data-gp="es"]:after{content:"ES"}
[data-gp="eu"]:after{content:"EU"}
[data-gp="fi"]:after{content:"FI"}
[data-gp="fr"]:after{content:"FR"}
[data-gp="gb"]:after{content:"GB"}
[data-gp="ann"]:after{content:"70th"}
[data-gp="hu"]:after{content:"HU"}
[data-gp="in"]:after{content:"IN"}
[data-gp="it"]:after{content:"IT"}
[data-gp="pes"]:after{content:"Pescara"}
[data-gp="er"]:after{content:"E-R"}
[data-gp="tus"]:after{content:"Tuscany"}
[data-gp="jp"]:after{content:"JP"}
[data-gp="pc"]:after{content:"Pacific"}
[data-gp="kr"]:after{content:"KR"}
[data-gp="lu"]:after{content:"LU"}
[data-gp="ma"]:after{content:"MA"}
[data-gp="mc"]:after{content:"MC"}
[data-gp="mx"]:after{content:"MX"}
[data-gp="mex"]:after{content:"M\00E9xico"}
[data-gp="my"]:after{content:"MY"}
[data-gp="nl"]:after{content:"NL"}
[data-gp="pt"]:after{content:"PT"}
[data-gp="qa"]:after{content:"QA"}
[data-gp="ru"]:after{content:"RU"}
[data-gp="sa"]:after{content:"SA"}
[data-gp="se"]:after{content:"SE"}
[data-gp="sm"]:after{content:"SM"}
[data-gp="sg"]:after{content:"SG"}
[data-gp="tr"]:after{content:"TR"}
[data-gp="za"]:after{content:"ZA"}
[data-gp="us"]:after{content:"US"}
[data-gp="usw"]:after{content:"L-B"}
[data-gp="det"]:after{content:"Detroit"}
[data-gp="dal"]:after{content:"Dallas"}
[data-gp="cp"]:after{content:"C-P"}
[data-gp="mia"]:after{content:"Miami"}
[data-gp="lv"]:after{content:"L-V"}
[data-gp="ind"]:after{content:"Indy"}
[data-gp="es2"]:after{content:"ES";text-decoration-line:line-through}
[data-gp="za2"]:after{content:"ZA";text-decoration-line:line-through}
[data-gp="fin_dc"]:after{content:"DC"}
[data-gp="fin_clark"]:after{content:"JCT"}
[data-gp="fin_nc"]:after{content:"NC"}
[data-gp="fin_ncf1"]:after{content:"F1 non champ"}
[data-gp="fin_ncf2"]:after{content:"F2 non champ"}
[data-gp="fin_ncfr"]:after{content:"GP de France F2"}
[data-gp="fin_ncde"]:after{content:"West Germany F2"}
[data-gp="fin_ncddr"]:after{content:"East Germany F2"}
[data-gp="ann"]:after,[data-gp="eif"]:after,[data-gp="styr"]:after,[data-gp="sakh"]:after,[data-gp="br_sp"]:after,[data-gp="pes"]:after,[data-gp="tus"]:after,[data-gp="pc"]:after,[data-gp="mex"]:after,[data-gp="det"]:after,[data-gp="dal"]:after,[data-gp="mia"]:after,[data-gp="ind"]:after,[data-gp="fin_ncf1"]:after,[data-gp="fin_ncf2"]:after,[data-gp="fin_ncfr"]:after,[data-gp="fin_ncde"]:after,[data-gp="fin_ncddr"]:after{letter-spacing:-0.05em;font-size:0.9em}