#search-container{display:flex;flex-wrap:wrap;align-items:stretch;max-width:600px;margin:0 auto}#search-input{flex-grow:1;padding:10px 15px;font-size:16px;border:1px solid #ccc;border-radius:4px 0 0 4px;outline:0;min-width:0}#search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,0.1)}#search-container button{padding:10px 15px;font-size:20px;background-color:#007bff;color:white;border:1px solid #007bff;border-radius:0 4px 4px 0;cursor:pointer;margin-left:-1px;transition:background-color .2s ease;flex-shrink:0}#search-container button:hover{background-color:#0056b3;border-color:#0056b3}#search-container button:active{transform:scale(0.98)}#search-status{width:100%;margin:.75rem 0 .5rem 0;font-size:.9rem;font-weight:500;min-height:1.2rem;text-align:center}#results-container{list-style-type:none;padding:0;margin:15px 0 0 0;width:100%}#results-container li{border-bottom:1px solid #eee;padding-bottom:1rem;margin-bottom:1rem}#results-container li:last-child{border-bottom:0}#results-container a{text-decoration:none;color:#007bff;transition:color .2s ease}#results-container a:hover{color:#0056b3}#results-container a:hover h4{text-decoration:underline}#results-container h4{margin:0 0 .5rem 0;font-size:1.1rem;font-weight:600;line-height:1.4}#results-container p{margin:0 0 .5rem 0;color:#666;font-size:.9rem;line-height:1.5}#results-container small{color:#999;font-size:.8rem}@media screen and (max-width:400px){#search-container{max-width:100%}#search-input{font-size:14px;padding:8px 12px}#search-container button{font-size:18px;padding:8px 12px}#results-container h4{font-size:1rem}#results-container p{font-size:.85rem}#search-status{font-size:.85rem}}