.elastic-search-component{margin-top:100px}
.search-header{background-color:#cfeaf9;padding:50px}
.search-container{max-width:960px;margin:0 auto;position:relative}
.search-input{width:96%;font-size:30pt;font-family:archerSemibold;outline:0;background-image:linear-gradient(to right,#0f5293 33%,rgba(255,255,255,0) 0);background-position:bottom;background-repeat:repeat-x;background-size:10px 2pt;background-color:transparent;color:#001e41;min-height:50px;border:medium none}
.search-button{position:absolute;top:30%;left:92%;transform:translateY(-50%);width:60px;height:30px;background:0;border:0;cursor:pointer;padding:0}
.search-icon{width:30px;height:30px;pointer-events:none}
.search-suggestions{display:none;position:absolute;top:100%;left:0;right:60px;margin:0;padding:0;list-style:none;background-color:#fff;border:1px solid #ccc;border-top:0;border-radius:0 0 4px 4px;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:100;max-height:300px;overflow-y:auto}
.search-suggestions.visible{display:block}
.suggestion-item{padding:12px 16px;font-size:14pt;font-family:archerSemibold;color:#001e41;cursor:pointer;border-bottom:1px solid #f0f0f0}
.suggestion-item:last-child{border-bottom:0}
.suggestion-item:hover,.suggestion-item.active{background-color:#e8f4fd}
.search-message{max-width:960px;margin:0 auto;padding:20px;font-size:14px;display:none}
.search-message.info{color:#08c}
.search-message.error{color:#c00}
.search-message.no-results{color:#666}
.results-info{max-width:960px;margin:0 auto;padding:40px 20px 10px;font-size:13pt;color:#333;font-weight:bold}
.search-results{max-width:960px;margin:0 auto;padding:0 20px 40px}
.search-results ul{list-style:none}
.result-item{background-color:white;padding:20px;margin-bottom:15px;border-bottom:1px solid #e0e0e0}
.result-item:last-child{border-bottom:0}
.result-title{display:flex;align-items:flex-start;gap:5px;margin-bottom:10px}
.document-icon{width:25px;height:25px;margin-top:9px;flex-shrink:0}
.result-title h2{font-size:18px;margin:0}
.result-title a{color:#08c;text-decoration:none;font-weight:normal;font-size:20pt}
.result-description{color:#333;font-size:12pt;line-height:1.6;margin-left:11px}
.result-description .highlight{font-weight:bold;color:#000}
.pagination{max-width:960px;margin:40px auto;padding:0 20px;display:flex;justify-content:center;align-items:center;gap:10px}
.page-btn{width:40px;height:40px;border-radius:50%;border:0;background-color:#e0e0e0;color:#666;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.page-btn.active{background-color:#1a3a52;color:white}
.page-btn:hover:not(.active){background-color:#d0d0d0}
.page-btn.next{width:auto;padding:0 20px;border-radius:20px}