.editorial-pager { --ep-accent: #155e69; }
.editorial-pager {
    --ep-surface: var(--bs-body-bg, #fff);
    --ep-line: color-mix(in srgb, var(--ep-accent) 18%, var(--ep-surface));
    margin: 2.5rem 0 1rem;
    padding: 1.4rem;
    border: 1px solid var(--ep-line);
    border-top: 3px solid var(--ep-accent);
    border-radius: 18px;
    background: color-mix(in srgb, var(--ep-accent) 3%, var(--ep-surface));
    box-shadow: 0 8px 28px rgb(0 0 0 / 3%);
    color: inherit;
    font-family: inherit;
    font-variant-numeric: tabular-nums;
}
.editorial-pager__summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .7rem 1.5rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--ep-line);
}
.editorial-pager .editorial-pager__position {
    display: flex;
    align-items: baseline;
    gap: .6rem;
    margin: 0;
    font-size: .85rem;
    line-height: 1.25;
}
.editorial-pager__position strong { color: var(--ep-accent); font-size: 1.8rem; font-weight: 750; }
.editorial-pager__divider { opacity: .4; }
.editorial-pager .editorial-pager__range { margin: 0; font-size: .8rem; line-height: 1.5; opacity: .78; }
.editorial-pager__controls { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: .75rem; }
.editorial-pager .editorial-pager__pages { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px; margin: 0; padding: 0; list-style: none; }
.editorial-pager__pages li { margin: 0; padding: 0; }
.editorial-pager__number, .editorial-pager__direction {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-width: 44px;
    min-height: 44px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: var(--ep-surface);
    color: inherit;
    font-size: .85rem;
    font-weight: 650;
    line-height: 1.3;
    text-decoration: none;
}
.editorial-pager__direction { padding: .55rem .85rem; border-color: var(--ep-line); }
.editorial-pager__previous { justify-self: start; }
.editorial-pager__next { justify-self: end; }
.editorial-pager__direction svg { flex: 0 0 16px; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.editorial-pager__number.is-current { color: #fff; background: var(--ep-accent); box-shadow: 0 3px 10px color-mix(in srgb, var(--ep-accent) 22%, transparent); }
.editorial-pager a:hover { color: var(--ep-accent); background: color-mix(in srgb, var(--ep-accent) 9%, var(--ep-surface)); border-color: var(--ep-accent); text-decoration: none; }
.editorial-pager a:focus-visible { outline: 3px solid var(--ep-accent); outline-offset: 3px; }
.editorial-pager [aria-disabled="true"] { opacity: .4; background: transparent; }
.editorial-pager .editorial-pager__gap { display: flex; align-items: center; justify-content: center; min-width: 14px; font-size: .85rem; opacity: .6; }
@media (max-width: 767px) {
    .editorial-pager { margin-top: 2rem; padding: 1rem .75rem; border-radius: 14px; }
    .editorial-pager__summary { align-items: flex-start; flex-direction: column; gap: .6rem; }
    .editorial-pager__controls { grid-template-columns: 1fr 1fr; gap: 1rem .5rem; }
    .editorial-pager__pages { grid-column: 1 / -1; grid-row: 1; }
    .editorial-pager__previous, .editorial-pager__next { grid-row: 2; width: 100%; }
    .editorial-pager__number { min-width: 40px; min-height: 44px; }
    .editorial-pager .editorial-pager__pages { gap: 2px; }
}
@media (forced-colors: active) {
    .editorial-pager__number.is-current { border: 2px solid Highlight; }
    .editorial-pager a:focus-visible { outline-color: Highlight; }
}