/* Vehicle archive data: keep the performance position beneath the basics,
   and use one shared type scale for the basic and advanced figures. */
.detail-body { display: block; }
.detail-data-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 0 clamp(24px, 2vw, 40px);
  align-items: start;
}
.detail-data-primary,
.detail-data-columns > .detail-advanced { min-width: 0; }
.detail-data-columns .detail-section { margin-top: 34px; }
.detail-data-columns .detail-position { margin-top: 28px; }
.detail-data-columns .detail-section > h2 {
  font-size: 14px;
  line-height: 1.45;
  font-weight: 600;
  letter-spacing: 0;
  padding-bottom: 10px;
  margin-bottom: 0;
}
.detail-data-columns .detail-basic-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}
.detail-data-columns .detail-basic-list > div,
.detail-data-columns .advanced-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(88px, .7fr);
  align-items: baseline;
  column-gap: 16px;
  min-height: 50px;
  padding: 11px 0;
  border-bottom: 1px solid #e7e7e3;
}
.detail-data-columns .detail-basic-list > div > span,
.detail-data-columns .advanced-item > dt {
  color: #595952;
  font-size: 14px;
  line-height: 1.45;
  margin: 0;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}
.detail-data-columns .detail-basic-list > div > strong,
.detail-data-columns .advanced-item > dd {
  min-width: 0;
  margin: 0;
  font-family: var(--font-data);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 600;
  font-variant-numeric: tabular-nums lining-nums;
  text-align: left;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}
.detail-data-columns .advanced-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  margin: 0;
}
.detail-data-columns .advanced-item--text > dd { font-size: 21px; }
.detail-data-columns .advanced-label-unit {
  display: inline-block;
  font-size: 11px;
  color: #777770;
  margin-left: 4px;
  white-space: nowrap;
}
.detail-data-columns .advanced-subsection { margin-top: 24px; }
.detail-data-columns .advanced-subsection > h3 {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
  color: #595952;
  margin: 0 0 9px;
}
.detail-data-columns .blueprint-row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 6px;
  font-size: 18px;
  line-height: 1.3;
  margin-top: 0;
}
.detail-data-columns .blueprint-row > span {
  padding: 7px 9px;
  min-width: 34px;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.detail-data-columns .scope-note {
  font-size: 12px;
  line-height: 1.7;
  color: #6b6b65;
  margin-top: 22px;
  letter-spacing: 0;
}
@media (max-width: 700px) {
  .detail-data-columns { grid-template-columns: minmax(0, 1fr); }
  .detail-data-columns .detail-basic-list > div,
  .detail-data-columns .advanced-item { min-height: 48px; }
  .detail-data-columns .detail-basic-list > div > strong,
  .detail-data-columns .advanced-item > dd { font-size: 22px; }
  .detail-data-columns .advanced-item--text > dd { font-size: 20px; }
}

/* Shared image motion is owned by detail-motion.js and media-motion.css. */
.nitro-values { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:flex-start; gap:3px; min-width:0; }
.nitro-value { display:inline-block; white-space:nowrap; font-variant-numeric:tabular-nums lining-nums; }
.nitro-value-main { color:inherit; }
.nitro-separator { color:#999; font-size:.72em; }
@media (min-width:701px) {
  /* Leave a protected strip for the two permanent top-left controls. */
  #detail-back { transform:translate3d(max(var(--close-x,49vw), 104px),0,0) !important; }
}
@media (max-width:700px) {
  .nitro-values { gap:2px; }
  .detail-transition-ghost { transition-duration:620ms; }
}
@media (prefers-reduced-motion:reduce) {
  .detail-transition-ghost { transition:none; }
  .detail-layout { transition:none; }
}
.advanced-item--nitro > dt { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 7px; }
.advanced-item--nitro .nitro-values { font-family:var(--font-data); font-size:.9em; line-height:1.2; }

/* Screenshot values retain their supplied base/max precision. */
.captured-record { margin-top:28px; border-block:1px solid var(--line); padding:12px 0; }
.captured-record summary { cursor:pointer; font-size:14px; font-weight:600; }
.captured-record table { width:100%; border-collapse:collapse; margin-top:14px; font-variant-numeric:tabular-nums; }
.captured-record th, .captured-record td { padding:9px 8px; border-bottom:1px solid var(--line); font-size:14px; color:var(--ink); }
.captured-record th { text-align:left; font-weight:500; }
.captured-record td, .captured-record thead th:not(:first-child) { text-align:right; }
.captured-notes { font-size:14px; line-height:1.7; color:var(--ink); margin:14px 0 0; }