/* One mobile search surface; desktop keeps the existing suggestion panel. */
.tapdown-mobile-search-entry, .tapdown-mobile-search { display:none; }
.tapdown-mobile-search[hidden] { display:none; }
.tapdown-search-panel [hidden] { display:none !important; }
@media (max-width:767px) {
 .tapdown-search-wrap > .tapdown-search { display:none; }
 .tapdown-mobile-search-entry { display:flex; align-items:center; gap:4px; min-width:0; }
 .tapdown-mobile-search-entry__open { display:flex; align-items:center; gap:8px; min-width:0; width:100%; min-height:44px; padding:0 14px; border:0; border-radius:12px; background:var(--tt-control-fill,#f4f6f8); color:var(--tt-text-2); text-align:left; font:inherit; font-size:16px; cursor:pointer; }
 .tapdown-mobile-search-entry__open span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 .tapdown-mobile-search-entry__open svg { flex:none; }
 .tapdown-mobile-search-entry__back { display:none; }
 body.search { --tt-topbar-h:calc(60px + env(safe-area-inset-top,0px)); }
 body.search .tapdown-topbar__inner { display:flex; height:60px; min-height:60px; align-items:center; padding-bottom:0; }
 body.search .tapdown-topbar__left, body.search .tapdown-topbar__actions { display:none; }
 body.search .tapdown-topbar__center { width:100%; }
 body.search .tapdown-mobile-search-entry__back { display:flex; flex:0 0 44px; align-items:center; justify-content:center; min-height:44px; color:var(--tt-text); border-radius:50%; }
 body.search .tapdown-mobile-search-entry__open { border:1.5px solid var(--tt-primary); border-radius:999px; background:var(--tt-bg); color:var(--tt-text); }
 .tapdown-mobile-search { position:fixed; inset:0; display:flex; flex-direction:column; width:100%; height:100vh; height:100dvh; max-width:100%; overflow:hidden; background:var(--tt-bg); color:var(--tt-text); isolation:isolate; }
 .tapdown-mobile-search__bar { display:flex; align-items:center; flex-shrink:0; gap:4px; min-width:0; padding:calc(8px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 8px max(4px,env(safe-area-inset-left,0px)); }
 .tapdown-mobile-search__back { display:flex; align-items:center; justify-content:center; flex:0 0 44px; width:44px; height:44px; padding:0; border:0; border-radius:50%; background:transparent; color:var(--tt-text); cursor:pointer; }
 .tapdown-mobile-search__form { display:flex; align-items:center; flex:1; min-width:0; height:46px; padding-left:16px; border:1.5px solid var(--tt-primary); border-radius:999px; background:var(--tt-bg); }
 .tapdown-mobile-search__form input { flex:1; width:0; min-width:0; min-height:44px; margin:0; padding:0; border:0; border-radius:0; outline:0; background:transparent; color:var(--tt-text); font:inherit; font-size:16px; line-height:1.4; appearance:none; }
 .tapdown-mobile-search__form input::-webkit-search-cancel-button { display:none; }
 .tapdown-mobile-search__form:focus-within { box-shadow:0 0 0 2px var(--tt-primary-soft); }
 .tapdown-mobile-search__form button { display:flex; align-items:center; justify-content:center; flex:0 0 44px; width:44px; min-height:44px; padding:0; border:0; border-radius:50%; background:transparent; color:var(--tt-primary); font-size:24px; cursor:pointer; }
 .tapdown-mobile-search__form button[hidden] { display:none; }
 .tapdown-mobile-search__content { flex:1; min-height:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; padding:8px max(16px,env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px)); -webkit-overflow-scrolling:touch; }
 html:root .tapdown-mobile-search .tapdown-search-panel { position:static; width:100%; max-width:none; max-height:none; margin:0; padding:0; border:0; border-radius:0; box-shadow:none; background:var(--tt-bg); -webkit-backdrop-filter:none; backdrop-filter:none; overflow:visible; }
 .tapdown-search-suggestions[hidden] { display:none; }
 .tapdown-search-suggestions ul { margin:0; padding:0; list-style:none; }
 .tapdown-search-suggestions li { margin:0; border-bottom:1px solid var(--tt-border); }
 .tapdown-search-suggestions a { display:flex; align-items:center; min-width:0; min-height:52px; gap:12px; padding:10px 2px; color:var(--tt-text); font-size:16px; line-height:1.5; overflow-wrap:anywhere; }
 .tapdown-search-suggestions a::before { --search-suggestion-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E"); content:''; flex:0 0 20px; width:20px; height:20px; background:currentColor; -webkit-mask:var(--search-suggestion-icon) center/contain no-repeat; mask:var(--search-suggestion-icon) center/contain no-repeat; }
 .tapdown-search-suggestions a span { min-width:0; }
 .tapdown-search-suggestions mark { background:transparent; color:var(--tt-primary); font-weight:600; }
 .tapdown-search-suggestions__status { margin:10px 0; color:var(--tt-text-2); font-size:14px; line-height:1.7; }
 .tapdown-search-suggestions__status:empty { display:none; }
 .tapdown-search-suggestions__retry { min-height:44px; padding:0 12px; border:1px solid var(--tt-border); border-radius:10px; background:var(--tt-bg); color:var(--tt-primary); font:inherit; cursor:pointer; }
 .tapdown-mobile-search :is(button,a), .tapdown-mobile-search-entry :is(button,a) { touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
 .tapdown-mobile-search button { user-select:none; -webkit-user-select:none; }
 .tapdown-mobile-search :is(button,a):active, .tapdown-mobile-search-entry :is(button,a):active { opacity:.72; }
 .tapdown-mobile-search :is(button,a):focus-visible, .tapdown-mobile-search-entry :is(button,a):focus-visible { outline:2px solid var(--tt-primary); outline-offset:2px; }
 html.is-dark .tapdown-mobile-search, html.is-dark .tapdown-mobile-search-entry { --tt-primary:#81bbff; }
}
@media (forced-colors:active) {
 .tapdown-mobile-search, .tapdown-mobile-search__form { background:Canvas; color:CanvasText; }
 .tapdown-mobile-search__form { border-color:Highlight; }
 .tapdown-search-suggestions mark { color:LinkText; }
}