.a4q-search-results {
    --a4q-primary: #c5a044;
    --a4q-accent-teal: #0d3c52;
    --a4q-deep-navy: #061a24;
    --a4q-ink: #1f3345;
    background:
        linear-gradient(to right, rgba(13, 60, 82, 0.04) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(13, 60, 82, 0.03) 1px, transparent 1px),
        radial-gradient(circle at 12% 8%, rgba(197, 160, 68, 0.13), transparent 34%),
        radial-gradient(circle at 88% 6%, rgba(13, 60, 82, 0.1), transparent 38%),
        linear-gradient(180deg, #eef3f7 0%, #e7edf3 55%, #edf2f6 100%);
    background-size: 22px 22px, 22px 22px, auto, auto, auto;
    color: var(--a4q-ink);
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
    padding: 16px 0 56px;
}

.a4q-search-results__container {
    width: min(1380px, calc(100% - 48px));
    margin: 0 auto;
}

.a4q-search-results__hero {
    padding: 10px 0 24px;
}

.a4q-search-results__breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 14px;
    color: #698095;
    font: 500 0.92rem/1.4 Inter, sans-serif;
}

.a4q-search-results__breadcrumbs a {
    color: inherit;
    text-decoration: none;
}

.a4q-search-results__hero-card {
    padding: 26px 28px;
    border-radius: 24px;
    border: 1px solid rgba(13, 60, 82, 0.1);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(250, 252, 255, 0.96));
    box-shadow: 0 20px 42px rgba(6, 26, 36, 0.08);
}

.a4q-search-results__eyebrow {
    display: inline-flex;
    align-items: center;
    color: var(--a4q-accent-teal);
    font: 700 0.88rem/1.2 Inter, sans-serif;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.a4q-search-results__title {
    margin: 10px 0 12px;
    color: #082538;
    font: 700 clamp(1.8rem, 2.8vw, 2.7rem)/1.02 "Playfair Display", serif;
    letter-spacing: -0.02em;
}

.a4q-search-results__summary {
    margin: 0;
    color: #5b7384;
    font: 400 1rem/1.72 Inter, sans-serif;
}

.a4q-search-results__summary strong {
    color: #12384f;
}

.a4q-search-results__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.a4q-search-results__meta-chip {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(13, 60, 82, 0.12);
    background: rgba(255, 255, 255, 0.75);
    color: #365568;
    font: 600 0.82rem/1.2 Inter, sans-serif;
}

.a4q-search-results__body {
    padding-top: 6px;
}

.a4q-search-results__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 330px);
    gap: 24px;
    align-items: start;
}

.a4q-search-results__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.a4q-search-results__card {
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid rgba(13, 60, 82, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 252, 0.98));
    box-shadow: 0 14px 30px rgba(4, 18, 27, 0.12);
}

.a4q-search-results__card-media {
    position: relative;
    display: grid;
    place-items: center;
    height: 12.5rem;
    overflow: hidden;
    text-decoration: none;
    background: linear-gradient(135deg, #0d3c52 0%, #0a2533 55%, #061a24 100%);
}

.a4q-search-results__card-media::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.2;
    background-image: radial-gradient(circle at 1px 1px, rgba(197, 160, 68, 0.35) 1px, transparent 0);
    background-size: 18px 18px;
}

.a4q-search-results__card-media::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 14px;
    height: 7px;
    border-radius: 999px;
    background: rgba(197, 160, 68, 0.75);
}

.a4q-search-results__card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 0;
}

.a4q-search-results__placeholder {
    position: relative;
    z-index: 1;
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.86);
    background: rgba(255, 255, 255, 0.04);
}

.a4q-search-results__card-content {
    padding: 16px 16px 18px;
}

