/* Preview #17 device corrections. Scope layout repairs to tablets and touch tiles only. */
/* x:hidden creates a scrolling ancestor on WebKit and breaks sticky headers. */
html.fen-tablet,html.fen-tablet body{
  overflow-x:clip!important;
  overflow-y:visible!important;
  overscroll-behavior-y:none!important;
}
html.fen-tablet .fen-header{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
}
html.fen-tablet #user-menu-dropdown{
  position:fixed!important;
  top:var(--fen-header-size)!important;
  bottom:0!important;
  height:auto!important;
  max-height:calc(100dvh - var(--fen-header-size))!important;
  overscroll-behavior:contain!important;
}
html.fen-tablet #user-menu-dropdown .header-menu-surface{
  min-height:0!important;
  height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch;
}
html.fen-tablet #user-menu-dropdown .header-menu-scrim{
  touch-action:none;
}
/* See More is a touch target, not selectable text. Suppress Safari callouts. */
html:not(.fen-tv) .fen-see-more-cell,
html:not(.fen-tv) .fen-see-more-cell * {
  -webkit-user-select:none!important;
  user-select:none!important;
  -webkit-touch-callout:none!important;
}
/* A phone/tablet tap operates the entire See More card, but lights only its arrow. */
@media (hover:none),(pointer:coarse){
  html:not(.fen-tv) .boot-row-track>.fen-see-more-cell{
    -webkit-user-select:none!important;
    user-select:none!important;
    -webkit-touch-callout:none!important;
    -webkit-tap-highlight-color:transparent!important;
    touch-action:manipulation;
    box-shadow:none!important;
  }
  html:not(.fen-tv) .boot-row-track>.fen-see-more-cell::before{
    opacity:0!important;
    background:transparent!important;
  }
  html:not(.fen-tv) .boot-row-track>.fen-see-more-cell:hover,
  html:not(.fen-tv) .boot-row-track>.fen-see-more-cell:active,
  html:not(.fen-tv) .boot-row-track>.fen-see-more-cell.fen-see-more-pressed{
    background:#111114!important;
    box-shadow:none!important;
    border-color:rgba(255,130,37,.23)!important;
  }
  html:not(.fen-tv) .boot-row-track>.fen-see-more-cell span,
  html:not(.fen-tv) .boot-row-track>.fen-see-more-cell:hover span,
  html:not(.fen-tv) .boot-row-track>.fen-see-more-cell:active span,
  html:not(.fen-tv) .boot-row-track>.fen-see-more-cell.fen-see-more-pressed span{
    color:#a3a3a9!important;
    text-shadow:none!important;
  }
  html:not(.fen-tv) .boot-row-track>.fen-see-more-cell .rounded-full,
  html:not(.fen-tv) .boot-row-track>.fen-see-more-cell:hover .rounded-full{
    border-color:#a3a3a9!important;
    color:#a3a3a9!important;
    background:rgba(255,255,255,.035)!important;
    box-shadow:none!important;
    transform:none!important;
    transition:color .17s,border-color .17s,background .17s,box-shadow .17s!important;
  }
  html:not(.fen-tv) .boot-row-track>.fen-see-more-cell.fen-see-more-pressed .rounded-full,
  html:not(.fen-tv) .boot-row-track>.fen-see-more-cell:active .rounded-full{
    color:#ffba80!important;
    border-color:#ff8537!important;
    background:rgba(255,110,27,.09)!important;
    box-shadow:0 0 12px 1px rgba(255,111,29,.28)!important;
    transform:none!important;
  }
}
/* The dropdown aligns with each device's existing search field, not the viewport. */
.fen-recent-anchor{min-width:0;max-width:100%}
.fen-recent-anchor>.fen-recent-panel{
  width:100%;
  min-width:0;
  max-width:100%;
  left:0;
  right:auto;
  overflow-x:hidden;
}
.fen-recent-panel .fen-recent-row{min-width:0;max-width:100%}
.fen-recent-panel .fen-recent-term{min-width:0}
@media (max-width:767px){
  html:not(.fen-tablet):not(.fen-tv) .fen-recent-panel{
    border-radius:12px;
    max-height:min(48dvh,320px);
  }
}
html.fen-tablet .fen-recent-panel{
  max-height:min(44dvh,350px);
}
@media (min-width:1024px){
  html:not(.fen-tablet):not(.fen-tv) .fen-recent-panel{
    max-height:min(46dvh,360px);
  }
}