/* GSF04 v9 - search field refinement, staged / unpublished. */
/* Preserve 16px input text to avoid automatic Safari focus zoom. */
#keywordBox { min-width: 0 !important; }
#keywordBox #searchInput {
  box-sizing: border-box;
  width: 100%;
  height: 48px !important;
  min-height: 0;
  padding: 0 38px 0 43px !important;
  font-size: 16px !important;
  line-height: normal;
  text-overflow: ellipsis;
}
#keywordBox .clearSearch {
  top: 2px !important;
  right: 2px !important;
  height: 44px;
  width: 36px;
  padding: 0 !important;
  display: grid;
  place-items: center;
  font-size: 19px;
  line-height: 1;
}
@media (max-width: 760px) {
  /* Shorter placeholder is deliberate: full copy cannot fit next to mode selector. */
  #searchMode { flex: 0 0 96px !important; width: 96px !important; min-width: 0; }
  #keywordBox #searchInput {
    height: 46px !important;
    padding-left: 39px !important;
    padding-right: 34px !important;
  }
  #keywordBox .clearSearch { top: 1px !important; height: 44px; }
}

/* Slightly lighter circle name in the sheet header (750 -> 650). */
.detailCard .gsfSheetTitle { font-weight: 650; }

/* Center the X intersection geometrically inside its circular button.
   The font glyph had a baseline offset; use two precisely centered strokes instead. */
.detailCard .sheetClose {
  font-size: 0 !important;
  line-height: 0 !important;
  color: #425466;
  position: absolute;
}
.detailCard .sheetClose::before,
.detailCard .sheetClose::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 19px;
  height: 2.2px;
  border-radius: 2px;
  background: currentColor;
  pointer-events: none;
  transform-origin: center center;
}
.detailCard .sheetClose::before { transform: translate(-50%, -50%) rotate(45deg); }
.detailCard .sheetClose::after  { transform: translate(-50%, -50%) rotate(-45deg); }