.a4q-search-results__card-category {
    display: inline-flex;
    margin: 0;
    color: #b88712;
    font: 700 0.74rem/1.2 Inter, sans-serif;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.a4q-search-results__card-title {
    margin: 8px 0 0;
    color: #082538;
    font: 700 1.08rem/1.35 Inter, sans-serif;
}

.a4q-search-results__card-title a {
    color: inherit;
    text-decoration: none;
}

.a4q-search-results__card-meta {
    margin: 10px 0 0;
    color: #7b8fa0;
    font: 500 0.82rem/1.4 Inter, sans-serif;
}

.a4q-search-results__card-excerpt {
    margin: 10px 0 0;
    color: #667b89;
    font: 400 0.95rem/1.6 Inter, sans-serif;
}

.a4q-search-results__card-button {
    display: inline-flex;
    align-items: center;
    margin-top: 14px;
    min-height: 31px;
    padding: 6px 12px;
    border-radius: 6px;
    background: var(--a4q-primary);
    color: #05202d;
    text-decoration: none;
    font: 700 0.92rem/1 Inter, sans-serif;
    transition: transform 0.2s ease, filter 0.2s ease;
}

.a4q-search-results__card-button:hover,
.a4q-search-results__card-button:focus {
    transform: translateY(-1px);
    filter: brightness(1.04);
}

.a4q-search-results__pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

.a4q-search-results__pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding: 0 11px;
    border-radius: 6px;
    border: 1px solid rgba(13, 60, 82, 0.2);
    background: rgba(255, 255, 255, 0.95);
    color: #0a2533;
    text-decoration: none;
    font: 700 0.9rem/1 Inter, sans-serif;
    transition: transform 0.2s ease, filter 0.2s ease;
}

.a4q-search-results__pagination .page-numbers.current {
    background: var(--a4q-primary);
    border-color: var(--a4q-primary);
    color: #05202d;
}

.a4q-search-results__pagination .page-numbers.prev,
.a4q-search-results__pagination .page-numbers.next {
    min-width: 90px;
}

.a4q-search-results__pagination a.page-numbers:hover,
.a4q-search-results__pagination a.page-numbers:focus {
    transform: translateY(-1px);
    filter: brightness(1.03);
}

.a4q-search-results__sidebar {
    display: grid;
    gap: 16px;
}

.a4q-search-results__sidebar-card {
    padding: 16px;
    border-radius: 16px;
    border: 1px solid rgba(13, 60, 82, 0.1);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(249, 252, 255, 0.96));
    box-shadow: 0 14px 28px rgba(6, 26, 36, 0.08);
}

.a4q-search-results__sidebar-kicker {
    display: inline-flex;
    color: #0e3c52;
    font: 700 0.8rem/1.2 Inter, sans-serif;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.a4q-search-results__search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 10px;
    margin-top: 12px;
}

.a4q-search-results__search input {
    width: 100%;
    min-width: 0;
    height: 44px;
    padding: 0 14px;
    border: 1px solid rgba(13, 60, 82, 0.35);
    border-radius: 12px;
    background: #fff;
    color: #214053;
    font: 500 0.98rem/1 Inter, sans-serif;
}

.a4q-search-results__search button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 12px;
    background: var(--a4q-accent-teal);
    color: #fff;
    cursor: pointer;
}

.a4q-search-results__search button i {
    font-size: 14px;
    line-height: 1;
}

.a4q-search-results__category-list,
.a4q-search-results__recent-list {
    display: grid;
    gap: 8px;
    margin-top: 12px;
}

.a4q-search-results__category-item,
.a4q-search-results__recent-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(13, 60, 82, 0.12);
    border-radius: 10px;
    background: #fff;
    color: #2d485a;
    text-decoration: none;
    font: 500 0.94rem/1.35 Inter, sans-serif;
}

.a4q-search-results__category-item strong {
    color: #7b8da0;
    font-weight: 600;
}

.a4q-search-results__empty {
    padding: 24px;
    border-radius: 16px;
    border: 1px solid rgba(13, 60, 82, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 252, 0.98));
}

.a4q-search-results__empty h2 {
    margin: 0;
    color: #082538;
    font: 700 1.5rem/1.2 "Playfair Display", serif;
}

.a4q-search-results__empty p {
    margin: 10px 0 0;
    color: #5f7482;
    font: 400 0.98rem/1.6 Inter, sans-serif;
}

@media (max-width: 1024px) {
    .a4q-search-results__layout {
        grid-template-columns: 1fr;
    }

    .a4q-search-results__sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .a4q-search-results {
        padding-bottom: 44px;
    }

    .a4q-search-results__container {
        width: min(1380px, calc(100% - 24px));
    }

    .a4q-search-results__hero-card {
        padding: 20px 16px;
        border-radius: 18px;
    }

    .a4q-search-results__grid,
    .a4q-search-results__sidebar {
        grid-template-columns: 1fr;
    }

    .a4q-search-results__card-media {
        height: 10.5rem;
    }
}