.feehq-search, .feehq-search * { box-sizing: border-box; }
.feehq-search { position: relative; width: 100%; max-width: 720px; margin: 0 auto; color: #163244; font: 16px/1.45 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; text-align: left; z-index: 1005; }
.feehq-search-bar { position: relative; padding: 16px 20px 20px; background: #f6f9fc; border-bottom: 1px solid #e1e9ef; margin-bottom: 20px; }
.feehq-search-label { display: block; font-size: 12px; font-weight: 700; letter-spacing: .035em; margin: 0 0 6px; color: #425c6c; }
.feehq-search-field { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 14px; border: 1px solid #bdcdd9; border-radius: 9px; background: #fff; box-shadow: 0 2px 4px #16324408; }
.feehq-search-field:focus-within { border-color: #0a75bd; box-shadow: 0 0 0 3px #0a75bd20; }
.feehq-search-field svg { width: 20px; height: 20px; fill: none; stroke: #527386; stroke-width: 1.8; flex: 0 0 auto; }
.feehq-search input[type="search"] { display: block; width: 100%; min-width: 0; height: 46px; padding: 0; margin: 0; border: 0; outline: none; box-shadow: none; background: transparent; color: #163244; font: inherit; -webkit-appearance: none; }
.feehq-search input::placeholder { color: #637b8b; opacity: 1; }
.feehq-search input::-webkit-search-cancel-button { display: none; }
.feehq-search-clear { flex: 0 0 32px; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 6px; background: #eef3f7; color: #385667; font: 24px/1 sans-serif; cursor: pointer; }
.feehq-search-clear:hover { background: #dceaf3; }
.feehq-search-panel { position: absolute; left: 0; right: 0; top: calc(100% + 7px); border: 1px solid #d5e1e9; border-radius: 10px; background: #fff; box-shadow: 0 12px 32px #16324426; overflow: hidden; }
.feehq-search [hidden] { display: none !important; }
.feehq-search-status { padding: 12px 16px; font-size: 13px; color: #567183; background: #f8fafc; }
#feehq-search-list { max-height: min(55vh, 480px); overflow-y: auto; overscroll-behavior: contain; }
.feehq-search a.feehq-search-result { display: block; padding: 12px 16px; color: #163244; text-decoration: none; border-top: 1px solid #edf2f6; background: #fff; }
.feehq-search a.feehq-search-result:hover, .feehq-search a.feehq-search-result[aria-selected="true"], .feehq-search a.feehq-search-result:focus-visible { background: #eef7fe; outline: 2px solid #1787c9; outline-offset: -2px; }
.feehq-search-result strong { display: block; font-size: 16px; line-height: 1.4; color: #075f99; }
.feehq-search-category { display: block; margin-bottom: 2px; font-size: 11px; font-weight: 650; color: #597387; }
.feehq-search-description { display: -webkit-box; margin-top: 3px; color: #506b7d; font-size: 13px; line-height: 1.45; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.feehq-search-hint { padding: 9px 16px; border-top: 1px solid #edf2f6; color: #637b8b; font-size: 11px; background: #f8fafc; }
.feehq-search-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
#main_header:has(.feehq-search) .header_wrap, #main_header:has(.feehq-search) .logo_section_wrap { height: auto !important; }
#main_header:has(.feehq-search) + .f-headline { margin-top: 12px !important; }
@media (max-width: 600px) {
  #main_header:has(.feehq-search) { padding-bottom: 12px; }
  #main_header:has(.feehq-search) .logo_section_wrap > .rh-container > .row > .col-4,
  #main_header:has(.feehq-search) .logo_section_wrap > .rh-container > .row > .col-8 { flex: 0 0 100%; max-width: 100%; padding: 10px 12px 0 !important; }
  #main_header:has(.feehq-search) .logo_section_wrap > .rh-container > .row > .col-4 img { width: 130px; }
}
@media (max-width: 600px) { .feehq-search-bar { padding: 12px 12px 16px; } .feehq-search-hint { display: none; } .feehq-search-result strong { font-size: 15px; } #feehq-search-list { max-height: 48vh; } }
