/* v0.95.1 — THE ONLY LAYOUT CHANGE: Back navigation follows the curved landscape edge.
   Base v0.95 colors, background illustration, logo, typography, cards, and content untouched. */
#back-strip.back-strip,
#back-strip.back-strip:not([hidden]) {
  position: relative !important;
  z-index: 4 !important;
  height: 64px !important;
  min-height: 64px !important;
  margin: -27px 0 0 !important;
  padding: 17px 0 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  isolation: isolate;
}
#back-strip.back-strip[hidden] { display:none !important; }
/* Pearl edge: a quiet almost-flat curved transition. All element coordinates unchanged. */
#back-strip.back-strip::before {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  inset: -12px 0 -2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 78' preserveAspectRatio='none'%3E%3Cpath d='M0 30 C76 26 134 38 193 45 C266 55 333 56 390 53 L390 78 L0 78 Z' fill='%23F7F6F9'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
#back-strip.back-strip button {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
  border: 0 !important;
  color: #593C69 !important;
  padding: 0 20px !important;
  height: 43px !important;
  min-height: 43px !important;
  margin: 0 !important;
  font: 500 15px/1.2 system-ui,-apple-system,'Segoe UI',sans-serif !important;
}

/* Pixel-exact masking of stray strokes in the legacy calligraphy asset.
   Letterforms, position, size, and color stay unchanged. */
#brand-header .brand-name img.approved-script,
#brand-header.has-back .brand-name img.approved-script,
#brand-header:not(.has-back) .brand-name img.approved-script {
  clip-path: none !important;
}

/* v0.96.2 — fix clipped calligraphic glyphs without changing asset or design.
   Preserve 23% scaling and subtitle position; expose full ascenders. */
#brand-header.has-back .brand-name {
  overflow: visible !important;
}
#brand-header.has-back .brand-name img.approved-script {
  transform: translateY(-11px) scale(1.23) !important;
  transform-origin: center bottom !important;
}
#brand-header.has-back .brand-subtitle {
  font-size: clamp(13.5px, 3.65vw, 16px) !important;
}