/* Preview #18: reliable search-clear icon and quiet footer typography.
   Scope the changes to non-TV layouts. Preserve existing markup elsewhere. */
html:not(.fen-tv) #main-header .fen-search-clear {
  flex:0 0 22px !important;
  width:22px !important;
  min-width:22px !important;
  height:30px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0 2px 0 0 !important;
  border:0 !important;
  border-radius:5px !important;
  background:transparent !important;
  color:#617ba9 !important;
  opacity:.9;
  box-shadow:none !important;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
html:not(.fen-tv) #main-header .fen-search-clear[hidden],
html.fen-tv #main-header .fen-search-clear {display:none !important}
#main-header .fen-search-clear svg {
  width:12px !important;
  height:12px !important;
  flex:none;
  pointer-events:none;
  stroke:currentColor;
  stroke-width:3;
}
#main-header .fen-search-clear:hover,
#main-header .fen-search-clear:focus-visible {color:#a4b2cc !important;background:rgba(255,255,255,.05) !important}
#main-header .fen-search-clear:focus-visible {outline:2px solid #fa963e !important;outline-offset:0}
html:not(.fen-tv) #main-header .fen-search-control input[type="search"]::-webkit-search-cancel-button {
  display:none !important;
  -webkit-appearance:none !important;
}
html:not(.fen-tv) #main-header .fen-search-control input[type="search"]::-ms-clear {display:none !important}

/* Prevent old mobile-only 16px/semibold rules from overpowering the footer.
   The iPad's tiny grey style is the reference on every device. */
html:not(.fen-tv) #main-footer:not(.hidden) > .fen-footer-bottom > p:first-child {
  margin:0 !important;
  padding:0 !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:400 !important;
  line-height:1.5 !important;
  letter-spacing:0 !important;
  color:#a39da5 !important;
  text-shadow:none !important;
  overflow-wrap:normal;
}
html:not(.fen-tv) #main-footer:not(.hidden) > .fen-footer-bottom {
  min-height:0 !important;
  gap:5px 16px !important;
  padding:7px 0 9px !important;
}
html:not(.fen-tv) #main-footer #fen-footer-links {
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:wrap !important;
  gap:4px 15px !important;
  font-size:11px !important;
  font-weight:400 !important;
  line-height:1.5 !important;
}
html:not(.fen-tv) #main-footer #fen-footer-links a {
  display:inline-block !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:400 !important;
  line-height:1.5 !important;
  color:#9c959d !important;
  letter-spacing:0 !important;
}
@media (max-width:767px) {
  html:not(.fen-tv) #main-footer:not(.hidden) > .fen-footer-bottom {
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-end !important;
    gap:5px !important;
    text-align:left !important;
  }
  html:not(.fen-tv) #main-footer:not(.hidden) > .fen-footer-bottom > p:first-child {text-align:left !important}
  html:not(.fen-tv) #main-footer #fen-footer-links {justify-content:flex-end !important}
}