/* =========================================================
   RESULTS PAGE HERO
   Professional / Compact Jobs-style design
   ========================================================= */

.results-hero {
    position: relative;
    overflow: hidden;
    padding: 46px 0 26px;
    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(37, 99, 235, 0.08),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #f8fbff 0%,
            #f0f6ff 55%,
            #f8fbff 100%
        );
    color: #102044;
}

.results-hero__glow {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(
            circle at 80% 20%,
            rgba(59, 130, 246, 0.045),
            transparent 32%
        );
}

.results-hero__inner {
    position: relative;
    z-index: 1;
}


/* =========================================================
   HERO CONTENT
   ========================================================= */

.results-hero__copy {
    max-width: 1320px;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.results-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    color: #2563eb;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.65px;
    line-height: 1;
    text-transform: uppercase;
}

.results-eyebrow i {
    font-size: 14px;
}


/* =========================================================
   HEADING
   ========================================================= */

.results-hero h1 {
    max-width: 1050px;
    margin: 0;
    color: #102044;
    font-size: clamp(40px, 4.5vw, 64px);
    font-weight: 800;
    letter-spacing: -2.8px;
    line-height: 1.02;
}

.results-hero h1 span {
    display: block;
    margin-top: 4px;
    color: #2563eb;
    font-size: 0.91em;
    font-weight: 800;
    letter-spacing: -2.3px;
    line-height: 1.05;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.results-hero__copy > p {
    max-width: 1080px;
    margin: 20px 0 26px;
    color: #536987;
    font-size: 16px;
    line-height: 1.7;
}


/* =========================================================
   SEARCH FORM
   ========================================================= */

.results-hero-search {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1240px;
    min-height: 82px;
    padding: 6px;
    border: 2px solid #b7cdf0;
    border-radius: 16px;
    background: #ffffff;
    box-shadow:
        0 12px 32px rgba(37, 99, 235, 0.065),
        0 3px 10px rgba(15, 23, 42, 0.025);
}

.results-hero-search > i {
    flex: 0 0 auto;
    margin-left: 17px;
    color: #2563eb;
    font-size: 22px;
}

.results-hero-search input {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    height: 66px;
    padding: 0 16px;
    border: 0;
    outline: none;
    background: transparent;
    color: #172033;
    font-size: 16px;
}

.results-hero-search input::placeholder {
    color: #7b8799;
}


/* Search Button */

.results-hero-search button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 0 0 auto;
    min-width: 175px;
    height: 66px;
    padding: 0 22px;
    border: 0;
    border-radius: 12px;
    background: #2563eb;
    color: #ffffff;
    font-size: 16px;
    font-weight: 750;
    cursor: pointer;
    transition:
        background 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.results-hero-search button:hover {
    background: #1d4ed8;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.18);
}

.results-hero-search button:active {
    transform: translateY(0);
}

.results-hero-search button i {
    font-size: 17px;
}


/* =========================================================
   ACTIVE FILTER CONTEXT
   ========================================================= */

.results-hero__context {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin: 11px 0 0;
    color: #5b6f8b;
    font-size: 12px;
    line-height: 1.5;
}

.results-hero__context > i {
    color: #2563eb;
}

.results-hero__context a {
    margin-left: 4px;
    color: #2563eb;
    font-weight: 700;
    text-decoration: none;
}

.results-hero__context a:hover {
    text-decoration: underline;
}


/* =========================================================
   POPULAR CHIPS
   ========================================================= */

.results-hero__chips {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 16px;
}

.results-hero__chips > span {
    margin-right: 3px;
    color: #294a73;
    font-size: 12px;
    font-weight: 800;
}

.results-hero__chips a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 38px;
    padding: 6px 13px;
    border: 1px solid #cbdcf5;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.78);
    color: #28528a;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

.results-hero__chips a:hover {
    border-color: #9ebdec;
    background: #ffffff;
    color: #2563eb;
    transform: translateY(-1px);
}

.results-hero__chips b {
    color: #2563eb;
    font-size: 11px;
    font-weight: 800;
}


/* =========================================================
   STATISTICS
   ========================================================= */

.results-hero__stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 24px 0 0;
    padding: 0;
}

.results-hero__stats > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 74px;
    padding: 14px 18px;
    border: 1px solid #cbdcf5;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.025);
    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.results-hero__stats > div:hover {
    transform: translateY(-1px);
    border-color: #abc8f4;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.06);
}

.results-hero__stats dt {
    margin: 0;
    color: #637691;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
}

