/* Search motion follows the supplied member-platform reference. */
.blog-search-toggle{display:none}
.blog-quick-search{position:fixed;inset:0;margin:90px auto auto;padding:0;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 110px);border:1px solid #fff9;border-radius:26px;background:#f8f9f6;color:#202723;box-shadow:0 24px 80px #101b1940;overflow:auto;overscroll-behavior:contain}
.blog-quick-search::backdrop{background:#101a186b;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.blog-quick-search[open]{animation:blogSearchOpen .6s cubic-bezier(.2,.9,.3,1)}
.blog-quick-panel{padding:20px}
.blog-quick-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.blog-quick-heading h2{margin:0;font-size:20px;line-height:1.3}
.blog-quick-heading button{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #dce0da;border-radius:50%;background:#fff;color:#202723;font-size:26px;cursor:pointer}
.blog-quick-form{display:flex;align-items:center;gap:10px;margin:0;padding:4px 4px 4px 14px;background:#fff;border:1px solid #cdd3cd;border-radius:17px}
.blog-quick-form:focus-within{border-color:#b75309;box-shadow:0 0 0 3px #ff790019}
.blog-quick-form>svg{flex:none;color:#646d66}
.blog-quick-form input{min-width:0;width:100%;border:0;background:transparent;padding:12px 0;outline:0;color:#202723;font:400 16px/1.4 var(--font)}
.blog-quick-form button{display:grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:13px;background:#19221d;color:white;cursor:pointer}
.blog-quick-status{font-size:13px;line-height:1.5;color:#58645c;margin:16px 0 8px}
.blog-quick-results{list-style:none;display:grid;gap:4px;margin:0;padding:0}
.blog-quick-results a{display:flex;align-items:center;gap:12px;padding:10px 8px;min-height:64px;border-radius:14px;color:#202723;text-decoration:none}
.blog-quick-results a:hover,.blog-quick-results a:focus-visible{background:#edece5}
.blog-quick-results img{width:46px;height:46px;flex:none;object-fit:contain;border-radius:9px;background:#e7ebe5}
.blog-quick-results span{font-size:14px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}
.blog-quick-all{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:44px;margin-top:10px;color:#934309;font-size:13px;font-weight:600}
.blog-quick-all[hidden]{display:none}
.blog-quick-search :focus-visible{outline:2px solid #b75309;outline-offset:3px}
.blog-quick-search input:focus-visible{outline:none}
body.blog-search-open{overflow:hidden}
.blog-quick-results.is-entering li{animation:blogSearchResult .8s cubic-bezier(.25,.8,.35,1) both;animation-delay:var(--search-delay,0ms)}
@keyframes blogSearchOpen{0%{opacity:0;transform:translateY(-18px) scale(.86)}50%{opacity:1;transform:translateY(5px) scale(1.025)}72%{transform:translateY(-2px) scale(.995)}100%{opacity:1;transform:none}}
@keyframes blogSearchResult{0%{opacity:0;transform:translateY(var(--search-y,-40px)) scale(.2) rotate(var(--search-rotation,-8deg));filter:blur(8px)}30%{opacity:1;transform:translateY(calc(var(--search-y,-40px) - 28px)) scale(.4) rotate(calc(var(--search-rotation,-8deg)/2));filter:blur(3px)}68%{transform:translateY(5px) scale(1.03) rotate(0deg);filter:none}84%{transform:translateY(-2px) scale(.99)}100%{opacity:1;transform:none;filter:none}}
@media(max-width:768px){
  .page-blog .blog-cats{display:none}
  .page-blog.blog-search-ready .blog-discovery-controls{display:none}
  body.page-blog.blog-search-ready .blog-search-toggle{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;margin-left:auto;margin-right:6px;padding:0;border-radius:50%;border:1px solid var(--material-edge);background:#ffffff55;color:var(--material-text);cursor:pointer}
  .blog-quick-search{margin-top:max(20px,env(safe-area-inset-top));max-height:calc(100dvh - 40px)}
  .blog-quick-panel{padding:16px}
}
@media(max-width:380px){.page-blog .be-blog-intro h1{font-size:32px;line-height:1.1}}
@media(prefers-reduced-motion:reduce){.blog-quick-search[open],.blog-quick-results.is-entering li{animation:none}}
@media(prefers-reduced-transparency:reduce){.blog-quick-search::backdrop{background:#18221ce6;backdrop-filter:none;-webkit-backdrop-filter:none}}
