/* Reflex palette: Deep Water Blue (RAL 5008-inspired) for primary buttons. */
#allrecords .t-btnflex.t-btnflex_type_button,
#allrecords .t-btn_type_button {
  background-color: #3D566A !important;
}

/* Reflex Explorer visual system: graphite, storm grey, Arctic white, deep water blue and restrained sand. */
:root {
  --reflex-graphite: #1C252D;
  --reflex-storm: #3B444A;
  --reflex-arctic: #F5F4F1;
  --reflex-deep-water: #3D566A;
  --reflex-deep-water-hover: #2F4659;
  --reflex-sand: #B89A72;
}

html {
  scroll-behavior: smooth;
}

body,
#allrecords {
  background-color: var(--reflex-arctic);
}

#allrecords .t-title,
#allrecords .t-heading,
#allrecords .t-cover__title,
#allrecords .t-card__title {
  font-weight: 500;
  letter-spacing: 0.012em;
  line-height: 1.16;
}

#allrecords .t-descr,
#allrecords .t-text,
#allrecords .t-card__descr {
  line-height: 1.55;
}

/* Keep the existing light/dark section structure while bringing the light panels into the warm Arctic-grey palette. */
#allrecords .t-rec[data-bg-color="#f0f0f0"] {
  background-color: #F1F0EC !important;
}

/* Calm, square-edged controls in the Reflex deep-water palette. */
#allrecords .t-btnflex.t-btnflex_type_button,
#allrecords .t-btn_type_button {
  border-radius: 2px !important;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}

#allrecords .t-btnflex.t-btnflex_type_button:hover,
#allrecords .t-btn_type_button:hover {
  background-color: var(--reflex-deep-water-hover) !important;
}

#allrecords .t-btn:focus-visible,
#allrecords .t-btnflex:focus-visible,
#allrecords a:focus-visible {
  outline: 2px solid var(--reflex-sand);
  outline-offset: 3px;
}

@media screen and (max-width: 640px) {
  #allrecords .t-title,
  #allrecords .t-heading,
  #allrecords .t-cover__title,
  #allrecords .t-card__title {
    letter-spacing: 0.005em;
    line-height: 1.2;
  }
}
/* Center specification lists within the model column instead of leaving bullets at the viewport edge. */
#allrecords .t-rec[data-record-type="467"] ul {
  display: table;
  max-width: 100%;
  margin: 0 auto;
  padding-left: 1.35em;
  text-align: left;
}

#allrecords .t-rec[data-record-type="467"] li {
  padding-left: 0.2em;
}