.results-hero__stats dd {
    margin: 0;
    color: #0b2148;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.8px;
    line-height: 1;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1199.98px) {

    .results-hero {
        padding-top: 40px;
    }

    .results-hero h1 {
        font-size: clamp(38px, 5vw, 56px);
        letter-spacing: -2.3px;
    }

    .results-hero h1 span {
        letter-spacing: -1.9px;
    }

    .results-hero__copy > p {
        font-size: 15px;
    }

    .results-hero-search {
        min-height: 74px;
    }

    .results-hero-search input {
        height: 58px;
        font-size: 15px;
    }

    .results-hero-search button {
        min-width: 155px;
        height: 58px;
        font-size: 15px;
    }

    .results-hero__stats > div {
        min-height: 68px;
        padding: 12px 15px;
    }

    .results-hero__stats dt {
        font-size: 12px;
    }

    .results-hero__stats dd {
        font-size: 22px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    .results-hero {
        padding: 32px 0 22px;
    }

    .results-eyebrow {
        margin-bottom: 14px;
        font-size: 10px;
        letter-spacing: 0.45px;
    }

    .results-eyebrow i {
        font-size: 12px;
    }

    .results-hero h1 {
        font-size: 34px;
        letter-spacing: -1.7px;
        line-height: 1.04;
    }

    .results-hero h1 span {
        margin-top: 3px;
        font-size: 0.9em;
        letter-spacing: -1.3px;
    }

    .results-hero__copy > p {
        margin: 15px 0 19px;
        font-size: 13px;
        line-height: 1.65;
    }

    .results-hero-search {
        min-height: 58px;
        padding: 4px;
        border-width: 2px;
        border-radius: 12px;
    }

    .results-hero-search > i {
        margin-left: 10px;
        font-size: 17px;
    }

    .results-hero-search input {
        height: 46px;
        padding: 0 7px;
        font-size: 13px;
    }

    .results-hero-search button {
        min-width: 44px;
        width: 44px;
        height: 46px;
        padding: 0;
        border-radius: 9px;
        font-size: 0;
    }

    .results-hero-search button i {
        font-size: 15px;
    }

    .results-hero__context {
        margin-top: 9px;
        font-size: 10px;
    }

    .results-hero__chips {
        gap: 5px;
        margin-top: 13px;
    }

    .results-hero__chips > span {
        width: 100%;
        margin-bottom: 1px;
        font-size: 11px;
    }

    .results-hero__chips a {
        min-height: 32px;
        padding: 5px 10px;
        font-size: 10px;
    }

    .results-hero__chips b {
        font-size: 10px;
    }

    .results-hero__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-top: 19px;
    }

    .results-hero__stats > div {
        min-height: 64px;
        padding: 10px 12px;
        border-radius: 10px;
    }

    .results-hero__stats dt {
        font-size: 10px;
    }

    .results-hero__stats dd {
        font-size: 19px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .results-hero {
        padding-top: 27px;
    }

    .results-hero h1 {
        font-size: 30px;
        letter-spacing: -1.3px;
    }

    .results-hero h1 span {
        letter-spacing: -1px;
    }

    .results-hero__copy > p {
        font-size: 12px;
    }

    .results-hero__stats {
        grid-template-columns: 1fr;
    }

    .results-hero__stats > div {
        min-height: 58px;
    }
}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

.results-hero-search button:focus-visible,
.results-hero__chips a:focus-visible,
.results-hero__context a:focus-visible {
    outline: 3px solid rgba(37, 99, 235, 0.25);
    outline-offset: 3px;
}

/* =========================================================
   RESULT CARD
   Professional Jobs-style Result Card
   ========================================================= */

.results-latest {
    padding: 38px 0 20px;
    background: #ffffff;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.results-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.results-section-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 7px;
    color: #2563eb;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .65px;
    text-transform: uppercase;
}

.results-section-eyebrow i {
    font-size: 13px;
}

.results-section-heading h2 {
    margin: 0;
    color: #102044;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 1.15;
}

.results-section-heading p {
    max-width: 700px;
    margin: 7px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.6;
}

.results-section-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    color: #2563eb;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
}

.results-section-link i {
    transition: transform .2s ease;
}

.results-section-link:hover {
    color: #1d4ed8;
}

.results-section-link:hover i {
    transform: translateX(3px);
}


/* =========================================================
   RESULTS GRID
   ========================================================= */

.results-latest__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}


/* =========================================================
   RESULT CARD
   ========================================================= */

.result-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #d9e4f3;
    border-radius: 14px;
    background: #ffffff;
    box-shadow:
        0 4px 14px rgba(15, 23, 42, .035);
    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.result-card:hover {
    transform: translateY(-2px);
    border-color: #b9cfee;
    box-shadow:
        0 12px 28px rgba(37, 99, 235, .075);
}


/* =========================================================
   STATUS ROW
   ========================================================= */

.result-card__status-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 42px;
    padding: 10px 16px;
    border-bottom: 1px solid #edf2f8;
    background: #fbfdff;
}

.result-card__status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 25px;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
}

.result-card__status i {
    font-size: 11px;
}


/* Declared */

.result-card__status.is-declared {
    border: 1px solid #bbebd1;
    background: #effcf4;
    color: #168047;
}


/* New */

.result-card__status.is-new {
    border: 1px solid #c7dafb;
    background: #eff6ff;
    color: #2563eb;
}


/* Featured */

