/* osu! API scheduler: the pink of its own icon, on near-black.
   All selectors stay under #site-osu-api-scheduler. */

#site-osu-api-scheduler::before {
    background:
        radial-gradient(80% 60% at 12% 18%, rgba(255, 102, 171, .10), transparent 62%),
        var(--bg);
}

/* the logo is a flat pink tile, it does not want the usual drop shadow */
#site-osu-api-scheduler .sh__logo {
    border-radius: 16px;
    filter: none;
}

/* ---- the priority table, as the readme lists it ---- */

#site-osu-api-scheduler .sched__prio {
    margin: 2rem 0 0;
    border-collapse: collapse;
    width: 100%;
    max-width: 46ch;
}

#site-osu-api-scheduler .sched__prio td {
    padding: .4rem .8rem .4rem 0;
    border-bottom: 1px solid var(--line);
    font-size: .88rem;
    color: var(--dim);
    vertical-align: baseline;
}

#site-osu-api-scheduler .sched__prio tr:last-child td { border-bottom: 0; }

#site-osu-api-scheduler .sched__prio td:first-child { width: 1%; white-space: nowrap; }

#site-osu-api-scheduler .sched__prio code {
    font-family: var(--mono);
    font-size: .82rem;
    padding: .1rem .45rem;
    border-radius: 5px;
    background: color-mix(in srgb, var(--accent) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--accent) 28%, transparent);
    color: color-mix(in srgb, var(--accent) 55%, var(--ink));
}

/* the first priority is the most urgent, so it reads strongest */
#site-osu-api-scheduler .sched__prio tr:nth-child(1) code { background: color-mix(in srgb, var(--accent) 22%, transparent); }
#site-osu-api-scheduler .sched__prio tr:nth-child(4) code { opacity: .72; }

/* ---- the warning from the readme, kept as a warning ---- */

#site-osu-api-scheduler .sched__warn {
    margin: 1.6rem 0 0;
    padding: .85rem 1.05rem;
    border-radius: var(--r-md);
    border: 1px solid rgba(255, 200, 90, .35);
    background: rgba(255, 200, 90, .08);
    color: var(--dim);
    font-size: .88rem;
    max-width: 52ch;
}