@import "https://api.fonts.coollabs.io/css2?family=Roboto:wght@400;500&display=swap";
@import "https://api.fonts.coollabs.io/css2?family=Azeret+Mono:wght@300;400&display=swap";
:root{--basic_font:300;--bold_font:400;--navi_font:400;--title_font:500;--head_font:'Roboto',sans-serif;--pre_font:'Azeret Mono',Courier;--basic_color:green;--hover_color:#E8B900;--shadow1:0 0 5px #ddd;--border_map:red solid 1px;--border_flag:#000 solid 1px;--square_width:clamp(29px,3.4vw,34px);--square_height:clamp(22.2px,2.6vw,26px)}
body{background:#fff;color:#000;padding:0.1em clamp(0.5%,3%,3%) 1em;font-weight:var(--basic_font);font-size:clamp(11px,1.3vw,13px)}
a{cursor:pointer;text-decoration:none}
#list{background:#fff;box-shadow: -2em 0 #fff;padding-bottom:0.6em;margin-left:0;width:100%;font-family:var(--head_font);font-size:1.2em;position:fixed;top:0;z-index:5;
 & a{color:var(--basic_color)}
 & a:hover{background:#005300;color:var(--hover_color)}
 & .f1table_results_list{border-collapse:collapse;margin-top:0.5em;white-space:nowrap;counter-reset: racenum 1;
   & th{position:relative;font-weight:var(--navi_font)}
   & th.nc{padding:0 0.5em}
   & year-title{font-size:1.4em;vertical-align:middle;padding-right:0.5em;text-shadow:0 0 15px #ddd, 0 0 15px purple}
   & .dropdown-content{display:none;position:absolute;top:2.3em;left:-0.2em;padding-top:0.5em;z-index:2}
   & .dropdown:hover .dropdown-content {display:block}
   & #years_list{display:grid;grid:auto-flow / repeat(10,auto);gap:0.2em 0.5em;background:#fff;padding-inline:0.45em;padding-block:0.3em;border:var(--border_flag);border-bottom-right-radius:1em;
     & div:first-child{display:none}}
   & div{margin:0 auto}
   & .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;right:auto;background:#fff;padding:0.1em 0.3em;font-size:0.9em;white-space:nowrap;border:solid 1px var(--hover_color);color:#000;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}}
hr{border-top:0.25em solid #000;width:94%;margin-top:5em;position:fixed;top:0}
race-head{display:grid;grid:3em auto / auto-flow auto;justify-content:start;row-gap:4px;font-size:1.2em;font-family:var(--head_font);font-weight:var(--title_font);margin-top:4em;
  & gp-num{font-size:0.6em;color:grey;
    &:before{content:"GP# ";margin-left:0.5em}}
  & 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{min-width:20em;grid-row:1/span 2;
    & p{margin:0.3em 0}
    & p:nth-child(1){font-size:1.5em}}
  & sprint-title{font-size:0.9em;margin-left:7em;
    & a{color:#0091cf}}
  & date-text{text-shadow:var(--shadow1), 0 0 15px #89CFF0}}
main-text{display:block;font-family:var(--pre_font);line-height:1.3;white-space:pre-wrap;min-width:700px}
main-text span[id]{font-weight:var(--bold_font);
  &[id*=results]{text-shadow:var(--shadow1), 0 0 15px #fff600;
    &[id^="sprint"]{text-shadow:var(--shadow1), 0 0 15px #ba7c00}}
  &[id*="leaders"]{text-shadow:var(--shadow1), 0 0 15px #28d400;
    &[id^="sprint"]{text-shadow:var(--shadow1), 0 0 15px #198a00}}
  &[id*="fastlaps"]{text-shadow:var(--shadow1), 0 0 15px #aa00d4;
    &[id^="sprint"]{text-shadow:var(--shadow1), 0 0 15px #70008c}}
  &[id*="qualses"],&[id*="qualific"],&[id*="preprac"]{text-shadow:var(--shadow1), 0 0 15px #f60000;
    &[id^="sprint"]{text-shadow:var(--shadow1), 0 0 15px #a60000}}
  &[id$="qual"]{text-shadow:var(--shadow1), 0 0 15px #8b4513;
    &[id^="sprint"]{text-shadow:var(--shadow1), 0 0 15px #6b3610}}
  &[id*="startord"]{text-shadow:var(--shadow1), 0 0 15px #ff38e5;
    &[id^="sprint"]{text-shadow:var(--shadow1), 0 0 15px #9c248c}}
  &[id*="prac"],&[id*="test"]{text-shadow:var(--shadow1), 0 0 15px #000fd9}
  &[id="warmup"]{text-shadow:var(--shadow1), 0 0 15px #00cedb}
  &[id="notes"]{text-shadow:var(--shadow1), 0 0 15px #ff8a00}}
track-map{color:var(--basic_color);position:relative;z-index:3;margin:0 1em;
  & img{display:none}
  &:hover{color:var(--hover_color);z-index:4;text-shadow:var(--shadow1), 0 0 15px 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:#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:#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:#fff;padding:0.1em 0.3em;font-size:0.9em;white-space:nowrap;border:solid 1px var(--hover_color);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}
penalty-inline,sprintpenalty-inline{position:relative;cursor:help;
  &:before{display:none;position:absolute;z-index:2;left:105%;top:-50%;min-width:25em;background:#fff;padding:0.4em 0.5em;border:solid 1px violet;content:attr(data-penalty)}
  &:hover:before{display:block}}
red-star{color:red;font-weight:var(--navi_font)}
summary{width:fit-content;cursor:pointer;font-weight:var(--bold_font);white-space:normal;
  &::marker{display:none;content:""}
  [id*="grid"] &{text-shadow:var(--shadow1), 0 0 15px #ff38e5}
  #review &{text-shadow:var(--shadow1), 0 0 15px #191970}
  &:after{content:"   [Expand]";font-size:0.8em}}
details[open] summary:after {content:"   [Collapse]"}
#review{width:55em;max-width:95%;column-width:20em;column-gap:1em;column-rule:var(--border_flag);white-space:normal;
  & p{margin-block:0.5em}}
ul#links{list-style:none;background: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:red}
  & a[href^="#sprint"]{margin-left:1em;font-style:italic}
  & a{color:#000;
  &[href*="results"],&[href="#"]{text-shadow:var(--shadow1), 0 0 8px #fff600;
    &[href^="#sprint"]{text-shadow:var(--shadow1), 0 0 8px #ba7c00}}
  &[href*="leaders"]{text-shadow:var(--shadow1), 0 0 8px #28d400;
    &[href^="#sprint"]{text-shadow:var(--shadow1), 0 0 8px #198a00}}
  &[href*="fastlaps"]{text-shadow:var(--shadow1), 0 0 8px #aa00d4;
    &[href^="#sprint"]{text-shadow:var(--shadow1), 0 0 8px #70008c}}
  &[href*="qualses"],&[href*="qualific"]{text-shadow:var(--shadow1), 0 0 8px #f60000;
    &[href^="#sprint"]{text-shadow:var(--shadow1), 0 0 8px #a60000}}
  &[href$="qual"]{text-shadow:var(--shadow1), 0 0 8px #8b4513;
    &[href^="#sprint"]{text-shadow:var(--shadow1), 0 0 8px #6b3610}}
  &[href*="startord"],&[href*="grid"]{text-shadow:var(--shadow1), 0 0 8px #ff38e5;
    &[href^="#sprint"]{text-shadow:var(--shadow1), 0 0 8px #9c248c}}
  &[href*="prac"],&[href*="test"]{text-shadow:var(--shadow1), 0 0 8px #000fd9}
  &[href*="warmup"]{text-shadow:var(--shadow1), 0 0 8px #00cedb}
  &[href*="notes"]{text-shadow:var(--shadow1), 0 0 8px #ff8a00}
  &[href*="review"]{text-shadow:var(--shadow1), 0 0 8px #191970}}}
/*:target:before{content:"";display:block;height:5.5em;margin-top:-5.5em}*/
:target{border-top:5.5em solid transparent;margin-top:-5.5em}
.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:"Sao 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:"Mexico"}
[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-through}
[data-gp="za2"]:after{content:"ZA";text-decoration: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}