:root { color-scheme: light; }
body { margin: 0; background: #f3f6f8; }
:is(#pfg-preview,#pfg-airbus,#pfg-boeing) { border-radius: 0; }
:is(#pfg-preview,#pfg-airbus,#pfg-boeing) header { background: #fff; }
:is(#pfg-preview,#pfg-airbus,#pfg-boeing) .brand { color: #153d5d; }
:is(#pfg-preview,#pfg-airbus,#pfg-boeing) :focus-visible {
  outline: 3px solid #087bb6;
  outline-offset: 3px;
}
#pfg-preview #pfg-hero {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  background: #f5f9fc;
  color: #153d5d;
}
#pfg-preview #pfg-hero::after { content: none; }
#pfg-preview #pfg-hero > img {
  grid-column: 2;
  grid-row: 1;
  position: relative;
  z-index: auto;
  align-self: center;
  width: calc(100% - 48px);
  height: auto;
  margin: 24px;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
}
#pfg-preview #pfg-hero .hero-copy { grid-column: 1; grid-row: 1; min-width: 0; }
#pfg-preview #pfg-hero .hero-copy :is(h1,p,.eyebrow,.hero-caption span) { color: #153d5d; }
#pfg-preview .search-results { scroll-margin-top: 1rem; }
#pfg-preview .search-results a { color: #124e70; }
@media (max-width: 760px) {
  #pfg-preview #pfg-hero { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  #pfg-preview #pfg-hero > img { grid-column: 1; grid-row: 2; width: calc(100% - 32px); margin: 0 16px 20px; }
}

:is(#pfg-airbus,#pfg-boeing) :is(.detail,.intro,.toolbar) > * { min-width: 0; }
:is(#pfg-airbus,#pfg-boeing) :is(.detail,.tile) { overflow-wrap: anywhere; }
@media (max-width: 480px) {
  :is(#pfg-airbus,#pfg-boeing) header select { max-width: 100%; }
}

#pfg-preview .shortcuts button[aria-pressed="true"] {
  background: #153d5d;
  border-color: #153d5d;
  color: #fff;
}
#pfg-preview .search-results li > a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

/* Uniform frames for browsing and gallery previews. */
#pfg-preview main .aircraft img,
:is(#pfg-airbus,#pfg-boeing) :is(main .plane,.intro .hero-photo) img,
:is(#pfg-airbus,#pfg-boeing) .detail img.detail-photo {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
}
:is(#pfg-airbus,#pfg-boeing) .detail .thumbs img {
  display: block;
  width: 96px;
  height: 54px;
  object-fit: cover;
  border-radius: 4px;
}
:is(#pfg-airbus,#pfg-boeing) .gallery-caption a.full-photo {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

#pfg-preview .skip-link {
  position: absolute;
  left: 1rem;
  top: 1rem;
  z-index: 2;
  padding: .75rem 1rem;
  background: white;
  color: #153d5d;
  transform: translateY(-200%);
}
#pfg-preview .skip-link:focus { transform: none; }
#pfg-preview .aircraft a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: #124e70;
}