.tier-navigation-title{display:flex;align-items:center;gap:8px;flex-shrink:0}
.tier-navigation-toggle,.tier-navigation-close{display:grid;place-items:center;width:40px;height:40px;padding:8px;background:#edf1f7;color:#425772;border:1px solid #d8dfea;border-radius:6px}
.tier-navigation-toggle:hover,.tier-navigation-close:hover{background:#dfe7f1}
#tier-navigation-dialog{width:min(640px,calc(100% - 20px));max-height:82dvh;padding:0;border:1px solid #d8dfea;border-radius:12px;color:#182433;background:#fff;box-shadow:0 20px 80px #18243340;overflow:auto;overscroll-behavior:contain}
#tier-navigation-dialog::backdrop{background:#18243370}
.tier-navigation-heading{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid #dfe5ed}
.tier-navigation-heading h2{font-size:17px}
.tier-navigation-list{padding:12px}
.tier-navigation-row{display:grid;grid-template-columns:60px minmax(0,1fr);border:1px solid #dfe5ed;border-bottom:0}
.tier-navigation-row:last-child{border-bottom:1px solid #dfe5ed}
.tier-navigation-row>.tierlabel{width:auto;min-width:0;padding:6px;font-size:16px}
.tier-navigation-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;padding:8px;align-items:center}
.tier-navigation-grid button{min-width:0;padding:0;height:36px;border:1px solid #d8dfea;background:#f5f7fb;color:#314963;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.tier-navigation-grid button:hover:not(:disabled){background:#dfe9f7;border-color:#93abc8}
.tier-navigation-grid button:focus-visible,.tier-navigation-toggle:focus-visible,.tier-navigation-close:focus-visible{outline:2px solid #355771;outline-offset:2px}
#tiers .tierrow{scroll-margin-top:12px}
.tier-navigation-arrival{animation:tier-navigation-highlight 1.2s ease-out}
@keyframes tier-navigation-highlight{from{box-shadow:inset 0 0 0 3px #edb84c}to{box-shadow:inset 0 0 0 0 transparent}}
@media(max-width:760px){.tier-navigation-title{gap:4px}.tier-navigation-list{padding:8px}.tier-navigation-row{grid-template-columns:44px minmax(0,1fr)}.tier-navigation-row>.tierlabel{font-size:13px}.tier-navigation-grid{gap:3px;padding:6px}.tier-navigation-grid button{font-size:11px;height:34px}}
@media(prefers-reduced-motion:reduce){.tier-navigation-arrival{animation:none}}
@media(max-width:760px){#tierpanel>.section-title{justify-content:space-between;gap:6px}.tier-navigation-title h2{display:none}}

#tiers{overflow:visible;margin-top:10px;margin-bottom:10px}#tiers .tierrow{position:relative}#tiers .tierlabel{position:static;cursor:default}
.tier-boundary-upper,.tier-boundary-lower{position:absolute;z-index:1;left:35px;transform:translate(-50%,-50%);padding:1px 5px;border:1px solid #cbd5e1;border-radius:2px;background:#f8fafc;color:#5c6d82;font-size:9px;font-weight:600;line-height:12px;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none}
.tier-boundary-upper{top:0}.tier-boundary-lower{bottom:0;transform:translate(-50%,50%)}
@media(max-width:600px){.tier-boundary-upper,.tier-boundary-lower{left:28px;font-size:8px;padding:0 3px}}
@media(max-width:760px){#tiers .tierrow{scroll-margin-top:64px}}

.tier-navigation-heading-button{padding:5px 0;background:transparent;color:inherit;font:inherit;font-weight:inherit}.tier-navigation-heading-button:hover{background:transparent;color:#425772}
.tier-navigation-footer{display:flex;justify-content:flex-end;padding:10px 0 0}.tier-navigation-top{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;background:#edf1f7;color:#425772;border:1px solid #d8dfea;font-size:12px}.tier-navigation-top:hover{background:#dfe7f1}
.tier-navigation-top:focus-visible,.tier-navigation-heading-button:focus-visible{outline:2px solid #355771;outline-offset:3px}
@media(max-width:760px){#tierpanel{scroll-margin-top:64px}}

#tiers .tierlabel[role="button"]{cursor:pointer}#tiers .tierlabel[role="button"]:focus-visible{outline:2px solid #355771;outline-offset:-3px}

#bookmark-filter{display:grid;place-items:center;width:40px;min-height:40px;padding:8px;background:#fff;border:1px solid #d8dfea;border-radius:6px;color:#53667e}#bookmark-filter:hover{background:#edf1f7}#bookmark-filter[aria-pressed="true"]{background:#e5edf8;color:#285e9c;border-color:#88a8cf}#bookmark-filter[aria-pressed="true"] svg{fill:currentColor}#bookmark-filter:focus-visible{outline:2px solid #355771;outline-offset:3px}

#tiers:not(.tier-detail) .tierword small,#tiers:not(.tier-detail) .tierword b{display:none}
#tier-detail-toggle{display:grid;place-items:center;width:40px;height:40px;padding:8px;border:1px solid #d8dfea;border-radius:6px;background:#fff;color:#53667e}#tier-detail-toggle:hover{background:#edf1f7}#tier-detail-toggle[aria-pressed="true"]{background:#e5edf8;color:#285e9c;border-color:#88a8cf}#tier-detail-toggle:focus-visible{outline:2px solid #355771;outline-offset:3px}
#tiers.tier-detail .tierword small{display:block}
@media(max-width:760px){#tiers .tierlabel{padding-left:3px;padding-right:3px}#tiers .tier-name{white-space:nowrap;overflow-wrap:normal;font-size:clamp(10px,2.8vw,12px);letter-spacing:-.25px}}

#tier-realtime-toggle{display:grid;place-items:center;width:40px;height:40px;padding:8px;border:1px solid #d8dfea;border-radius:6px;background:#fff;color:#53667e}#tier-realtime-toggle:hover{background:#edf1f7}#tier-realtime-toggle[aria-pressed="true"]{background:#e5edf8;color:#285e9c;border-color:#88a8cf}#tier-realtime-toggle:focus-visible{outline:2px solid #355771;outline-offset:3px}

/* Let one-line mobile tiers fit their chips instead of the desktop minimum. */
@media(max-width:760px){#tiers .tierrow>div{min-height:36px}#tiers .tierlabel{padding-top:6px;padding-bottom:6px}}