:root {
    --oracle-night: #02070d;
    --oracle-night-soft: #07131d;
    --oracle-panel: rgba(7, 17, 25, .88);
    --oracle-panel-hover: rgba(10, 24, 34, .94);
    --oracle-gold: #c9a361;
    --oracle-gold-bright: #efd397;
    --oracle-gold-dim: rgba(201, 163, 97, .32);
    --oracle-ivory: #f1e8d8;
    --oracle-muted: #a99f8e;
}

body.oracle-results {
    min-height: 100vh;
    background:
        radial-gradient(circle at 50% -10%, rgba(42, 74, 91, .34), transparent 42rem),
        linear-gradient(180deg, #030a11 0, var(--oracle-night) 32rem, #010407 100%);
    color: var(--oracle-ivory);
    font-family: Georgia, "Times New Roman", serif;
}

.oracle-results__atmosphere {
    position: fixed;
    z-index: 0;
    inset: 0;
    pointer-events: none;
    opacity: .52;
    background:
        radial-gradient(circle at 12% 17%, rgba(230, 194, 125, .7) 0 1px, transparent 2px),
        radial-gradient(circle at 84% 12%, rgba(172, 211, 228, .55) 0 1px, transparent 2px),
        radial-gradient(circle at 72% 36%, rgba(230, 194, 125, .4) 0 1px, transparent 2px),
        linear-gradient(90deg, transparent, rgba(201, 163, 97, .05) 50%, transparent);
}

.oracle-results__wrap {
    position: relative;
    z-index: 1;
    width: min(1080px, calc(100% - 32px));
    padding-top: clamp(1.25rem, 3vw, 2.5rem);
    padding-bottom: 5rem;
}

.oracle-results__header {
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--oracle-gold-dim);
}

.oracle-results__brand {
    display: inline-flex;
    align-items: center;
    color: var(--oracle-gold-bright);
    line-height: 0;
    text-decoration: none;
}

.oracle-results__brandmark {
    width: clamp(13rem, 25vw, 20rem);
    height: auto;
    overflow: visible;
    filter: drop-shadow(0 0 10px rgba(213, 168, 83, .16));
    transition: filter 220ms ease, transform 220ms ease;
}

.oracle-results__brand:hover .oracle-results__brandmark,
.oracle-results__brand:focus-visible .oracle-results__brandmark {
    filter: drop-shadow(0 0 14px rgba(244, 205, 128, .38));
    transform: scale(1.035);
}

.oracle-results__brand:focus-visible {
    border-radius: .35rem;
    outline: 2px solid var(--oracle-gold-bright);
    outline-offset: 4px;
}

.brandword-glyph {
    fill: none;
    stroke-width: 3.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 3px rgba(231, 190, 107, .28));
}

