/* Approved identity 1.1. Geometry and page content remain in their existing components. */
.prostor-brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 44px;
  padding-block: 4px;
  margin-inline-end: 15px;
  text-decoration: none;
}
.prostor-brand .prostor-logo {
  display: block;
  flex: 0 0 auto;
  width: 192px;
  height: auto;
  aspect-ratio: 604 / 110;
}
.prostor-brand-name {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.app-header-inner { flex-wrap: wrap; }
/* Keep labels whole; intrinsic widths allow a second row when text grows. */
.has-service-navigation {
  /* Conservative space when JavaScript is unavailable; measured when enabled. */
  --service-navigation-space: calc(11rem + env(safe-area-inset-bottom, 0px));
}
.portal-service-navigation__items {
  display: flex;
  flex-wrap: wrap;
}
.portal-service-navigation .portal-service-navigation__link {
  flex: 1 0 auto;
  overflow-wrap: normal;
}
.portal-service-navigation__link > span { white-space: nowrap; }
.portal-header-actions { margin-inline-start: auto; }
.portal-service-header__inner,
.app-header-inner { row-gap: 4px; }
/* Keep the editable slogan out of the vehicle scene, including enlarged text. */
.portal-cover { height: auto; background: transparent; }
.portal-cover picture { height: 146px; }
.portal-cover figcaption {
  position: static;
  width: fit-content;
  max-width: calc(100% - 32px);
  margin: 4px 16px 0 auto;
  overflow-wrap: anywhere;
}
@media (max-width: 360px) {
  .portal-header-inner { padding-block: 6px; }
  .portal-cover picture { height: 114px; }
}
@media (min-width: 761px) {
  .prostor-brand .prostor-logo { width: 208px; }
  .portal-cover picture { height: 290px; }
}
@media (forced-colors: active) {
  .prostor-logo { forced-color-adjust: none; }
}