/* Pagina Circuiti, richieste v4 (t4-circuiti.js):
   C1 foto della testata che porta alla scheda del circuito;
   C2 record della pista, giro onboard, tracciato e "Scarica la mappa (PDF)";
   C3 top 5 di gara e classifica dopo la gara, sul posto (schede e timeline).
   Valori in rem come le regole .t4ck-* di t4-sections.css (root 12px da 992px,
   16px sotto: le correzioni per i telefoni sono in fondo). */

/* ---- C1: testata ---- */
.t4h[data-t4h="circuiti"] .t4h__media figcaption{pointer-events:none}
.t4ck-hgo{-webkit-appearance:none;appearance:none;background:none;border:0;border-radius:inherit;cursor:pointer;inset:0;margin:0;padding:0;position:absolute;z-index:1}
.t4ck-hgo__tag{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(10,16,50,.55);border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;display:inline-flex;font-family:var(--font-family-body),monospace;font-size:clamp(11px,.85vw,12px);gap:.5rem;left:1.8rem;letter-spacing:.08em;padding:.6rem 1rem;position:absolute;text-transform:uppercase;top:1.6rem;transition:background .45s var(--t4-ease,ease),border-color .45s var(--t4-ease,ease)}
.t4ck-hgo__tag svg{transition:transform .45s var(--t4-ease,ease)}
.t4ck-hgo:hover .t4ck-hgo__tag,.t4ck-hgo:focus-visible .t4ck-hgo__tag{background:#2448d8;border-color:#2448d8}
.t4ck-hgo:hover .t4ck-hgo__tag svg{transform:translateY(2px)}
.t4ck-hgo:focus-visible{outline:3px solid #fff;outline-offset:-7px}

/* ---- C2: logo, record, tracciato, onboard ---- */
.t4ck-logo{display:block;height:auto;max-height:5.5rem;max-width:16rem;object-fit:contain;object-position:left center;width:auto}
.t4ck-rec__l{margin:0}
.t4ck-rec__l>div{align-items:baseline;border-bottom:1px dashed rgba(var(--color-black),.15);display:grid;gap:1rem;grid-template-columns:8.5rem minmax(0,1fr);padding:.55rem 0}
.t4ck-rec__l>div:last-child{border-bottom:0}
.t4ck-rec__l dt{font-family:var(--font-family-body),monospace;font-size:.9rem;letter-spacing:.06em;opacity:.6;text-transform:uppercase}
.t4ck-rec__l dd{display:grid;gap:.45rem;margin:0;min-width:0}
/* record per categoria (29/10/2026): tempo, pilota · evento · data; "da verificare"; storico a tendina */
.t4ck-rec__v{align-items:baseline;display:flex;flex-wrap:wrap;gap:.3rem 1rem}
.t4ck-rec__l strong{font-family:var(--font-family-body),monospace;font-size:1.45rem;letter-spacing:.02em}
.t4ck-rec__who{font-size:1.1rem;opacity:.65}
.t4ck-rec__v.is-na .t4ck-rec__who{font-style:italic;opacity:.5}
.t4ck-rec__v.is-pend strong{opacity:.75}
.t4ck-rec__tag{background:#fff4d6;border:1px solid #e8b53a;border-radius:999px;color:#7a4d00;font-family:var(--font-family-body),monospace;font-size:.85rem;letter-spacing:.08em;line-height:1;padding:.35rem .7rem;text-transform:uppercase;white-space:nowrap}
.t4ck-rec__h summary{color:rgb(var(--color-primary));cursor:pointer;display:inline-block;font-family:var(--font-family-body),monospace;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase}
.t4ck-rec__h summary:hover{text-decoration:underline}
.t4ck-rec__h summary::-webkit-details-marker{display:none}
.t4ck-rec__h summary::after{content:'';border:solid currentColor;border-width:0 1.5px 1.5px 0;display:inline-block;height:.45em;margin-left:.55em;transform:translateY(-.2em) rotate(45deg);transition:transform .3s var(--t4-ease,ease);width:.45em}
.t4ck-rec__h[open] summary::after{transform:translateY(.05em) rotate(-135deg)}
.t4ck-rec__h summary:focus-visible{outline:2px solid rgb(var(--color-primary));outline-offset:3px}
.t4ck-rec__h ol{display:grid;gap:.35rem;list-style:none;margin:.6rem 0 .2rem;padding:0 0 0 .9rem;border-left:2px solid rgba(var(--color-black),.12)}
.t4ck-rec__h li{align-items:baseline;display:flex;flex-wrap:wrap;gap:.2rem .8rem}
.t4ck-rec__h b{font-family:var(--font-family-body),monospace;font-size:1.15rem;font-weight:600;text-decoration:line-through;text-decoration-color:rgba(var(--color-black),.35)}
.t4ck-rec__h li span{font-size:1rem;opacity:.6}
.t4ck-rec__na{font-size:1.1rem;font-style:italic;margin:0;opacity:.6}
.t4ck-rec__note{font-size:.95rem;margin:.9rem 0 0;opacity:.55}

.t4ck-map__img{background:#fff;border:1px solid rgba(var(--color-black),.1);border-radius:1rem;margin:0 0 1rem;padding:1rem}
.t4ck-map__img img{display:block;height:auto;margin:0 auto;max-height:28rem;max-width:100%;object-fit:contain;width:auto}
.t4ck-map__dl{align-items:center;display:inline-flex;gap:.6rem}

.t4ck-onb{margin-top:1.6rem}
.t4ck-onb__f{aspect-ratio:16/9;background:#0e1430;border-radius:1.2rem;overflow:hidden;position:relative}
.t4ck-onb__f video,.t4ck-onb__f iframe,.t4ck-onb__cover img{border:0;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}
.t4ck-onb__f video{background:#0e1430;object-fit:contain}
.t4ck-onb__cover{inset:0;position:absolute}
.t4ck-onb__cover:not(.is-playing):after{background:linear-gradient(180deg,rgba(14,20,48,.15),rgba(14,20,48,.7));content:"";inset:0;position:absolute}
.t4ck-onb__play{align-items:center;background:#fff;border:0;border-radius:999px;color:#0e1430;cursor:pointer;display:inline-flex;font-family:var(--font-family-headings),sans-serif;font-size:1.15rem;gap:.6rem;left:50%;letter-spacing:.06em;padding:1rem 1.5rem;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);transition:background .45s var(--t4-ease,ease),color .45s var(--t4-ease,ease);white-space:nowrap;z-index:2}
.t4ck-onb__play:hover,.t4ck-onb__play:focus-visible{background:#2448d8;color:#fff}
.t4ck-onb__play:focus-visible{outline:2px solid #fff;outline-offset:3px}
.t4ck-onb__note{font-size:1rem;margin:.6rem 0 0;opacity:.65}

/* ---- C3: risultati e classifica sul posto ---- */
.t4ck-race.is-done.has-cx{opacity:1}
.t4ck-race.is-done.has-cx>.t4ck-race__d,.t4ck-race.is-done.has-cx>.t4ck-race__t{opacity:.65}
.t4ck-race__acts{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}
.t4ck-race__go{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:1px solid rgba(var(--color-primary),.35);border-radius:999px;color:rgb(var(--color-primary));cursor:pointer;display:inline-flex;font-family:var(--font-family-body),monospace;font-size:.95rem;gap:.35rem;letter-spacing:.04em;padding:.4rem .8rem;text-transform:uppercase;transition:background .45s var(--t4-ease,ease),color .45s var(--t4-ease,ease),border-color .45s var(--t4-ease,ease)}
.t4ck-race__go:hover{border-color:rgb(var(--color-primary))}
.t4ck-race__go[aria-expanded="true"]{background:rgb(var(--color-primary));border-color:rgb(var(--color-primary));color:#fff}
.t4ck-race__go:focus-visible,.t4cx__tabs button:focus-visible,.t4cx__more:focus-visible{outline:2px solid #2448d8;outline-offset:3px}
.t4cx-chev{transition:transform .45s var(--t4-ease,ease)}
[aria-expanded="true"]>.t4cx-chev{transform:rotate(180deg)}
.t4ck-race>.t4cx{grid-column:1/-1}
.t4tl__pop .t4tl-btn--ghost[aria-expanded="true"]{border-color:rgb(var(--color-primary));color:rgb(var(--color-primary))}
.t4tl__pop .t4cx{margin-top:.5rem}

.t4cx__in{padding:.6rem 0 .4rem}
.t4cx__k{font-family:var(--font-family-body),monospace;font-size:.9rem;letter-spacing:.08em;margin:0 0 .7rem;opacity:.6;text-transform:uppercase}
.t4cx__flag{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.5);border-radius:.6rem;color:#92400e;display:inline-block;font-family:var(--font-family-body),monospace;font-size:.85rem;letter-spacing:.06em;line-height:1.4;margin:0 0 .8rem;padding:.4rem .75rem;text-transform:uppercase}
.t4cx__tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .5rem}
.t4cx__tabs button{-webkit-appearance:none;appearance:none;background:none;border:1px solid rgba(var(--color-black),.2);border-radius:999px;color:rgb(var(--color-black));cursor:pointer;font-family:var(--font-family-body),monospace;font-size:.9rem;letter-spacing:.06em;padding:.45rem .95rem;text-transform:uppercase;transition:background .45s var(--t4-ease,ease),color .45s var(--t4-ease,ease),border-color .45s var(--t4-ease,ease)}
.t4cx__tabs button:hover{border-color:rgb(var(--color-primary))}
.t4cx__tabs button.is-on{background:rgb(var(--color-primary));border-color:rgb(var(--color-primary));color:#fff}
.t4cx__one{font-family:var(--font-family-body),monospace;font-size:.9rem;letter-spacing:.06em;margin:0 0 .4rem;text-transform:uppercase}
.t4cx__list{list-style:none;margin:0;padding:0}
.t4cx__list li{align-items:baseline;border-top:1px dashed rgba(var(--color-black),.15);display:grid;gap:.8rem;grid-template-columns:2.2rem minmax(0,1fr) auto;padding:.55rem 0}
.t4cx__list li:first-child{border-top:0}
.t4cx__p{font-family:var(--font-family-body),monospace;font-size:1rem;font-weight:700}
.t4cx__list li:first-child .t4cx__p{color:rgb(var(--color-primary))}
.t4cx__n{font-size:1.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t4cx__n em{font-family:var(--font-family-body),monospace;font-size:.9rem;font-style:normal;margin-right:.5rem;opacity:.55}
.t4cx__v{font-family:var(--font-family-body),monospace;font-size:1rem;white-space:nowrap}
.t4cx__more{color:rgb(var(--color-primary));display:inline-block;font-family:var(--font-family-body),monospace;font-size:.9rem;letter-spacing:.06em;margin-top:.7rem;text-transform:uppercase}
.t4cx__more:hover{color:#0e1a5a;text-decoration:underline}
.t4cx__msg{font-size:1.1rem;margin:0;opacity:.7}

@media (max-width:991px){
  .t4ck-hgo__tag{left:1rem;padding:.5rem .8rem;top:1rem}
  .t4ck-logo{max-height:3.5rem;max-width:11rem}
  .t4ck-rec__l>div{grid-template-columns:6.5rem minmax(0,1fr)}
  .t4ck-rec__l dt{font-size:.6875rem}
  .t4ck-rec__l strong{font-size:1rem}
  .t4ck-rec__who{font-size:.8125rem}
  .t4ck-rec__tag{font-size:.625rem;padding:.3rem .55rem}
  .t4ck-rec__h summary{font-size:.6875rem}
  .t4ck-rec__h b{font-size:.875rem}
  .t4ck-rec__h li span{font-size:.75rem}
  .t4ck-rec__na{font-size:.8125rem}
  .t4ck-rec__note{font-size:.6875rem}
  .t4ck-map__img{padding:.6rem}
  .t4ck-map__img img{max-height:18rem}
  .t4ck-onb{margin-top:1rem}
  .t4ck-onb__f{border-radius:.8rem}
  .t4ck-onb__play{font-size:.875rem;padding:.85rem 1.3rem}
  .t4ck-onb__note{font-size:.8125rem}
  .t4ck-race.has-cx{grid-template-columns:3.25rem minmax(0,1fr)}
  .t4ck-race__acts{grid-column:2/-1;justify-content:flex-start}
  .t4ck-race__go{font-size:.75rem;min-height:2.75rem;padding:0 .85rem}
  .t4cx__k,.t4cx__one{font-size:.6875rem}
  .t4cx__flag{font-size:.6875rem}
  .t4cx__tabs button{font-size:.75rem;min-height:2.75rem;padding:0 .9rem}
  .t4cx__list li{gap:.6rem;grid-template-columns:1.75rem minmax(0,1fr) auto;padding:.5rem 0}
  .t4cx__p,.t4cx__v{font-size:.8125rem}
  .t4cx__n{font-size:.9375rem}
  .t4cx__n em{font-size:.6875rem}
  .t4cx__more{align-items:center;display:inline-flex;font-size:.75rem;gap:.4rem;min-height:2.75rem}
  .t4cx__msg{font-size:.875rem}
}
@media (prefers-reduced-motion:reduce){
  .t4ck-hgo__tag,.t4ck-hgo__tag svg,.t4cx-chev,.t4ck-race__go,.t4cx__tabs button,.t4ck-onb__play,.t4ck-rec__h summary::after{transition:none}
}