.onyx-news {
    --news-gold: #fbd181;
    --news-edge: #6d505a;
    min-width: 0;
    margin: 0 0 .75rem;
    color: #f6edf7;
}
.onyx-news-heading {
    display: flex;
    justify-content: space-between;
    align-items: end;
    flex-wrap: wrap;
    gap: .7rem;
    margin-bottom: .85rem;
}
.onyx-news-kicker {
    display: block;
    margin-bottom: .3rem;
    color: var(--news-gold);
    font: 700 .77rem/1.3 'DINNextW1G', sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-shadow: 0 1px 5px #16101d;
}
.onyx-news-kicker i { margin-right: .3rem; }
.onyx-news-heading h2 {
    margin: 0;
    color: #f6edf7;
    font: 400 clamp(1.7rem, 3.25vw, 2.8rem)/1.05 'albertus', Georgia, serif;
    text-shadow: 0 2px 8px #16101d;
}
.onyx-news-heading h2 span { color: var(--news-gold); }
.onyx-news-controls {
    display: flex;
    align-items: center;
    gap: .4rem;
}
.onyx-news-controls[hidden],
.onyx-news-progress[hidden] { display: none; }
.onyx-news-controls button {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid #a38165;
    border-radius: .5rem;
    background: #2a2230;
    color: #ffe1a7;
    font-size: .84rem;
    transition: background-color .16s ease, border-color .16s ease;
}
.onyx-news-controls button:is(:hover, :focus-visible) { background: #4b3440; border-color: var(--news-gold); }
.onyx-news-position {
    min-width: 3.25rem;
    color: #eadce8;
    text-align: center;
    font: 400 .86rem/1 'DINNextW1G', sans-serif;
    font-variant-numeric: tabular-nums;
}
.onyx-news-position b { color: var(--news-gold); }

.onyx-news-track {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 100%;
    overflow-x: auto;
    border: 1px solid var(--news-edge);
    border-radius: .9rem;
    background: #1b1522;
    box-shadow: 0 .85rem 2rem #0a071280;
    scroll-snap-type: x mandatory;
    overscroll-behavior-inline: contain;
    scrollbar-color: #c2a07c #241b2a;
}
.onyx-news.is-enhanced .onyx-news-track { scrollbar-width: none; }
.onyx-news.is-enhanced .onyx-news-track::-webkit-scrollbar { display: none; }
.onyx-news-slide {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 22rem;
    overflow: hidden;
    scroll-snap-align: start;
}
.onyx-news-art,
.onyx-news-slide::before {
    position: absolute;
    inset: 0 0 0 auto;
    z-index: -2;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.onyx-news-art { width: 79%; object-fit: cover; object-position: right center; }
.onyx-news-slide::before {
    z-index: -1;
    background: linear-gradient(90deg, #181320 9%, #181320ef 36%, #18132088 59%, #18132008 90%);
    content: '';
}
.onyx-news-copy {
    width: min(65%, 33rem);
    padding: clamp(1.2rem, 4vw, 2.5rem);
}
.onyx-news-copy time {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--news-gold);
    font: 700 .85rem/1.2 'DINNextW1G', sans-serif;
}
.onyx-news-copy h3 {
    margin: .65rem 0 .55rem;
    color: #fbf0fa;
    font: 400 clamp(1.55rem, 3vw, 2.55rem)/1.1 'albertus', Georgia, serif;
    overflow-wrap: anywhere;
}
.onyx-news-copy p {
    margin: 0 0 1.1rem;
    color: #e3d9e7;
    font: 400 1.03rem/1.45 'DINNextW1G', sans-serif;
    overflow-wrap: anywhere;
}
.onyx-news-read {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-height: 42px;
    padding: .5rem .82rem;
    border: 1px solid #d9ac76;
    border-radius: .5rem;
    background: #edc586;
    color: #251924;
    font: 700 .92rem/1.2 'DINNextW1G', sans-serif;
    text-decoration: none;
    transition: background-color .16s ease;
}
.onyx-news-read:is(:hover, :focus-visible) { background: #ffdfa5; color: #251924; text-decoration: none; }
.onyx-news :is(button, a, .onyx-news-track):focus-visible { outline: 2px solid var(--news-gold); outline-offset: 3px; }
.onyx-news-progress {
    height: 3px;
    margin-top: .75rem;
    overflow: hidden;
    border-radius: 3px;
    background: #aa826749;
}
.onyx-news-progress span {
    display: block;
    width: var(--news-progress, 0%);
    height: 100%;
    border-radius: inherit;
    background: var(--news-gold);
    transition: width .2s ease-out;
}
.onyx-news-empty { padding: 1rem; border: 1px solid var(--news-edge); border-radius: .65rem; background: #1b1522; }
.onyx-news-archive-link { margin: 1rem 0 0; }
.onyx-news-archive-link a { color: var(--news-gold); text-underline-offset: .2em; }
.onyx-news-archive-link a:is(:hover, :focus-visible) { color: #ffe4ac; text-decoration: underline; }

@media (max-width: 650px) {
    .onyx-news-slide { align-items: end; min-height: 24rem; }
    .onyx-news-art { width: 100%; object-position: 74% top; }
    .onyx-news-slide::before { background: linear-gradient(0deg, #181320 4%, #181320f2 29%, #181320a8 61%, #18132018 100%); }
    .onyx-news-copy { width: 100%; padding-top: 7rem; }
}