.result-card__status.is-featured {
    border: 1px solid #f4dca4;
    background: #fffbeb;
    color: #a16207;
}


/* =========================================================
   CARD TOP
   ========================================================= */

.result-card__top {
    padding: 17px 17px 0;
}

.result-card__identity {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}


/* =========================================================
   ORGANIZATION LOGO
   ========================================================= */

.result-card__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border: 1px solid #dce7f5;
    border-radius: 11px;
    background: #f6f9fd;
    color: #6b7f9c;
}

.result-card__logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 5px;
}

.result-card__logo > i {
    font-size: 21px;
}


/* =========================================================
   HEADING
   ========================================================= */

.result-card__heading {
    min-width: 0;
    flex: 1;
}

.result-card__heading h3 {
    margin: 0;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: -.35px;
    line-height: 1.35;
}

.result-card__heading h3 a {
    color: #14213d;
    text-decoration: none;
    transition: color .2s ease;
}

.result-card__heading h3 a:hover {
    color: #2563eb;
}


/* =========================================================
   ORGANIZATION
   ========================================================= */

.result-card__organization {
    margin: 5px 0 0;
    color: #526987;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.4;
}

.result-card__organization span {
    color: #8a9ab0;
    font-weight: 500;
}


/* =========================================================
   CLASSIFICATION
   ========================================================= */

.result-card__classification {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px 15px;
    margin: 7px 0 0;
}

.result-card__classification span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
}

.result-card__classification i {
    color: #4778bd;
    font-size: 12px;
}


/* =========================================================
   SUMMARY
   ========================================================= */

.result-card__summary {
    margin: 14px 17px 0;
    color: #5d708b;
    font-size: 12px;
    line-height: 1.65;
}


/* =========================================================
   META INFORMATION
   ========================================================= */

.result-card__meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin: 15px 17px 0;
    padding: 0;
}

.result-card__meta > div {
    min-width: 0;
    padding: 10px 11px;
    border: 1px solid #e4ebf4;
    border-radius: 9px;
    background: #f9fbfe;
}

.result-card__meta dt {
    margin: 0 0 4px;
    color: #8493a8;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .25px;
    line-height: 1.2;
    text-transform: uppercase;
}

.result-card__meta dd {
    overflow: hidden;
    margin: 0;
    color: #243b5b;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* =========================================================
   FOOTER
   ========================================================= */

.result-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 16px;
    padding: 12px 17px;
    border-top: 1px solid #edf2f7;
    background: #fcfdff;
}

.result-card__views {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
    color: #8492a6;
    font-size: 10px;
    font-weight: 600;
}

.result-card__views i {
    font-size: 12px;
}


/* =========================================================
   ACTIONS
   ========================================================= */

.result-card__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 7px;
}

.result-card__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 32px;
    padding: 6px 10px;
    border-radius: 7px;
    font-size: 10px;
    font-weight: 750;
    line-height: 1;
    text-decoration: none;
    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease,
        transform .2s ease;
}


/* Official Notification */

.result-card__notification {
    border: 1px solid #e0e7f0;
    background: #ffffff;
    color: #526987;
}

.result-card__notification:hover {
    border-color: #c7d6e9;
    background: #f7faff;
    color: #2563eb;
}


/* Official Result */

.result-card__official {
    border: 1px solid #c7dafb;
    background: #eff6ff;
    color: #2563eb;
}

.result-card__official:hover {
    border-color: #9dbdec;
    background: #e4efff;
    color: #1d4ed8;
}


/* View Result */

.result-card__details {
    min-width: 108px;
    border: 1px solid #2563eb;
    background: #2563eb;
    color: #ffffff;
}

.result-card__details:hover {
    border-color: #1d4ed8;
    background: #1d4ed8;
    color: #ffffff;
    transform: translateY(-1px);
}


/* =========================================================
   EMPTY STATE
   ========================================================= */

.results-empty {
    grid-column: 1 / -1;
    padding: 55px 25px;
    border: 1px dashed #cbd8e8;
    border-radius: 14px;
    background: #fbfdff;
    text-align: center;
}

.results-empty > i {
    display: inline-flex;
    margin-bottom: 12px;
    color: #7c91ad;
    font-size: 30px;
}

.results-empty h3 {
    margin: 0;
    color: #263b59;
    font-size: 18px;
    font-weight: 800;
}

