.results-page{
    background:var(--bg);
    color:var(--text);
}

.results-page-hero{
    min-height:56vh;
    display:flex;
    align-items:center;
    background:
        radial-gradient(circle at 14% 18%,color-mix(in srgb,var(--text) 10%,transparent),transparent 28%),
        radial-gradient(circle at 84% 16%,color-mix(in srgb,var(--text) 7%,transparent),transparent 30%),
        var(--bg);
}

.results-page-hero::after{
    content:"RESULTS";
    position:absolute;
    right:clamp(-1.5rem,-1vw,2rem);
    bottom:-1.2rem;
    font-family:"Orbitron",sans-serif;
    font-size:clamp(4rem,15vw,13rem);
    font-weight:900;
    letter-spacing:.04em;
    color:transparent;
    -webkit-text-stroke:1px color-mix(in srgb,var(--text) 12%,transparent);
    opacity:.65;
    pointer-events:none;
}

.results-page-main{
    padding:clamp(54px,7vw,92px) 0 clamp(70px,9vw,118px);
}

.results-page-feed{
    width:min(100%,880px);
    margin:0 auto;
    padding:clamp(24px,5vw,52px);
    border:1px solid var(--border);
    border-radius:30px;
    background:var(--card);
    box-shadow:var(--shadow-md);
    font-size:clamp(1rem,1.5vw,1.08rem);
    line-height:1.82;
    overflow-wrap:anywhere;
}

.results-entry{
    padding:0 0 clamp(34px,5vw,54px);
    margin:0 0 clamp(34px,5vw,54px);
    border-bottom:1px solid var(--border);
}

.results-entry:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:0;
}

.results-entry h2{
    margin:0 0 1rem;
    font-family:"Orbitron",sans-serif;
    font-size:clamp(1.3rem,3vw,2rem);
    line-height:1.22;
    overflow-wrap:anywhere;
}

.results-entry-content > :first-child{margin-top:0}
.results-entry-content > :last-child{margin-bottom:0}
.results-entry-content p{margin:0 0 1.15rem;color:var(--text)}
.results-entry-content h3,
.results-entry-content h4{
    margin:1.6rem 0 .78rem;
    color:var(--text);
    line-height:1.2;
}

.results-entry-content blockquote{
    margin:1.25rem 0;
    padding:1rem 1.2rem;
    border-left:4px solid var(--text);
    border-radius:16px;
    background:var(--card-2);
}

.results-entry-content ul,
.results-entry-content ol{
    padding-left:1.35rem;
    margin:0 0 1.15rem;
}

.results-entry-content li{
    margin:.38rem 0;
}

.results-entry-content table{
    display:block;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    border-collapse:collapse;
}

.results-entry-content th,
.results-entry-content td{
    padding:.7rem .8rem;
    border:1px solid var(--border);
    text-align:left;
}

.results-entry-image{
    width:fit-content;
    max-width:100%;
    margin:clamp(22px,4vw,34px) auto 0;
    text-align:center;
}

.results-entry-image img{
    display:block;
    width:auto;
    max-width:480px;
    height:auto;
    max-height:360px;
    object-fit:contain;
    border:1px solid var(--border);
    border-radius:18px;
    box-shadow:var(--shadow-sm);
}

.results-entry-image figcaption{
    margin:.7rem auto 0;
    color:var(--text-muted);
    font-size:.82rem;
    line-height:1.5;
}

.results-page-keywords{
    width:min(100%,880px);
    margin:clamp(50px,7vw,82px) auto 0;
    padding-top:28px;
    border-top:1px solid var(--border);
}

.results-page-keywords h2{
    margin:0 0 16px;
    font-size:1rem;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:var(--text-muted);
}

@media(max-width:720px){
    .results-page-hero{
        min-height:auto;
    }

    .results-page-hero::after{
        font-size:22vw;
        bottom:-.3rem;
    }

    .results-page-main{
        padding:40px 0 72px;
    }

    .results-page-feed{
        padding:22px 18px;
        border-radius:22px;
        font-size:.97rem;
        line-height:1.72;
    }

    .results-entry{
        padding-bottom:30px;
        margin-bottom:30px;
    }

    .results-entry-image img{
        width:100%;
        max-width:480px;
        max-height:280px;
        border-radius:14px;
    }
}

@media(prefers-reduced-motion:reduce){
    .results-page *,
    .results-page *::before,
    .results-page *::after{
        scroll-behavior:auto !important;
        transition:none !important;
        animation:none !important;
    }
}
