/* 06 Account Settings: 6 per page (Mr B, 14 Oct 2026): the pager that 06-settings-pagination.js draws under the Events, Guides,
   Podcast, Founder stories and Library lists. Live brand only: navy #0A2C3D text, maroon #9C1C1F for the current page and hovers on
   blush #F7E9E9, lines #E3E8EE, muted #5A6675. Every button is 44 px. No font is set: the buttons take the page's own text font.
   Scoped to the Account Settings content pane. */

#settings-content .mrb06-pager {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px;
	margin: 24px 0 0; padding: 20px 0 0; border-top: 1px solid #E3E8EE; min-width: 0;
}
#settings-content [data-mrb06-lib] .mrb06-pager { margin-top: 16px; }
#settings-content .mrb06-count { margin: 0; font-size: 13px; line-height: 1.4; color: #5A6675; }
#settings-content .mrb06-count b { color: #0A2C3D; font-weight: 700; }

#settings-content .mrb06-btns { display: flex; align-items: center; gap: 6px; flex-wrap: nowrap; min-width: 0; max-width: 100%; overflow: hidden; margin-left: auto; }
#settings-content .mrb06-nums { display: flex; align-items: center; gap: 4px; min-width: 0; }

#settings-content .mrb06-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: none;
	min-width: 44px; height: 44px; margin: 0; padding: 0 12px; border-radius: 10px;
	border: 1px solid #E3E8EE; background: #fff; color: #0A2C3D;
	font-size: 14px; font-weight: 600; line-height: 1; cursor: pointer;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
#settings-content .mrb06-num { padding: 0 6px; font-variant-numeric: tabular-nums; }
#settings-content .mrb06-nav { padding: 0 14px; }
#settings-content .mrb06-btn:hover:not([disabled]):not(.is-on) { background: #F7E9E9; border-color: #EBCFD0; color: #9C1C1F; }
#settings-content .mrb06-btn.is-on { background: #9C1C1F; border-color: #9C1C1F; color: #fff; cursor: default; }
#settings-content .mrb06-btn[disabled] { opacity: .4; cursor: default; }
#settings-content .mrb06-btn:focus-visible { outline: 2px solid #9C1C1F; outline-offset: 2px; }
#settings-content .mrb06-gap { flex: none; width: 20px; text-align: center; color: #5A6675; font-size: 14px; }
#settings-content .mrb06-of { padding: 0 8px; white-space: nowrap; font-size: 14px; font-weight: 600; color: #0A2C3D; }

/* Narrow: count, then the page numbers centred on one line, then Previous / Next as two wide buttons. */
#settings-content .mrb06-pager.is-stacked { flex-direction: column; align-items: stretch; gap: 12px; }
#settings-content .mrb06-pager.is-stacked .mrb06-count { text-align: center; }
#settings-content .mrb06-pager.is-stacked .mrb06-btns {
	display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "nums nums" "prev next";
	gap: 10px 8px; margin: 0; overflow: visible;
}
#settings-content .mrb06-pager.is-stacked .mrb06-nums { grid-area: nums; justify-content: center; overflow: hidden; }
#settings-content .mrb06-pager.is-stacked .mrb06-prev { grid-area: prev; width: 100%; }
#settings-content .mrb06-pager.is-stacked .mrb06-next { grid-area: next; width: 100%; }

/* The podcast rows draw a line above every row but the DOM's first; on page 2 and later the first row shown is not that one. */
#settings-content [data-mb-list] > .border-t.mrb06-first { border-top-width: 0 !important; }