/* Append after style.css and themes.css. Same-origin assets; decoration only. */
body.theme-travel {
  --shared-paper: #f0f9fa;
  --shared-tint: #e0f1f2;
  --shared-ink: #204b56;
  --shared-muted: #4d6f77;
  --shared-line: #cde3e6;
  --shared-art: url("./shared-travel.svg");
}
body.theme-construction {
  --shared-paper: #faf7ee;
  --shared-tint: #edf0eb;
  --shared-ink: #344b59;
  --shared-muted: #64717a;
  --shared-line: #e3ddc9;
  --shared-art: url("./shared-construction.svg");
}
body.theme-finance {
  --shared-paper: #f2f8f1;
  --shared-tint: #e5efe4;
  --shared-ink: #295342;
  --shared-muted: #547063;
  --shared-line: #d4e1cf;
  --shared-art: url("./shared-finance.svg");
}
body:is(.theme-travel, .theme-construction, .theme-finance) .pagehead {
  position: relative;
  isolation: isolate;
  min-height: 180px;
  padding: 26px 28px;
  border: 1px solid var(--shared-line);
  border-radius: 20px;
  color: var(--shared-ink);
  background: linear-gradient(110deg, var(--shared-paper) 62%, var(--shared-tint));
}
body:is(.theme-travel, .theme-construction, .theme-finance) .pagehead::before {
  content: "";
  position: absolute;
  inset: 8px 10px 8px auto;
  width: 33%;
  background: var(--shared-art) center right / contain no-repeat;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}
body:is(.theme-travel, .theme-construction, .theme-finance) .pagehead > * {
  position: relative;
  z-index: 1;
  min-width: 0;
}
body:is(.theme-travel, .theme-construction, .theme-finance) .pagehead > :first-child {
  max-width: 65%;
  overflow-wrap: anywhere;
}
body:is(.theme-travel, .theme-construction, .theme-finance) .pagehead :is(p, .eyebrow) {
  color: var(--shared-muted);
}
/* No font-size, button-size, input, navigation or global account palette changes. */
@media screen and (max-width: 680px) {
  body:is(.theme-travel, .theme-construction, .theme-finance) .pagehead {
    min-height: 0;
    padding: 78px 18px 20px;
    border-radius: 16px;
  }
  body:is(.theme-travel, .theme-construction, .theme-finance) .pagehead::before {
    inset: 7px 12px auto auto;
    width: 124px;
    height: 68px;
  }
  body:is(.theme-travel, .theme-construction, .theme-finance) .pagehead > :first-child {
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media print {
  body:is(.theme-travel, .theme-construction, .theme-finance) .pagehead {
    min-height: 0;
    padding: 0;
    border: 0;
    color: #203b37;
    background: none;
  }
  body:is(.theme-travel, .theme-construction, .theme-finance) .pagehead::before { display: none; }
  body:is(.theme-travel, .theme-construction, .theme-finance) .pagehead > :first-child { max-width: 100%; }
}