.search-mast {
    position: relative;
    min-height: 500px;
    display: grid;
    align-items: center;
    overflow: hidden;
    color: var(--road-white);
    background: var(--road-ink);
}

.search-mast__media {
    position: absolute;
    inset: 0;
    background-image: url('/assets/images/maintenance-check.webp');
    background-size: cover;
    background-position: center;
}

.search-mast::after { content: ""; position: absolute; inset: 0; background: rgba(10,14,18,.72); }
.search-mast__content { position: relative; z-index: 1; padding-block: 58px; }
.search-mast__content > p,
.search-results-mast .road-container > p { margin: 0 0 8px; color: #ff8585; font-size: 12px; font-weight: 800; }
.search-mast h1,
.search-results-mast h1 { margin: 0; font-size: 44px; line-height: 1.2; overflow-wrap: anywhere; }
.search-mast__content > span { display: block; margin-top: 14px; color: #c8cdd1; }

.search-main-form { width: min(720px,100%); height: 58px; display: grid; grid-template-columns: 1fr 110px; margin-top: 28px; overflow: hidden; border: 1px solid rgba(255,255,255,.4); border-radius: 4px; background: var(--road-white); }
.search-main-form:focus-within { outline: 4px solid rgba(255,255,255,.18); }
.search-main-form input { min-width: 0; padding: 0 18px; border: 0; outline: 0; color: var(--road-ink); }
.search-main-form button { border: 0; color: var(--road-white); font-weight: 800; background: var(--road-signal); }

.search-scenarios { padding: 82px 0 90px; background: var(--road-white); }
.search-scenarios header,
.search-result-list header { margin-bottom: 28px; }
.search-scenarios header p,
.search-result-list header p { margin: 0 0 7px; color: var(--road-signal); font-size: 12px; font-weight: 800; }
.search-scenarios header h2,
.search-result-list header h2 { margin: 0; font-size: 30px; }
.search-scenarios .road-container > div { display: grid; grid-template-columns: repeat(4,1fr); border-block: 1px solid var(--road-line); }
.search-scenarios .road-container > div a { min-height: 170px; display: flex; flex-direction: column; justify-content: center; padding: 24px; border-right: 1px solid var(--road-line); }
.search-scenarios .road-container > div a:first-child { border-left: 1px solid var(--road-line); }
.search-scenarios a span { color: var(--road-signal); font-size: 12px; font-weight: 800; }
.search-scenarios a strong { margin-top: 12px; font-size: 17px; line-height: 1.45; }
.search-scenarios a:hover { color: var(--road-white); background: var(--road-ink); }

.search-results-mast { padding: 52px 0 60px; color: var(--road-white); background: var(--road-ink); border-bottom: 6px solid var(--road-signal); }
.search-results-mast .search-main-form { margin-top: 26px; }
.search-result-list { padding: 76px 0 88px; background: var(--road-white); }
.search-result-list__items { counter-reset: result; border-top: 2px solid var(--road-ink); }
.search-result-list__items article { counter-increment: result; position: relative; min-height: 180px; display: grid; align-content: center; padding: 26px 76px 26px 72px; border-bottom: 1px solid var(--road-line); }
.search-result-list__items article::before { content: counter(result, decimal-leading-zero); position: absolute; top: 30px; left: 12px; color: #9ba3a9; font-size: 12px; font-weight: 800; }
.search-result-list__items article > div { display: flex; flex-wrap: wrap; gap: 8px 18px; color: #8a939a; font-size: 12px; }
.search-result-list__items article > div a { color: var(--road-signal); font-weight: 800; }
.search-result-list__items h3 { margin: 10px 0 8px; font-size: 23px; line-height: 1.4; }
.search-result-list__items h3 a:hover { color: var(--road-signal); }
.search-result-list__items article > p { margin: 0; color: var(--road-muted); font-size: 14px; }
.search-result-list__items article > a { position: absolute; top: 50%; right: 16px; width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid #c1c7ca; border-radius: 50%; transform: translateY(-50%); }
.search-result-list__items article > a:hover { color: var(--road-white); border-color: var(--road-signal); background: var(--road-signal); }
.search-pager { margin-top: 38px; }

@media (max-width: 760px) {
    .search-mast { min-height: 480px; }
    .search-mast h1,
    .search-results-mast h1 { font-size: 34px; }
    .search-scenarios .road-container > div { grid-template-columns: repeat(2,1fr); }
    .search-scenarios .road-container > div a:nth-child(3) { border-left: 1px solid var(--road-line); }
    .search-scenarios .road-container > div a:nth-child(-n+2) { border-bottom: 1px solid var(--road-line); }
}

@media (max-width: 520px) {
    .search-mast h1,
    .search-results-mast h1 { font-size: 29px; }
    .search-main-form { height: 54px; grid-template-columns: 1fr 86px; }
    .search-main-form input { padding-inline: 12px; }
    .search-scenarios { padding: 62px 0 68px; }
    .search-scenarios .road-container > div { grid-template-columns: 1fr; }
    .search-scenarios .road-container > div a,
    .search-scenarios .road-container > div a:nth-child(3) { min-height: 120px; border-left: 1px solid var(--road-line); border-bottom: 1px solid var(--road-line); }
    .search-result-list { padding: 62px 0 68px; }
    .search-result-list__items article { min-height: 200px; padding: 26px 54px 26px 40px; }
    .search-result-list__items article::before { left: 2px; }
    .search-result-list__items h3 { font-size: 20px; }
    .search-result-list__items article > a { right: 4px; }
}

/* 2026 cockpit refresh */
.search-mast {
    min-height: 560px;
    border-bottom: 5px solid var(--road-signal);
}

.search-mast::after { background: rgba(5,9,13,.67); }

.search-mast::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 46px;
    z-index: 1;
    width: 38%;
    height: 6px;
    opacity: .65;
    background: repeating-linear-gradient(90deg, var(--road-signal) 0 20px, transparent 20px 32px);
}

.search-mast__content {
    border-left: 4px solid var(--road-signal);
    padding-left: 28px;
}

.search-mast h1,
.search-results-mast h1 { font-size: 50px; }

.search-main-form {
    border: 0;
    border-bottom: 4px solid var(--road-signal);
    border-radius: 2px;
    box-shadow: 0 16px 38px rgba(0,0,0,.22);
}

.search-scenarios {
    background: #e7ecee;
}

.search-scenarios .road-container > div {
    border: 0;
    background: #10161d;
    box-shadow: 0 18px 48px rgba(10,15,20,.13);
}

.search-scenarios .road-container > div a,
.search-scenarios .road-container > div a:first-child {
    position: relative;
    color: var(--road-white);
    border-color: #303a44;
    background: #10161d;
}

.search-scenarios .road-container > div a::after {
    content: "";
    position: absolute;
    inset: auto 24px 0;
    height: 4px;
    background: #303a44;
}

.search-scenarios .road-container > div a:hover { background: #18212a; }
.search-scenarios .road-container > div a:hover::after { background: var(--road-signal); }

.search-results-mast {
    position: relative;
    overflow: hidden;
    padding: 64px 0 70px;
    background: #090e14;
    border-bottom-width: 5px;
}

.search-results-mast::after {
    content: "SEARCH";
    position: absolute;
    right: 3%;
    bottom: -35px;
    color: rgba(255,255,255,.04);
    font-size: 130px;
    font-weight: 900;
}

.search-results-mast .road-container { position: relative; z-index: 1; }
.search-result-list__items { border-top-width: 4px; }

.search-result-list__items article {
    transition: padding-left .18s ease, background-color .18s ease;
}

.search-result-list__items article:hover {
    padding-left: 82px;
    background: #f2f5f6;
}

.search-result-list__items article::before { color: var(--road-signal); }

@media (max-width: 760px) {
    .search-mast { min-height: 510px; }
    .search-mast__content { padding-left: 20px; }
    .search-mast h1,
    .search-results-mast h1 { font-size: 38px; }
}

@media (max-width: 520px) {
    .search-mast { min-height: 470px; }
    .search-mast::before { width: 52%; }
    .search-mast__content { padding-left: 15px; }
    .search-mast h1,
    .search-results-mast h1 { font-size: 30px; }
    .search-scenarios .road-container > div a,
    .search-scenarios .road-container > div a:nth-child(3) { min-height: 108px; border-color: #303a44; }
    .search-result-list__items article:hover { padding-left: 40px; }
}