.results-empty p {
    max-width: 450px;
    margin: 7px auto 0;
    color: #72839a;
    font-size: 13px;
    line-height: 1.6;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    .results-latest {
        padding-top: 32px;
    }

    .results-section-heading {
        align-items: flex-start;
    }

    .results-section-heading h2 {
        font-size: 25px;
    }

    .results-latest__grid {
        grid-template-columns: 1fr;
    }

    .result-card__meta {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    .results-latest {
        padding: 28px 0 15px;
    }

    .results-section-heading {
        display: block;
        margin-bottom: 17px;
    }

    .results-section-eyebrow {
        font-size: 10px;
    }

    .results-section-heading h2 {
        font-size: 22px;
        letter-spacing: -.6px;
    }

    .results-section-heading p {
        margin-top: 5px;
        font-size: 12px;
    }

    .results-section-link {
        margin-top: 10px;
        font-size: 12px;
    }

    .results-latest__grid {
        gap: 12px;
    }

    .result-card {
        border-radius: 12px;
    }

    .result-card__status-row {
        min-height: 38px;
        padding: 8px 12px;
    }

    .result-card__status {
        min-height: 23px;
        padding: 4px 8px;
        font-size: 9px;
    }

    .result-card__top {
        padding: 14px 13px 0;
    }

    .result-card__identity {
        gap: 10px;
    }

    .result-card__logo {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        border-radius: 9px;
    }

    .result-card__logo > i {
        font-size: 18px;
    }

    .result-card__heading h3 {
        font-size: 15px;
        line-height: 1.35;
    }

    .result-card__organization {
        font-size: 11px;
    }

    .result-card__classification {
        gap: 5px 10px;
        margin-top: 6px;
    }

    .result-card__classification span {
        font-size: 10px;
    }

    .result-card__summary {
        margin: 12px 13px 0;
        font-size: 11px;
        line-height: 1.6;
    }

    .result-card__meta {
        gap: 7px;
        margin: 12px 13px 0;
    }

    .result-card__meta > div {
        padding: 8px 9px;
    }

    .result-card__meta dt {
        font-size: 8px;
    }

    .result-card__meta dd {
        font-size: 10px;
    }

    .result-card__footer {
        align-items: flex-start;
        flex-direction: column;
        margin-top: 13px;
        padding: 10px 13px;
    }

    .result-card__actions {
        width: 100%;
        justify-content: flex-start;
    }

    .result-card__actions a {
        min-height: 30px;
        padding: 6px 9px;
        font-size: 9px;
    }

    .result-card__details {
        margin-left: auto;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .result-card__meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .result-card__actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }

    .result-card__actions a {
        width: 100%;
    }

    .result-card__details {
        margin-left: 0;
    }
}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

.result-card a:focus-visible {
    outline: 3px solid rgba(37, 99, 235, .22);
    outline-offset: 2px;
}

/* =========================================================
   RESULTS PAGE PARITY LAYER
   Keeps the results experience aligned with the jobs listing
   while remaining scoped to this page.
   ========================================================= */

.results-page {
    --results-ink: #102044;
    --results-muted: #64748b;
    --results-border: #dce6f2;
    --results-primary: #2563eb;
    background: #f7faff;
    color: var(--results-ink);
}

.results-page__body {
    position: relative;
    z-index: 1;
    padding-top: 28px;
    padding-bottom: 72px;
}

.results-results {
    position: relative;
    padding: 24px;
    border: 1px solid var(--results-border);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 42px rgba(15, 23, 42, .055);
}

.results-results__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.results-results__header h2 {
    margin: 4px 0 0;
    color: var(--results-ink);
    font-size: clamp(1.35rem, 2vw, 1.8rem);
    font-weight: 800;
    letter-spacing: -.03em;
}

.results-results__header h2 b { color: var(--results-primary); }

.results-results__header p {
    margin: 6px 0 0;
    color: var(--results-muted);
    font-size: .9rem;
}

.results-eyebrow {
    color: var(--results-primary);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.results-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.results-view { display: inline-flex; gap: 4px; }

.results-view button,
.results-toolbar__select select {
    min-height: 42px;
    border: 1px solid var(--results-border);
    border-radius: 10px;
    background: #fff;
    color: #40516b;
    font: inherit;
}

.results-view button {
    width: 42px;
    padding: 0;
    cursor: pointer;
}

.results-view button.is-active,
.results-view button:hover {
    border-color: #9bbcf5;
    background: #eef5ff;
    color: var(--results-primary);
}

.results-toolbar__select {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--results-muted);
    font-size: .78rem;
    font-weight: 700;
}

.results-toolbar__select select { padding: 0 30px 0 11px; cursor: pointer; }

.results-results__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

.results-results__list.is-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.results-results__list.is-grid .result-card__meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.results-results[aria-busy="true"] .results-results__list { pointer-events: none; }

.results-results.is-refreshing .results-results__list {
    opacity: .58;
    transition: opacity .2s ease;
}

.results-feedback {
    min-height: 0;
    margin: -8px 0 12px;
    color: var(--results-muted);
    font-size: .82rem;
}

.results-failure {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding: 13px 15px;
    border: 1px solid #fecaca;
    border-radius: 12px;
    background: #fff7f7;
    color: #991b1b;
}

.results-failure > div { display: grid; gap: 2px; flex: 1; }
.results-failure span { color: #b45353; font-size: .82rem; }
.results-failure button {
    min-height: 40px;
    padding: 0 13px;
    border: 1px solid #f0a3a3;
    border-radius: 9px;
    background: #fff;
    color: #991b1b;
    font-weight: 700;
    cursor: pointer;
}

.results-skeleton[hidden],
.results-failure[hidden] { display: none !important; }

.results-skeleton {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 14px;
}

.results-skeleton article {
    min-height: 250px;
    padding: 18px;
    border: 1px solid var(--results-border);
    border-radius: 14px;
    background: linear-gradient(100deg, #f2f6fb 25%, #e7eef8 37%, #f2f6fb 63%);
    background-size: 400% 100%;
    animation: results-shimmer 1.35s ease infinite;
}

.results-skeleton__status,
.results-skeleton__head i,
.results-skeleton__head b,
.results-skeleton__meta b,
.results-skeleton__actions b {
    display: block;
    border-radius: 7px;
    background: rgba(148, 163, 184, .28);
}

.results-skeleton__status { width: 90px; height: 18px; margin-bottom: 18px; }
.results-skeleton__head { display: flex; gap: 12px; }
.results-skeleton__head i { width: 48px; height: 48px; flex: 0 0 48px; }
.results-skeleton__head span { display: grid; gap: 8px; flex: 1; }
.results-skeleton__head b:first-child { width: 78%; height: 14px; }
.results-skeleton__head b:nth-child(2) { width: 58%; height: 11px; }
.results-skeleton__head b:nth-child(3) { width: 66%; height: 10px; }
.results-skeleton__meta { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 20px; }
.results-skeleton__meta b { height: 40px; }
.results-skeleton__actions { display: flex; gap: 8px; margin-top: 22px; }
.results-skeleton__actions b { width: 90px; height: 34px; }

@keyframes results-shimmer { to { background-position: -150% 0; } }

@media (max-width: 767.98px) {
    .results-page__body { padding: 18px 12px 48px; }
    .results-results { padding: 16px; border-radius: 16px; }
    .results-results__header { display: grid; align-items: start; gap: 14px; }
    .results-toolbar { justify-content: flex-start; }
    .results-toolbar__select { flex: 1 1 auto; }
    .results-toolbar__select select { width: 100%; }
    .results-results__list.is-grid,
    .results-skeleton { grid-template-columns: 1fr; }
    .results-failure { align-items: flex-start; flex-wrap: wrap; }
    .results-failure button { margin-left: 32px; }
}

@media (prefers-reduced-motion: reduce) {
    .results-skeleton article { animation: none; }
    .result-card { transition: none; }
}

/* =========================================================
   RESULTS INDEX - COMPLETE SECTION LAYER
   Covers the sections rendered below the result cards.
   ========================================================= */

.results-page__body > :is(.results-related, .results-guide, .results-career-guide, .results-alert, .results-faq) {
    margin-top: 22px;
}

.results-related,
.results-guide,
.results-career-guide,
.results-alert,
.results-faq {
    border: 1px solid var(--results-border);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(15, 23, 42, .045);
}

.results-related,
.results-guide,
.results-faq {
    padding: clamp(20px, 3vw, 32px);
}

.results-related header,
.results-guide__intro,
.results-faq header {
    margin-bottom: 20px;
}

.results-related header h2,
.results-guide h2,
.results-faq header h2,
.results-career-guide__title,
.results-alert h2 {
    margin: 5px 0 0;
    color: var(--results-ink);
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
    font-weight: 850;
    letter-spacing: -.035em;
    line-height: 1.2;
}

.results-related header p,
.results-guide__intro p,
.results-faq header p,
.results-career-guide__intro,
.results-alert > div > p {
    max-width: 760px;
    margin: 7px 0 0;
    color: var(--results-muted);
    font-size: .88rem;
    line-height: 1.7;
}

/* Related preparation cards */
.results-related__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.results-related__grid > a {
    position: relative;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    min-width: 0;
    padding: 13px;
    border: 1px solid #e2eaf4;
    border-radius: 14px;
    background: #fbfdff;
    color: var(--results-ink);
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.results-related__grid > a:hover {
    transform: translateY(-2px);
    border-color: #a9c8f5;
    box-shadow: 0 10px 24px rgba(37, 99, 235, .09);
}

.results-related__grid > a > i:first-child {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #eaf2ff;
    color: var(--results-primary);
    font-size: 1rem;
}

.results-related__grid > a > span {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.results-related__grid strong {
    overflow: hidden;
    color: #1d3557;
    font-size: .78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.results-related__grid small {
    overflow: hidden;
    color: #718198;
    font-size: .66rem;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.results-related__grid > a > b {
    align-self: start;
    padding: .22rem .4rem;
    border-radius: 999px;
    background: #eef5ff;
    color: var(--results-primary);
    font-size: .62rem;
}

.results-related__grid > a > i:last-child {
    grid-column: 3;
    color: #91a6c2;
    font-size: .75rem;
}

/* SEO / practical guide */
.results-guide {
    background: linear-gradient(180deg, #fff, #fbfdff);
}

.results-guide__intro {
    padding-bottom: 18px;
    border-bottom: 1px solid #e8eef6;
}

.results-guide article + article {
    margin-top: 26px;
    padding-top: 24px;
    border-top: 1px solid #edf2f7;
}

.results-guide article h3 {
    margin: 0 0 8px;
    color: #18345b;
    font-size: 1.05rem;
    font-weight: 800;
}

.results-guide article p,
.results-guide article li {
    color: #566579;
    font-size: .86rem;
    line-height: 1.78;
}

.results-guide article p { margin: 0 0 10px; }

.results-guide__timeline {
    display: grid;
    gap: 15px;
    margin: 17px 0 0;
    padding: 0;
    list-style: none;
    counter-reset: results-stage;
}

.results-guide__timeline li {
    position: relative;
    display: grid;
    grid-template-columns: 35px minmax(0, 1fr);
    gap: 12px;
    counter-increment: results-stage;
}

.results-guide__timeline li::before {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid #bcd3f4;
    border-radius: 50%;
    background: #eef5ff;
    color: var(--results-primary);
    content: counter(results-stage);
    font-size: .72rem;
    font-weight: 850;
}

.results-guide__timeline h4 {
    margin: 2px 0 3px;
    font-size: .88rem;
    font-weight: 800;
}

.results-guide__timeline h4 a {
    color: #1d4f91;
    text-decoration: none;
}

.results-guide__timeline h4 a:hover { color: var(--results-primary); }

.results-guide__timeline p { margin: 0; }

.results-seo__checklist {
    display: grid;
    gap: 9px;
    margin: 13px 0 0;
    padding-left: 1.2rem;
}

.results-seo__checklist li::marker { color: var(--results-primary); }

.results-guide aside {
    margin-top: 24px;
    padding: 14px 16px;
    border: 1px solid #cfe0f5;
    border-radius: 12px;
    background: #f1f7ff;
    color: #38587e;
    font-size: .8rem;
    line-height: 1.65;
}

/* Career guide */
.results-career-guide {
    overflow: hidden;
    padding: clamp(22px, 4vw, 38px);
    background: linear-gradient(135deg, #0e2d5b, #164b91 68%, #216ac1);
    color: #fff;
}

.results-career-guide__inner { max-width: 1100px; margin: 0 auto; }
.results-career-guide__title { color: #fff; }
.results-career-guide__intro { color: #d8e8fb; }

.results-career-guide__content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
}

.results-career-guide__item {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 14px;
    background: rgba(255,255,255,.08);
}

.results-career-guide__icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(255,255,255,.14);
    color: #b9d8ff;
    font-size: 1.05rem;
}

.results-career-guide__item h3 {
    margin: 1px 0 5px;
    color: #fff;
    font-size: .9rem;
    font-weight: 800;
}

.results-career-guide__item p,
.results-career-guide__seo p {
    margin: 0;
    color: #c8dcf4;
    font-size: .78rem;
    line-height: 1.7;
}

.results-career-guide__seo {
    margin-top: 24px;
    padding-top: 21px;
    border-top: 1px solid rgba(255,255,255,.16);
}

.results-career-guide__seo h3 {
    margin: 0 0 7px;
    color: #fff;
    font-size: 1rem;
}

.results-career-guide__seo p + p { margin-top: 9px; }

/* Empty state and pagination */
.results-empty {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    padding: 28px 20px;
    border: 1px dashed #bfd2ea;
    border-radius: 15px;
    background: #f8fbff;
    text-align: left;
}

.results-empty__icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: #eaf2ff;
    color: var(--results-primary);
    font-size: 1.2rem;
}

.results-empty h3 { margin: 0; color: var(--results-ink); font-size: 1rem; font-weight: 800; }
.results-empty p { margin: 5px 0 0; color: var(--results-muted); font-size: .78rem; line-height: 1.6; }

.results-empty__actions {
    grid-column: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.results-empty__actions a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 36px;
    padding: 7px 11px;
    border: 1px solid #cbdcf2;
    border-radius: 9px;
    background: #fff;
    color: #31527d;
    font-size: .68rem;
    font-weight: 800;
    text-decoration: none;
}

.results-empty__actions a:hover,
.results-empty__actions a.is-primary {
    border-color: var(--results-primary);
    background: var(--results-primary);
    color: #fff;
}

.results-results__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding-top: 19px;
}

.results-results__footer p { margin: 0; color: var(--results-muted); font-size: .72rem; }
.results-pagination .pagination { display: flex; gap: 4px; margin: 0; }
.results-pagination .page-link {
    display: grid;
    place-items: center;
    min-width: 37px;
    min-height: 37px;
    border: 1px solid var(--results-border);
    border-radius: 9px;
    color: #436080;
    font-size: .72rem;
    font-weight: 750;
}
.results-pagination .page-item.active .page-link { border-color: var(--results-primary); background: var(--results-primary); color: #fff; }
.results-pagination .page-item.disabled .page-link { color: #a6b4c6; background: #f8fafc; }

/* Alert form */
.results-alert {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(390px, 1fr);
    gap: 28px;
    align-items: center;
    padding: clamp(22px, 4vw, 34px);
    border-color: #c7daf5;
    background: linear-gradient(120deg, #f0f6ff, #fff);
}

.results-alert h2 { color: #173b70; }
.results-alert form { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 10px; }
.results-alert form label { color: #50637c; font-size: .68rem; font-weight: 800; }
.results-alert form input,
.results-alert form select {
    width: 100%;
    min-height: 43px;
    padding: 0 11px;
    border: 1px solid #cbdced;
    border-radius: 9px;
    background: #fff;
    color: #263d5f;
    font-size: .76rem;
}
.results-alert form input:focus,
.results-alert form select:focus { border-color: #7faef0; outline: 3px solid rgba(37,99,235,.13); }
.results-alert form button {
    grid-column: 1 / -1;
    min-height: 43px;
    margin-top: 3px;
    border: 0;
    border-radius: 9px;
    background: var(--results-primary);
    color: #fff;
    font-size: .76rem;
    font-weight: 800;
    cursor: pointer;
}
.results-alert form button:hover { background: #1d4ed8; }
.results-alert form p { grid-column: 1 / -1; margin: 0; color: var(--results-muted); font-size: .7rem; }

/* FAQ */
.results-faq__list { display: grid; gap: 9px; }
.results-faq details { border: 1px solid #e1eaf4; border-radius: 12px; background: #fbfdff; }
.results-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 16px; color: #263f62; font-size: .82rem; font-weight: 800; cursor: pointer; list-style: none; }
.results-faq summary::-webkit-details-marker { display: none; }
.results-faq summary i { color: var(--results-primary); transition: transform .2s ease; }
.results-faq details[open] summary i { transform: rotate(45deg); }
.results-faq details[open] { border-color: #bfd5f3; background: #f8fbff; }
.results-faq__answer { padding: 0 16px 15px; }
.results-faq__answer p { margin: 0; color: #5b6c82; font-size: .78rem; line-height: 1.7; }

@media (max-width: 991.98px) {
    .results-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .results-alert { grid-template-columns: 1fr; }
}

@media (max-width: 767.98px) {
    .results-page__body > :is(.results-related, .results-guide, .results-career-guide, .results-alert, .results-faq) { margin-top: 16px; }
    .results-related, .results-guide, .results-faq { padding: 18px 15px; border-radius: 16px; }
    .results-related__grid, .results-career-guide__content { grid-template-columns: 1fr; }
    .results-related__grid > a { grid-template-columns: 34px minmax(0, 1fr) auto; }
    .results-career-guide { padding: 22px 17px; border-radius: 16px; }
    .results-career-guide__item { padding: 13px; }
    .results-empty { grid-template-columns: 42px minmax(0, 1fr); padding: 22px 14px; }
    .results-empty__icon { width: 42px; height: 42px; }
    .results-empty__actions { grid-column: 1 / -1; }
    .results-results__footer { align-items: flex-start; flex-direction: column; }
    .results-pagination { width: 100%; overflow-x: auto; padding-bottom: 2px; }
    .results-pagination .pagination { width: max-content; }
    .results-alert { padding: 20px 16px; border-radius: 16px; }
    .results-alert form { grid-template-columns: 1fr; }
    .results-alert form button, .results-alert form p { grid-column: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .results-related__grid > a,
    .results-faq summary i { transition: none; }
}
.results-discovery{position:relative;padding:clamp(2.5rem,5vw,5rem) 0;background:linear-gradient(180deg,#f5f8ff,#fff);overflow:hidden}.results-discovery:before{position:absolute;right:-10rem;top:2rem;width:30rem;height:30rem;border-radius:50%;background:rgba(37,99,235,.08);filter:blur(12px);content:"";pointer-events:none}.results-discovery__heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.results-discovery__heading h2{margin:.35rem 0 0;color:#132642;font-size:clamp(1.35rem,2.6vw,2rem);letter-spacing:-.04em}.results-discovery__heading p{max-width:720px;margin:.5rem 0 0;color:#64748b;line-height:1.75}.results-discovery__link{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;color:#2563eb;font-size:.78rem;font-weight:800;text-decoration:none}.results-discovery__grid{display:grid;grid-template-columns:1.25fr .75fr;gap:1.15rem}.results-discovery__panel,.results-category-panel,.results-organization-panel{position:relative;border:1px solid rgba(148,163,184,.22);border-radius:1.35rem;background:rgba(255,255,255,.86);box-shadow:0 1.4rem 3.5rem rgba(15,23,42,.07);backdrop-filter:blur(16px);padding:1.3rem;overflow:hidden}.results-discovery__panel:before{position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,#2563eb,#06b6d4);content:""}.results-discovery__panel--featured:before{background:linear-gradient(90deg,#f59e0b,#f97316)}.results-discovery__panel-head{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.results-discovery__panel-head h3,.results-category-panel h3,.results-organization-panel h3{margin:0;color:#162b4b;font-size:1.05rem;letter-spacing:-.025em}.results-discovery__panel-head p{margin:.2rem 0 0;color:#64748b;font-size:.78rem}.results-discovery__panel-head>b{display:grid;place-items:center;min-width:2rem;height:2rem;margin-left:auto;border-radius:999px;color:#1d4ed8;background:#dbeafe;font-size:.78rem}.results-discovery__icon{display:grid;place-items:center;flex:0 0 2.65rem;width:2.65rem;height:2.65rem;border-radius:.85rem;color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);box-shadow:0 .5rem 1rem rgba(37,99,235,.2)}.results-discovery__panel--featured .results-discovery__icon{background:linear-gradient(135deg,#f59e0b,#f97316)}.results-discovery__track{display:flex;gap:.75rem;overflow-x:auto;padding:.1rem .1rem .45rem;scroll-snap-type:x mandatory}.results-discovery__track>a{display:flex;flex:0 0 min(16rem,80%);flex-direction:column;gap:.32rem;padding:1rem;border:1px solid #e2e8f0;border-radius:1rem;color:#172033;background:linear-gradient(145deg,#fff,#f8fbff);text-decoration:none;scroll-snap-align:start;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.results-discovery__track>a:hover,.results-discovery__track>a:focus-visible{transform:translateY(-3px);border-color:#93c5fd;box-shadow:0 .8rem 1.6rem rgba(37,99,235,.12)}.results-discovery__track strong{display:-webkit-box;overflow:hidden;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.results-discovery__track small,.results-featured-mini small{color:#64748b;font-size:.74rem}.results-discovery__track span{margin-top:auto;color:#2563eb;font-size:.74rem;font-weight:800}.results-discovery__empty{margin:.5rem 0;color:#64748b;font-size:.82rem}.results-featured-mini{display:flex;flex-direction:column;gap:.5rem;min-height:10.4rem;padding:1rem;border:1px solid #fed7aa;border-radius:1rem;background:linear-gradient(145deg,#fff7ed,#fff);color:#172033;text-decoration:none;transition:transform .24s ease,box-shadow .24s ease}.results-featured-mini:hover,.results-featured-mini:focus-visible{transform:translateY(-3px);box-shadow:0 .9rem 1.7rem rgba(249,115,22,.14)}.results-featured-mini__badge{color:#c2410c;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.results-featured-mini strong{font-size:1rem;line-height:1.4}.results-featured-mini__date{display:flex;align-items:center;gap:.35rem;margin-top:auto;color:#9a3412;font-size:.75rem;font-weight:750}.results-featured-mini__date i:last-child{margin-left:auto}.results-discovery__lower{display:grid;grid-template-columns:1.1fr .9fr;gap:1.15rem;margin-top:1.15rem}.results-category-panel header,.results-organization-panel header{margin-bottom:1rem}.results-category-panel header h3,.results-organization-panel header h3{margin-top:.3rem}.results-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.results-category-grid a{display:flex;min-height:5.3rem;flex-direction:column;align-items:center;justify-content:center;gap:.22rem;border:1px solid #e2e8f0;border-radius:.9rem;color:#334155;background:#fff;text-align:center;text-decoration:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.results-category-grid a:hover,.results-category-grid a:focus-visible{transform:translateY(-3px);border-color:#93c5fd;box-shadow:0 .7rem 1.4rem rgba(37,99,235,.12)}.results-category-grid i{color:#2563eb;font-size:1.2rem}.results-category-grid strong{font-size:.75rem}.results-category-grid small{color:#94a3b8;font-size:.63rem}.results-organization-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.results-organization-grid a{display:flex;align-items:center;gap:.5rem;min-width:0;padding:.6rem;border-radius:.8rem;color:#334155;background:#f8fafc;text-decoration:none;transition:transform .2s ease,background .2s ease}.results-organization-grid a:hover,.results-organization-grid a:focus-visible{transform:translateY(-2px);background:#eef2ff}.results-organization-grid a>span{display:grid;place-items:center;flex:0 0 2rem;width:2rem;height:2rem;border-radius:.6rem;color:#fff;background:linear-gradient(135deg,#1e3a8a,#3b82f6);font-size:.67rem;font-weight:850}.results-organization-grid strong{overflow:hidden;font-size:.73rem;text-overflow:ellipsis;white-space:nowrap}.results-organization-grid i{margin-left:auto;color:#2563eb;font-size:.7rem}@media(max-width:767.98px){.results-discovery__heading{display:block}.results-discovery__link{margin-top:.8rem}.results-discovery__grid,.results-discovery__lower{grid-template-columns:1fr}.results-category-grid{grid-template-columns:repeat(4,minmax(4.2rem,1fr));overflow-x:auto}.results-category-grid a{min-width:4.2rem}.results-discovery__panel,.results-category-panel,.results-organization-panel{padding:1rem;border-radius:1rem}}@media(prefers-reduced-motion:reduce){.results-discovery__track>a,.results-featured-mini,.results-category-grid a,.results-organization-grid a{transition:none}}