.brandword-glyph--o,
.brandword-glyph--c { stroke: url(#oracle-blue); }
.brandword-glyph--r,
.brandword-glyph--e { stroke: url(#oracle-violet); }
.brandword-glyph--a,
.brandword-glyph--l { stroke: url(#oracle-gold); }

.oracle-results .button,
.oracle-results button {
    border: 1px solid rgba(211, 176, 112, .44);
    background: linear-gradient(180deg, rgba(205, 166, 96, .19), rgba(112, 82, 37, .12));
    color: var(--oracle-gold-bright);
    font-family: system-ui, sans-serif;
}

.oracle-results .button:hover,
.oracle-results button:hover,
.oracle-results .button:focus-visible,
.oracle-results button:focus-visible {
    border-color: var(--oracle-gold-bright);
    background: rgba(201, 163, 97, .25);
    outline: none;
}

.oracle-results__home { min-height: 2.65rem; border-radius: 999px; }

.oracle-results__search {
    width: 100%;
    margin: clamp(1.5rem, 4vw, 2.6rem) 0 1.3rem;
}

.oracle-results__search .search-row-main {
    overflow: hidden;
    gap: 0;
    border: 1px solid rgba(211, 176, 112, .42);
    border-radius: 999px;
    background: rgba(4, 13, 20, .8);
    box-shadow: 0 1.4rem 4rem rgba(0, 0, 0, .38), inset 0 1px rgba(255, 244, 215, .06);
    backdrop-filter: blur(12px);
}

.oracle-results__search input[type="search"],
.oracle-results__search select {
    min-height: 4.15rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--oracle-ivory);
}

.oracle-results__search input[type="search"] {
    padding-left: 1.65rem;
    font: 400 1.08rem/1.3 Georgia, serif;
}

.oracle-results__search input::placeholder { color: rgba(226, 215, 195, .52); }

.oracle-results__search select {
    border-left: 1px solid rgba(211, 176, 112, .22);
    color: #c5bcae;
    font-family: system-ui, sans-serif;
    flex: 0 1 175px;
}

.oracle-results__search option { background: #07131d; color: var(--oracle-ivory); }
.oracle-results__search button { min-width: 6rem; border-width: 0 0 0 1px; border-radius: 0; }

.oracle-results__summary {
    margin: 0 0 1.4rem;
    color: #c1b7a7;
    font-family: system-ui, sans-serif;
    font-size: .88rem;
    letter-spacing: .035em;
}

.oracle-results__list { gap: .72rem; }

.oracle-results .result-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(201, 163, 97, .2);
    border-left: 3px solid var(--oracle-gold);
    border-radius: 0 .65rem .65rem 0;
    background: linear-gradient(105deg, rgba(201, 163, 97, .055), transparent 28%), var(--oracle-panel);
    box-shadow: 0 .85rem 2.8rem rgba(0, 0, 0, .18);
    padding: 1.05rem 1.25rem;
    transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.oracle-results .result-card:hover {
    border-color: rgba(226, 192, 128, .44);
    border-left-color: var(--oracle-gold-bright);
    background-color: var(--oracle-panel-hover);
    transform: translateX(2px);
}

.oracle-results .result-meta { color: var(--oracle-muted); font-family: system-ui, sans-serif; }
.oracle-results .result-meta span:first-child { color: var(--oracle-gold-bright); font-size: .9rem; letter-spacing: .035em; }

.oracle-results .result-snippet {
    color: #e5dccd;
    font-size: clamp(1rem, 1.4vw, 1.12rem);
    line-height: 1.72;
}

.oracle-results mark {
    border-radius: .18rem;
    background: rgba(226, 184, 102, .24);
    color: #ffe4ac;
    box-shadow: 0 0 0 1px rgba(226, 184, 102, .13);
}

.oracle-results .exact-phrase-badge {
    border-color: rgba(210, 175, 109, .36);
    background: rgba(201, 163, 97, .13);
    color: var(--oracle-gold-bright);
}

.oracle-results .result-actions a {
    color: var(--oracle-gold);
    font-family: system-ui, sans-serif;
    text-underline-offset: .25em;
}

.oracle-results .result-actions a:hover,
.oracle-results .result-actions a:focus-visible { color: var(--oracle-gold-bright); }

.oracle-results .result-primary-link::after {
    content: "";
    position: absolute;
    inset: 0;
}

.oracle-results .result-card:has(.result-primary-link:focus-visible) {
    outline: 2px solid var(--oracle-gold-bright);
    outline-offset: 2px;
}

.oracle-results .empty-state,
.oracle-results .panel {
    border-color: rgba(201, 163, 97, .28);
    background: var(--oracle-panel);
    color: var(--oracle-ivory);
}

.oracle-results .empty-state p { color: var(--oracle-muted); }

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}

@media (max-width: 640px) {
    .oracle-results__header { align-items: center; flex-direction: row; }
    .oracle-results__home { width: auto; padding: 0 1rem; }
    .oracle-results__search .search-row-main { border-radius: .7rem; }
    .oracle-results__search input[type="search"],
    .oracle-results__search select,
    .oracle-results__search button { width: 100%; border: 0; border-top: 1px solid rgba(211, 176, 112, .18); }
    .oracle-results__search input[type="search"] { border-top: 0; }
}

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