/* Shared disclosure: account links and archive categories share one mobile UI. */
.on-navigation { --on-nav-font:var(--on-heading,'Rajdhani',system-ui,sans-serif); --on-nav-weight:var(--on-heading-weight,600); --on-nav-size:initial; --on-nav-transform:var(--on-heading-transform,none); position:relative; min-width:0; color:var(--on-ink,#002d5e); font-family:var(--on-nav-font); text-transform:var(--on-nav-transform); }
/* Link navigation has its own typography; form selectors keep the shared field appearance. */
nav.on-navigation { --on-nav-font:var(--on-navigation-font,'Rajdhani',system-ui,sans-serif); --on-nav-weight:var(--on-navigation-weight,600); --on-nav-size:var(--on-navigation-size); --on-nav-transform:var(--on-navigation-transform,none); }
.on-navigation [hidden] { display:none!important; }
.on-navigation-select.is-enhanced>[data-on-select-source][hidden] { display:none!important; }
.on-nav-links { display:grid; gap:4px; }
.on-nav-links>:is(a,button) { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:46px; padding:12px var(--on-nav-inset,10px); color:inherit; text-decoration:none; font:var(--on-nav-weight) var(--on-nav-size,17px)/1.4 var(--on-nav-font); text-transform:var(--on-nav-transform); }
.on-nav-label { display:flex; align-items:center; gap:10px; min-width:0; }
.on-nav-label>span { min-width:0; overflow-wrap:anywhere; }
.on-nav-label .on-icon { width:18px; height:18px; flex:0 0 18px; }
.on-nav-links>:is(a,button)>.on-icon { width:13px; height:13px; flex:0 0 13px; }
.on-nav-links>:is(a,button):not([aria-current]):not([aria-selected=true]):hover { background:var(--on-soft,#f4f6f7); }
.on-nav-links>.on-nav-danger { color:#8f1d1a; margin-top:8px; border-top:1px solid var(--on-line,#f4e5d9); padding-block:12px; }
.on-nav-links>.on-nav-danger:hover { background:#f8eceb; }
.on-nav-trigger { display:flex; align-items:center; justify-content:space-between; gap:14px; width:100%; min-height:52px; padding:12px 14px; border:1px solid var(--on-line,#f4e5d9); border-radius:0; color:inherit; background:var(--on-paper,#fff); text-align:left; cursor:pointer; font:var(--on-nav-weight) var(--on-nav-size,18px)/1.4 var(--on-nav-font); text-transform:var(--on-nav-transform); }
.on-nav-trigger:hover,.on-nav-trigger[aria-expanded=true] { border-color:var(--on-ink,#002d5e); }
.on-nav-trigger:focus-visible { outline:1px solid var(--on-ink,#002d5e); outline-offset:2px; }
.on-nav-trigger>.on-icon { width:18px; height:18px; flex:0 0 18px; transform:rotate(0deg); transform-origin:50% 50%; transform-box:fill-box; transition:inherit; }
.on-nav-trigger[aria-expanded=true]>.on-icon { transform:rotate(180deg); }
.on-navigation-tabs { --on-nav-active-mark:inset 0 -2px var(--on-accent,#fab900); padding-block:14px; }
.on-navigation-tabs>.on-nav-links { display:flex; align-items:stretch; flex-wrap:wrap; gap:8px; }
.on-navigation-tabs .on-nav-links>:is(a,button) { justify-content:center; min-height:48px; padding:12px 18px; border:1px solid var(--on-line,#f4e5d9); font:var(--on-nav-weight) var(--on-nav-size,17px)/1.3 var(--on-nav-font); text-transform:var(--on-nav-transform); }
.on-navigation-tabs .on-nav-links>:is(a,button)>.on-icon { display:none; }
.on-nav-links>button { width:100%; border:0; background:transparent; text-align:left; cursor:pointer; }
.on-navigation.is-enhanced.is-compact>.on-nav-links { position:absolute; top:calc(100% - 1px); left:0; right:0; z-index:40; display:grid; gap:4px; padding:6px; max-height:min(430px,60dvh); overflow-y:auto; overscroll-behavior:contain; border:1px solid var(--on-ink,#002d5e); background:var(--on-paper,#fff); scrollbar-width:thin; scrollbar-color:var(--on-accent,#fab900) var(--on-paper,#fff); }
/* Search is a sibling of the listbox, never an input inside its option semantics. */
.on-navigation.is-enhanced>.on-nav-popup { position:absolute; top:calc(100% - 1px); left:0; right:0; z-index:40; display:flex; flex-direction:column; min-height:0; max-height:min(430px,60dvh); border:1px solid var(--on-ink,#002d5e); background:var(--on-paper,#fff); }
.on-nav-popup>.on-nav-search { flex:0 0 auto; padding:10px; border-bottom:1px solid var(--on-line,#f4e5d9); }
.on-nav-popup .on-nav-search>input { display:block; box-sizing:border-box; width:100%; min-width:0; min-height:44px; margin:0; padding:10px 12px; border:1px solid var(--on-line,#f4e5d9); border-radius:0; background:var(--on-soft,#f4f6f7); color:var(--on-ink,#002d5e); font:400 16px/1.4 var(--on-font,system-ui,sans-serif); }
.on-nav-popup .on-nav-search>input:focus-visible { outline:2px solid var(--on-focus,var(--on-ink,#002d5e)); outline-offset:1px; }
.on-nav-popup>.on-nav-links { flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:6px; scrollbar-width:thin; scrollbar-color:var(--on-accent,#fab900) var(--on-paper,#fff); }
.on-nav-popup>.on-nav-no-results { flex:0 0 auto; margin:0; padding:12px; font:400 14px/1.6 var(--on-font,system-ui,sans-serif); }
[data-on-nav-current-icon] { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; }
@media(max-width:959px) {

 .on-navigation-tabs.is-enhanced>.on-nav-links { top:calc(100% - 15px); }
 .on-navigation .on-nav-links>:is(a,button) { padding:11px var(--on-nav-inset,12px); border:0; justify-content:space-between; font:var(--on-nav-weight) var(--on-nav-size,17px)/1.4 var(--on-nav-font); text-transform:var(--on-nav-transform); }
 .on-navigation { --on-nav-active-mark:inset 2px 0 var(--on-accent,#fab900); }
 .on-navigation .on-nav-links>a>.on-icon,.on-navigation .on-nav-links .on-nav-label>.on-icon { display:inline-block; }
}
.on-navigation.is-enhanced.is-compact.opens-up>.on-nav-links,.on-navigation.is-enhanced.is-compact.opens-up>.on-nav-popup { top:auto; bottom:calc(100% - 1px); }
@media(prefers-reduced-motion:reduce) { .on-navigation * { transition:none!important; } }

/* One explicit load-more action; genuine page links remain available without JavaScript. */
.on-load-more { margin-top:24px; }
.on-load-more-actions { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:12px; }
.on-load-more :is([hidden],.on-pagination[hidden]) { display:none; }
.on-load-more-actions>[data-on-load-more] { min-width:200px; --on-spinner-size:32px; }
.on-load-more [aria-disabled=true] { cursor:progress; }
.on-load-more-actions:empty { display:none; }
@media(max-width:539px) { .on-load-more-actions>.on-button { width:100%; } }