/* Measured reference: 12 × 2 px, 1 px gap, square edges, white active page. */
.pm-row-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
}
.pm-row-section > .pm-row-heading {
    position: relative;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    padding-inline: var(--page-margin);
    margin-bottom: var(--row-title-gap);
}
.pm-row-heading > .pm-row-title {
    width: auto;
    left: auto;
    right: auto;
    margin: 0;
    padding: 0;
    min-width: 0;
}
.pm-tag-row > .pm-row-heading { margin: 0 var(--tag-pad) .7vw; }
.pm-tag-row > .pm-row-heading > h2 { margin: 0; min-width: 0; }
.pm-row-pages {
    display: flex;
    flex: 0 1 auto;
    gap: 1px;
    align-self: flex-end;
    margin: 8px 0 0;
    height: 2px;
    max-width: 50%;
    min-width: 0;
    pointer-events: none;
}
.pm-row-pages[hidden] { display: none; }
.pm-row-pages > span {
    display: block;
    flex: 0 1 12px;
    width: 12px;
    height: 2px;
    border-radius: 0;
    background: #808080;
}
.pm-row-pages > span[data-active="true"] { background: #fff; }
@media (max-width: 600px) {
    .pm-tag-row > .pm-row-heading { margin-bottom: 8px; }
}