.cscom-site-search { min-width: 0; margin: 0 0 24px; }
.cscom-site-search, .cscom-site-search * { box-sizing: border-box; }
.cscom-site-search form { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; gap: 6px; width: 100%; min-width: 0; margin: 0; padding: 5px; background: linear-gradient(145deg, #171d29, #111620); border: 1px solid #30394a; border-radius: 15px; box-shadow: 0 5px 18px #00000014; transition: border-color .18s, box-shadow .18s; }
.cscom-site-search form:focus-within { border-color: #f17b36; box-shadow: 0 0 0 3px rgb(241 123 54 / 14%), 0 5px 18px #00000014; }
.cscom-site-search__field { display: flex; align-items: center; gap: 9px; min-width: 0; min-height: 44px; margin: 0; padding-left: 10px; color: #8f9bad; }
.cscom-site-search__field svg { flex: 0 0 18px; transition: color .18s; }
.cscom-site-search form:focus-within .cscom-site-search__field svg { color: #ff9a5b; }
/* The supplied common theme declares every input background !important. */
.cscom-site-search input[type="search"], .cscom-site-search input[type="search"]:focus { -webkit-appearance: none; appearance: none; display: block; flex: 1 1 0; width: 100%; min-width: 0; height: 44px; margin: 0; padding: 0 3px 0 0; border: 0 !important; border-radius: 9px; outline: none; background: transparent !important; box-shadow: none !important; color: #f3f5f9; font-family: 'Manrope', sans-serif; font-size: 13px; line-height: normal; }
.cscom-site-search input[type="search"]::placeholder { color: #8f9bad; opacity: 1; }
.cscom-site-search button { display: inline-flex; align-items: center; justify-content: center; min-width: 74px; height: 44px; margin: 0; padding: 0 15px; border: 1px solid #ff914b; border-radius: 10px; background: linear-gradient(135deg, #ff8439, #ed641c); box-shadow: inset 0 1px 0 #ffffff21, 0 2px 7px #00000024; color: #21130c; cursor: pointer; font-family: 'Exo 2', sans-serif; font-size: 14px; font-weight: 800; line-height: 1.25; transition: background .18s, border-color .18s; }
.cscom-site-search button:hover { border-color: #ffb072; background: linear-gradient(135deg, #ff9953, #f4772b); }
.cscom-site-search button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.cscom-site-search > p { margin: 7px 8px 0; color: #7f8ba0; font-family: 'Manrope', sans-serif; font-size: 11px; line-height: 1.5; }
.cscom-search-page .entry-title-wrap h1 { overflow-wrap: anywhere; }
.cscom-search-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px; margin: 0 0 24px; color: #aab4c4; font-size: 14px; }
.cscom-search-summary b { color: #f4f6fa; }
.cscom-search-summary span { color: #8290a5; font-size: 12px; }
.cscom-search-empty { padding: 38px 25px; border: 1px solid #283141; border-radius: 14px; background: #10151e; color: #9eacbf; }
.cscom-search-empty > svg { margin-bottom: 18px; color: #f17b36; }
.cscom-search-empty h2 { margin: 0 0 12px; color: #f2f5fa; font-size: 22px; }
.cscom-search-empty p { max-width: 540px; margin: 0; color: #9eacbf; font-size: 14px; line-height: 1.8; }
@media (max-width: 640px) { .cscom-site-search input[type="search"] { font-size: 16px; } }
@media (max-width: 380px) { .cscom-site-search form { gap: 4px; }.cscom-site-search__field { gap: 7px; padding-left: 8px; }.cscom-site-search button { min-width: 68px; padding-inline: 11px; } }
@media (prefers-reduced-motion: reduce) { .cscom-site-search form, .cscom-site-search button, .cscom-site-search__field svg { transition: none; } }