/* ENP Pools — minimal CSS. Tailwind CDN handles the rest.
   Keep this file under 10 KB. */

[data-enp-tool] { scroll-margin-top: 80px; }

[data-enp-tool="compare-verdict"] button[data-enp-use-case].is-active {
    background: #001F3F;
    color: #fff;
    border-color: #001F3F;
}

[data-enp-tool="pool-calc"] input[type=range],
[data-enp-tool="calculator"] input[type=range] {
    appearance: none;
    -webkit-appearance: none;
}

.enp-highlight-winner {
    outline: 2px solid #00616d;
    outline-offset: 2px;
}

.enp-ugc-confirmed {
    background: #9cf0ff;
    color: #001f24;
    padding: 4px 8px;
    border-radius: 4px;
}

/* Breadcrumb (we replace Yoast's breadcrumb per R6) */
.enp-breadcrumb {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 12px;
    letter-spacing: 0.05em;
    font-weight: 700;
    text-transform: uppercase;
    color: #43474e;
}
.enp-breadcrumb a { color: #43474e; }
.enp-breadcrumb a:hover { color: #000613; }
.enp-breadcrumb [aria-current] { color: #000613; }

/* Skip-link */
.enp-skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    background: #000613;
    color: #fff;
    padding: 8px 12px;
    z-index: 9999;
}
.enp-skip-link:focus { left: 16px; }