.search-controls{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;padding:1.5rem;border-radius:10px;margin-bottom:0;box-shadow:0 2px 10px #0000000d;width:100%;flex-wrap:wrap;gap:1rem}.search-info{flex:1;min-width:0}.search-number{font-size:2rem;font-weight:700;color:#143d58;margin-bottom:.25rem;word-wrap:break-word}.search-text{color:#5c636a;font-size:1rem;margin:0;word-wrap:break-word}.search-period{color:#495057;font-size:.9rem;margin-top:.25rem;word-wrap:break-word}.search-input-container{flex:1;max-width:400px;min-width:200px}.search-label{font-size:1rem;font-weight:600;color:#143d58;margin-bottom:.5rem;display:block}.search-input{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid #dee2e6;border-radius:6px;background:white;color:#495057;transition:all .3s ease}.search-input:focus{outline:none;border-color:#143d58;box-shadow:0 0 0 .2rem #143d5840}.search-input::placeholder{color:#5c636a}.road-numbers-section{margin-bottom:2rem;width:100%;max-width:100%}.road-numbers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.85rem;width:100%;max-width:100%}.road-number-item{background:white;border-radius:10px;box-shadow:0 2px 10px #00000014;border-left:4px solid #143d58;padding:1rem 1.1rem;transition:all .2s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.35rem}.road-number-item:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001f;text-decoration:none;color:inherit}.road-number-item:focus{outline:2px solid #143d58;outline-offset:2px}.road-number-item.is-eroad{border-left-color:#fbbf24}.road-number-label{font-size:1.15rem;font-weight:700;color:#143d58;line-height:1.2}.road-number-type{font-size:.75rem;color:#5c636a;text-transform:uppercase;letter-spacing:.5px}.empty-state{text-align:center;padding:4rem 1rem;color:#5c636a;width:100%;max-width:100%}.empty-state-icon{font-size:4rem;color:#dee2e6;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;color:#495057;margin-bottom:1rem;word-wrap:break-word}.empty-state p{font-size:1.1rem;max-width:500px;margin:0 auto;word-wrap:break-word}@media (max-width: 768px){.search-controls{flex-direction:column;gap:1rem;text-align:center;padding:1rem;margin-bottom:.75rem}.search-info,.search-input-container{width:100%;max-width:100%}.road-numbers-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.empty-state{padding:2rem .5rem}.empty-state h3{font-size:1.3rem}.empty-state p{font-size:1rem;padding:0 .5rem}}@media (max-width: 375px){.search-number{font-size:1.5rem}}