/* Shared company identity, confirmed fleet dimensions, and office contacts. */
.brand-logo {
  display: block;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  object-fit: contain;
}
.login-story .brand-logo,
.sidebar .brand-logo {
  background: #f5f4ee;
  border-radius: 50%;
}
.footer-contacts {
  display: flex;
  align-items: center;
  gap: 45px;
  padding: 24px 0;
  border-bottom: 1px solid #c9cebf;
  font-size: 13px;
  line-height: 1.8;
}
.footer-contacts a > span {
  display: block;
  color: #68725f;
  font-size: 8px;
  letter-spacing: 1.4px;
  margin-bottom: 5px;
}
.footer-contacts a:hover { text-decoration: underline; text-underline-offset: 4px; }
.footer-address { margin-left: auto; font-size: 11px; color: #68725f; }
.contact-details a { overflow-wrap: anywhere; }
.fleet-dimensions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 104px;
  margin: 0 0 14px;
  padding: 17px 0 0;
  border-top: 1px solid var(--line);
  font-size: 11px;
  line-height: 1.5;
}
.fleet-dimensions > span { display: flex; justify-content: space-between; gap: 6px 15px; flex-wrap: wrap; }
.fleet-dimensions b { font-weight: 500; color: #616b59; }
.fleet-dimensions > span > span { font-variant-numeric: tabular-nums; white-space: nowrap; }
.fleet-dimensions small { font-size: 9px; color: #72796b; letter-spacing: .2px; }
.vehicle-dimensions { margin: 26px 0; }
.dimensions-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.dimensions-table caption {
  text-align: left;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -.3px;
  padding-bottom: 15px;
}
.dimensions-table th, .dimensions-table td { border-bottom: 1px solid var(--line); padding: 15px 10px; line-height: 1.5; }
.dimensions-table thead { background: #e9ecdf; }
.dimensions-table thead th { font-size: 9px; font-weight: 500; color: #59684f; text-align: right; letter-spacing: .2px; }
.dimensions-table th:first-child { width: 34%; text-align: left; }
.dimensions-table tbody th { font-size: 11px; font-weight: 500; text-align: left; }
.dimensions-table td { font-size: 13px; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
@media (max-width: 680px) {
  .brand-logo { width: 44px; height: 44px; flex-basis: 44px; }
  .brand { gap: 8px; }
  .footer-contacts { flex-wrap: wrap; gap: 24px 35px; font-size: 12px; }
  .footer-address { width: 100%; margin-left: 0; }
  .fleet-dimensions { min-height: 0; padding-top: 18px; margin-bottom: 21px; font-size: 12px; }
  .fleet-dimensions small { margin-top: 2px; }
  .dimensions-table th, .dimensions-table td { padding: 13px 7px; }
  .dimensions-table td { font-size: 12px; }
}
@media (max-width: 360px) {
  .brand-logo { width: 39px; height: 39px; flex-basis: 39px; }
  .dimensions-table th, .dimensions-table td { padding-left: 4px; padding-right: 4px; }
}