.grid{padding:32px 0 56px}
.grid h1{font-size:clamp(26px,3.6vw,40px);margin:8px 0 10px}
.lead{color:var(--mute);max-width:640px;margin-bottom:24px}
.start{
  display:grid;grid-template-columns:1fr 1fr;gap:12px 40px;
}
.car{scroll-margin-top:72px;background:var(--panel);border:1px solid var(--line);padding:20px 16px;position:relative}
.car:nth-child(even){margin-top:36px}
.pos{position:absolute;top:10px;right:10px;font-size:22px;font-weight:800;color:var(--red)}
.car h2{font-size:18px;color:var(--cyan);margin-bottom:8px}
.car p{font-size:13px;color:var(--mute);margin-bottom:14px}
.box{
  margin-top:28px;border:1px solid var(--cyan);padding:16px;
  display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:center;
}
.box img{width:100%;height:110px;object-fit:cover;border:1px solid var(--line)}
.box a{color:var(--cyan);font-weight:800}

.brief{padding:8px 0 56px}
.brief-grid{display:grid;grid-template-columns:180px 1fr;gap:18px}
.laps{display:flex;flex-direction:column;gap:8px}
.laps span{padding:8px 10px;background:#121218;border-left:4px solid var(--red);font-size:13px;font-weight:700}
.laps span:nth-child(2){border-left-color:var(--cyan)}
.laps span:nth-child(3){border-left-color:#ffe600}
.chart{width:100%;border-collapse:collapse;font-size:14px;border:1px solid var(--line)}
.chart th,.chart td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line)}
.chart th{background:#121218;color:var(--cyan)}

@media(max-width:900px){
  .start,.brief-grid,.box{grid-template-columns:1fr}
  .car:nth-child(even){margin-top:0}
}