/* Language selection uses a separate top-layer panel on every League page. */
html.league-language-open { overflow:hidden; }
.league-language-dialog,.league-language-dialog * { box-sizing:border-box; }
.league-language-dialog:not([open]) { display:none; }
dialog.league-language-dialog { display:flex; flex-direction:column; width:min(850px,calc(100% - 32px)); max-height:90dvh; margin:auto; padding:0; overflow:hidden; background:#171719; color:#e7e2d9; border:1px solid #5a515e; border-radius:20px; box-shadow:0 28px 90px #0009; }
.league-language-dialog::backdrop { background:#05090dd9; backdrop-filter:blur(6px); }
.league-language-dialog .league-directory-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 24px; flex:0 0 auto; background:linear-gradient(110deg,#29231c,#25202c); border-bottom:1px solid #49404c; }
.league-language-dialog .league-directory-heading > strong { font-size:23px; color:#efdfc4; }
.league-language-dialog .league-directory-close { display:grid; place-items:center; flex:0 0 40px; width:40px; height:40px; border:1px solid #62586b; border-radius:12px; background:#302936; color:#dfd2e7; cursor:pointer; }
.league-language-panel { min-height:0; overflow:auto; overscroll-behavior:contain; padding:22px 24px 24px; scrollbar-color:#6b6370 #171719; }
.league-language-panel > header strong { font-size:17px; color:#ded6e5; }
.league-language-panel > header p { margin:8px 0 20px; color:#b9b3ba; line-height:1.6; font-size:14px; }
.league-language-search { position:sticky; top:-22px; z-index:2; padding:16px 0; background:#171719; }
.league-language-search > label { display:block; margin-bottom:10px; font-size:13px; font-weight:650; color:#cbbbd3; }
.league-language-search > div { display:flex; align-items:center; gap:12px; padding:0 14px; border:1px solid #61546b; border-radius:12px; background:#111113; }
.league-language-search > div:focus-within { border-color:#c2a6d5; box-shadow:0 0 0 3px #ae89cb20; }
.league-language-search input { width:100%; min-width:0; height:48px; border:0; outline:0; background:transparent; color:#efe8f4; font:inherit; font-size:16px; }
.league-language-search input::placeholder { color:#a29aa9; }
.league-language-search i { color:#c0a9cd; }
.league-language-search button { display:grid; place-items:center; width:32px; height:32px; flex-shrink:0; border:0; border-radius:8px; background:#2b2530; cursor:pointer; }
.league-language-search [role=status] { display:block; margin-top:12px; font-size:12px; color:#aca3b3; }
.league-language-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.league-language-grid a { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; min-height:74px; padding:14px; border:1px solid #38323d; border-radius:12px; background:#211e25; color:#e7e0eb; text-decoration:none; transition:border-color .15s,background-color .15s; }
.league-language-grid a > span { min-width:0; }
.league-language-grid strong { display:block; font-size:15px; line-height:1.4; font-weight:650; overflow-wrap:anywhere; }
.league-language-grid small { display:block; margin-top:6px; color:#a9a1b0; font-size:12px; line-height:1.4; overflow-wrap:anywhere; }
.league-language-grid b { display:none; }
.league-language-grid [aria-current] { background:#29271f; border-color:#9a8357; }
.league-language-grid [aria-current] b { display:grid; place-items:center; flex:0 0 24px; width:24px; height:24px; background:#5f5034; color:#f4dfac; border-radius:50%; }
.league-language-grid a:hover,.league-language-grid a:focus-visible { background:#302838; border-color:#b69ac9; outline:2px solid #b69ac944; outline-offset:2px; }
.league-language-empty { padding:22px; border:1px dashed #66576f; border-radius:12px; color:#c7bacf; line-height:1.6; }
.league-language-dialog [hidden] { display:none!important; }
@media(max-width:700px) { .league-language-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:440px) { dialog.league-language-dialog { width:calc(100% - 16px); max-height:94dvh; border-radius:16px; } .league-language-dialog .league-directory-heading { padding:16px; } .league-language-dialog .league-directory-heading > strong { font-size:20px; } .league-language-panel { padding:16px; } .league-language-search { top:-16px; } .league-language-grid { grid-template-columns:1fr; } .league-language-grid a { min-height:70px; } }
@media(prefers-reduced-motion:reduce) { .league-language-grid a { transition:none; } }
/* Shared directory layout, isolated from guide-specific section styles. */
.topbar > .league-nav > .league-language > div {
  max-height:min(70dvh,calc(100dvh - 90px));
  overflow-y:auto;
  overscroll-behavior:contain;
}
.league-nav-dialog, .league-nav-dialog * { box-sizing:border-box; }
.league-nav-dialog:not([open]) { display:none; }
dialog.league-nav-dialog {
  display:flex; flex-direction:column; overflow:hidden;
  width:min(1380px,calc(100% - 40px)); height:fit-content; max-height:92dvh;
  margin:auto; padding:0; background:#161819; color:#f1f3f2;
  border:1px solid #626967; border-radius:8px;
}
.league-nav-dialog .league-nav-panel { flex:1 1 auto; max-height:calc(92dvh - 86px); min-height:0; overflow:auto; overscroll-behavior:contain; }
.league-nav-dialog .league-directory-heading { flex:0 0 auto; }
.league-nav-dialog .league-directory-heading { background:#202323; padding:16px 24px; }
.league-nav-dialog .league-nav-panel-search { background:#202323; z-index:3; padding:16px 24px; }
.league-nav-dialog .league-nav-search-field input { font-size:16px; color:#f1f3f2; min-width:0; }
.league-nav-dialog .league-nav-mode-shortcuts { display:block; background:#161819; padding:16px 24px; }
.league-nav-dialog .league-nav-mode-shortcuts > header { margin:0 0 10px; }
.league-nav-dialog .league-nav-mode-shortcuts > div { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.league-nav-dialog .league-nav-mode-shortcuts a { display:grid; grid-template-columns:56px minmax(0,1fr); gap:10px; padding:8px; border:1px solid #424947; border-radius:6px; background:#222626; min-height:74px; white-space:normal; }
.league-nav-dialog .league-nav-mode-shortcuts a :is(strong,small) { white-space:normal; overflow:visible; text-overflow:clip; }
.league-nav-dialog .league-nav-mode-shortcuts a img { width:56px; height:56px; object-fit:cover; border-radius:4px; }
.league-nav-dialog .league-nav-mode-shortcuts a > i { display:none; }
.league-nav-dialog .league-nav-mode-shortcuts a strong { font-size:14px; color:#f2f4f3; line-height:1.4; }
.league-nav-dialog .league-nav-mode-shortcuts a small { display:block; font-size:12px; color:#b8c4bd; line-height:1.4; }
.league-nav-dialog .league-nav-panel-groups { display:grid; columns:auto; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:24px 28px; padding:8px 24px 24px; background:#161819; }
.league-nav-dialog .league-nav-panel-group { break-inside:avoid; margin:0 0 24px; padding:0; box-shadow:none; }
.league-nav-dialog .league-nav-panel-group > header { padding:10px 8px; border-bottom:1px solid #424947; }
.league-nav-dialog .league-nav-panel-group a { min-height:46px; padding:10px 8px; font-size:15px; text-decoration:none; }
.league-nav-dialog .league-nav-panel-group a .league-nav-label { min-width:0; overflow-wrap:anywhere; }
.league-nav-dialog .is-searching .league-nav-panel-groups { grid-template-columns:1fr; }
.league-nav-dialog .is-searching .league-nav-panel-group > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px 20px; }
.league-nav-dialog .league-nav-panel-empty { margin:20px 24px; padding:24px; background:#222626; }
.league-nav-dialog [hidden] { display:none!important; }
@media(max-width:1000px) {
  .league-nav-dialog .league-nav-panel-groups { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .league-nav-dialog .league-nav-mode-shortcuts > div { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .league-nav-dialog .is-searching .league-nav-panel-group > div { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
  dialog.league-nav-dialog { width:calc(100% - 16px); }
  .league-nav-dialog .league-nav-panel-groups { grid-template-columns:1fr; padding:8px 14px; }
  .league-nav-dialog .league-nav-panel-search,.league-nav-dialog .league-nav-mode-shortcuts { padding:12px 14px; }
  .league-nav-dialog .league-nav-mode-shortcuts > div { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .league-nav-dialog .league-nav-mode-shortcuts a { grid-template-columns:40px minmax(0,1fr); gap:6px; }
  .league-nav-dialog .league-nav-mode-shortcuts a img { width:40px; height:48px; }
  .league-nav-dialog .is-searching .league-nav-panel-group > div { grid-template-columns:1fr; }
}
/* Every directory container stays in flow, including on pages with section rules. */
.league-nav-dialog .league-nav-panel-group,
.league-nav-dialog .league-nav-mode-shortcuts { position:static; width:auto; min-width:0; max-width:100%; height:auto; }
.league-nav-dialog .league-nav-panel-group > header { position:static; display:flex; flex-wrap:wrap; height:auto; min-width:0; gap:8px; }
.league-nav-dialog .league-nav-panel-group > header > span { display:flex; align-items:center; min-width:0; gap:8px; }
.league-nav-dialog .league-nav-panel-group > div { min-width:0; }
.league-nav-dialog .league-nav-mode-shortcuts a > span { min-width:0; overflow-wrap:anywhere; }
.league-nav-dialog .league-nav-panel-search { grid-template-columns:minmax(0,1fr) minmax(0,2fr); }
@media(max-width:760px) {
  .league-nav-dialog .league-nav-panel-search { grid-template-columns:minmax(0,1fr); }
}
/* A searchable directory with clear categories and consistent icon tiles. */
dialog.league-nav-dialog { width:min(1280px,calc(100% - 40px)); border-color:#284557; border-radius:16px; background:#09131e; box-shadow:0 28px 100px #000b; }
.league-nav-dialog::backdrop { background:#02070dba; backdrop-filter:blur(5px); }
.league-nav-dialog .league-directory-heading { padding:16px 24px; background:linear-gradient(110deg,#102a38,#0c1928); border-bottom:1px solid #294454; }
.league-nav-dialog .league-directory-heading strong { color:#f1f9fc; font-size:20px; letter-spacing:-.3px; }
.league-nav-dialog .league-directory-close { width:38px; height:38px; border-color:#365568; border-radius:10px; background:#102331; }
.league-nav-dialog .league-directory-close:hover { background:#1b3d4b; }
.league-nav-dialog .league-nav-panel { background:#09131e; }
.league-nav-dialog .league-nav-panel-search { background:#0c1a27; border-bottom:1px solid #233b4b; }
.league-nav-dialog .league-nav-search-field { border-radius:10px; border-color:#365566; background:#08121b; }
.league-nav-dialog .league-nav-search-field:focus-within { border-color:#60d7dd; box-shadow:0 0 0 3px #60d7dd15; }
.league-nav-dialog .league-nav-mode-shortcuts { background:#09131e; padding-block:18px; border:0; }
.league-nav-dialog .league-nav-mode-shortcuts a { border-color:#284454; background:#10202d; border-radius:10px; transition:background .15s,border-color .15s; }
.league-nav-dialog .league-nav-mode-shortcuts a:hover { background:#173342; border-color:#62cad4; }
.league-nav-dialog .league-nav-mode-shortcuts a img { border-radius:7px; }
.league-directory-categories { display:flex; gap:8px; padding:4px 24px 18px; overflow-x:auto; scrollbar-width:thin; }
.league-directory-categories button { display:flex; align-items:center; gap:8px; flex:none; padding:10px 14px; min-height:42px; border:1px solid #2a4455; border-radius:999px; background:#0d1d2a; color:#b7cbd8; font:inherit; font-size:13px; cursor:pointer; }
.league-directory-categories button[aria-pressed="true"] { background:#163f49; color:#e3fdff; border-color:#5fbdc6; }
.league-directory-categories button:hover { background:#1a3444; }
.league-directory-categories button:focus-visible { outline:2px solid #6ce1eb; outline-offset:2px; }
.league-nav-dialog .league-nav-panel-groups { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding:0 24px 24px; background:#09131e; }
.league-nav-dialog .league-nav-panel-group { margin:0; padding:14px; border:1px solid #253d4c; border-radius:12px; background:#0d1c29; }
.league-nav-dialog .league-nav-panel-group:first-child { grid-column:1 / -1; }
.league-nav-dialog .league-nav-panel-group > header { margin:0 0 12px; padding:0 2px 10px; border-bottom:1px solid #263d4d; }
.league-nav-dialog .league-nav-panel-group > header strong { font-size:14px; letter-spacing:.2px; text-transform:none; }
.league-nav-dialog .league-nav-panel-group > header > small { border:0; background:#172d3c; color:#b1c9d7; }
.league-nav-dialog .league-nav-panel-group > div { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.league-nav-dialog .league-nav-panel-group:first-child > div { grid-template-columns:repeat(5,minmax(0,1fr)); }
.league-nav-dialog .league-nav-panel-group a { min-height:54px; padding:9px; gap:10px; border:1px solid transparent; border-radius:8px; font-size:13px; line-height:1.4; background:#102331; }
.league-nav-dialog .league-nav-panel-group a > i,
.league-nav-dialog .league-nav-panel-group a > .league-directory-icon { display:grid; place-items:center; width:34px; height:34px; flex:0 0 34px; padding:7px; border:1px solid #375368; border-radius:9px; background:#193243; font-size:18px; object-fit:contain; }
.league-nav-dialog .league-nav-panel-group a > .league-directory-icon { padding:0; }
.league-nav-dialog .league-nav-panel-group a[aria-current="page"] { border-color:#4d9daf; background:#153b46; }
.league-nav-dialog .league-nav-panel-group a:hover,
.league-nav-dialog .league-nav-panel-group a:focus-visible { background:#1a3949; outline:2px solid #69d4dc; outline-offset:-2px; }
.league-nav-dialog .is-category-filtered .league-nav-panel-groups { grid-template-columns:1fr; }
.league-nav-dialog .is-category-filtered .league-nav-panel-group > div,
.league-nav-dialog .is-searching .league-nav-panel-group > div { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:1000px) {
  .league-nav-dialog .league-nav-panel-group:first-child > div { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .league-nav-dialog .league-nav-panel-group > div { grid-template-columns:1fr; }
}
@media(max-width:600px) {
  dialog.league-nav-dialog { width:calc(100% - 16px); border-radius:12px; }
  .league-directory-categories { padding-inline:14px; }
  .league-nav-dialog .league-nav-panel-groups { grid-template-columns:1fr; padding:0 14px 14px; gap:12px; }
  .league-nav-dialog .league-nav-panel-group { padding:12px; }
  .league-nav-dialog .league-nav-panel-group:first-child > div,
  .league-nav-dialog .is-category-filtered .league-nav-panel-group > div,
  .league-nav-dialog .is-searching .league-nav-panel-group > div { grid-template-columns:1fr; }
  .league-nav-dialog .league-nav-panel-group a { min-height:50px; font-size:14px; }
}
@media(prefers-reduced-motion:reduce) { .league-nav-dialog .league-nav-mode-shortcuts a { transition:none; } }
/* Honor comparisons scroll inside their own region on narrow screens. */
/* Quiet surfaces and colourful categories keep the shared menu easy to scan. */
dialog.league-nav-dialog { border-color:#71634f; background:#151514; border-radius:20px; box-shadow:0 32px 100px #000c; }
.league-nav-dialog .league-directory-heading { background:linear-gradient(110deg,#2b241a,#211d28); border-color:#625344; padding:20px 26px; }
.league-nav-dialog .league-directory-heading strong { color:#efdfc4; font-size:23px; }
.league-nav-dialog .league-directory-close { background:#29242c; border-color:#6b586e; color:#d8c9e2; }
.league-nav-dialog .league-directory-close:hover { background:#423349; }
.league-nav-dialog .league-nav-panel,.league-nav-dialog .league-nav-mode-shortcuts,.league-nav-dialog .league-nav-panel-groups { background:#151514; }
.league-nav-dialog .league-nav-panel-search { background:#1d1b18; border-color:#4d4539; padding-block:18px; }
.league-nav-dialog .league-nav-search-copy label { color:#e4d8c5; font-size:15px; }
.league-nav-dialog .league-nav-search-status { color:#b8ae9d; }
.league-nav-dialog .league-nav-search-field { background:#131312; border-color:#6c5b45; }
.league-nav-dialog .league-nav-search-field:focus-within { border-color:#c8a56d; box-shadow:0 0 0 3px #c8a56d15; }
.league-nav-dialog .league-nav-mode-shortcuts > header { color:#c9b798; }
.league-nav-dialog .league-nav-mode-shortcuts a { background:#24201b; border-color:#544837; padding:10px; }
.league-nav-dialog .league-nav-mode-shortcuts a:hover { background:#342a20; border-color:#b49769; }
.league-nav-dialog .league-nav-mode-shortcuts a img { filter:brightness(.82); border-radius:8px; }
.league-directory-categories { flex-wrap:wrap; overflow:visible; gap:8px; padding-bottom:20px; }
.league-directory-categories button { color:#c8c0b4; background:#211e1a; border-color:#554a3d; font-weight:600; }
.league-directory-categories button[aria-pressed="true"] { background:#393021; border-color:#b69762; color:#f0d7aa; }
.league-directory-categories button:hover { background:#30291f; }
.league-directory-categories button:focus-visible { outline-color:#d2ae77; }
.league-nav-dialog .league-nav-panel-group { --directory-accent:#c8ae80; background:#201d18; border-color:#5d4f3d70; padding:18px; }
.league-nav-dialog .league-nav-panel-group:nth-child(2) { --directory-accent:#9fbea6; background:#19211b; border-color:#65816b70; }
.league-nav-dialog .league-nav-panel-group:nth-child(3) { --directory-accent:#bea3d2; background:#211b27; border-color:#80699170; }
.league-nav-dialog .league-nav-panel-group:nth-child(4) { --directory-accent:#cea4af; background:#251b20; border-color:#906b7870; }
.league-nav-dialog .league-nav-panel-group:nth-child(5) { --directory-accent:#a7b8ca; background:#1c2025; border-color:#6b7c9070; }
.league-nav-dialog .league-nav-panel-group > header { border-color:#ffffff14; padding-bottom:14px; }
.league-nav-dialog .league-nav-panel-group > header > span > i { color:var(--directory-accent); }
.league-nav-dialog .league-nav-panel-group > header strong { color:#e6e0d5; }
.league-nav-dialog .league-nav-panel-group > header > small { background:#ffffff08; color:var(--directory-accent); border-radius:6px; }
.league-nav-dialog .league-nav-panel-group > div { gap:8px; }
.league-nav-dialog .league-nav-panel-group a { background:#11111060; min-height:58px; padding:12px; align-items:center; border-radius:10px; color:#d8d4cc; }
.league-nav-dialog .league-nav-panel-group a > i,.league-nav-dialog .league-nav-panel-group a > .league-directory-icon { background:#ffffff05; border-color:#ffffff15; color:var(--directory-accent); }
.league-nav-dialog .league-nav-panel-group a .league-nav-label { display:block; }
.league-nav-dialog .league-nav-panel-group .league-nav-label strong { display:block; font-weight:650; color:#e6e0d5; }
.league-nav-dialog .league-nav-panel-group .league-nav-label small { display:block; margin-top:5px; color:#b4aea5; font-size:12px; font-weight:400; line-height:1.5; white-space:normal; }
.league-nav-dialog .league-nav-panel-group a:hover,.league-nav-dialog .league-nav-panel-group a:focus-visible { background:#ffffff08; outline-color:var(--directory-accent); }
.league-nav-dialog .league-nav-panel-group a[aria-current="page"] { border-color:var(--directory-accent); background:#ffffff0a; }
.league-nav-dialog .league-nav-panel-empty { background:#211c25; border-color:#73617f; color:#d5c9de; }
@media(min-width:1001px) { .league-nav-dialog .league-nav-panel-group:first-child > div { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:600px) { .league-directory-categories { flex-wrap:nowrap; overflow-x:auto; } .league-nav-dialog .league-directory-heading { padding:16px; } .league-nav-dialog .league-directory-heading strong { font-size:20px; } .league-nav-dialog .league-nav-panel-group { padding:12px; } }
.honor-table-scroll { max-width:100%; overflow-x:auto; margin-top:20px; overscroll-behavior-inline:contain; }
.honor-page .honor-table-scroll { border:1px solid #293b48; border-radius:16px; background:#101c27; scrollbar-color:#476573 #101c27; }
.honor-page .honor-feature-table { width:100%; min-width:720px; table-layout:fixed; border-collapse:separate; border-spacing:0; text-align:start; }
.honor-feature-table .honor-feature-column { width:32%; }
/* Keep the table's accessible name without a second, unaligned visual heading. */
.honor-page .honor-feature-table caption { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.honor-page .honor-feature-table th,.honor-page .honor-feature-table td { padding:15px 12px; border:0; border-bottom:1px solid #283a46; vertical-align:middle; line-height:1.45; overflow-wrap:break-word; }
.honor-page .honor-feature-table thead th { background:#182d3b; color:#f2f6fa; font-size:15px; font-weight:750; text-align:center; }
.honor-page .honor-feature-table thead th:first-child { position:sticky; inset-inline-start:0; z-index:2; text-align:start; padding-inline:20px; }
.honor-feature-table .honor-column-heading { display:flex; flex-direction:column; align-items:center; gap:6px; }
.honor-feature-table .honor-column-heading img { width:58px; height:58px; object-fit:contain; filter:drop-shadow(0 4px 8px #0008); }
.honor-feature-table .honor-column-heading span { display:grid; place-items:center; min-width:30px; height:30px; border:1px solid #a18854; border-radius:50%; color:#ffe6aa; background:#262c2d; font-variant-numeric:tabular-nums; }
.honor-page .honor-feature-table tbody th { position:sticky; inset-inline-start:0; z-index:1; padding-inline:20px; background:#101c27; font-weight:600; text-align:start; color:#dce7ee; }
.honor-page .honor-feature-table tbody td { text-align:center; color:#d5e4ed; font-size:14px; font-variant-numeric:tabular-nums; }
.honor-page .honor-feature-table tbody tr:nth-child(even) > * { background:#13232f; }
.honor-page .honor-feature-table tbody tr:last-child > * { border-bottom:0; }
.honor-page .honor-feature-table tbody td:last-child { background:#6d501218; }
.honor-feature-table .honor-available,.honor-feature-table .honor-unavailable { display:inline-flex; align-items:center; justify-content:center; min-width:46px; padding:3px 8px; border-radius:7px; font-size:13px; font-weight:650; }
.honor-feature-table .honor-available { color:#98e5c5; background:#204b3a66; }
.honor-feature-table .honor-unavailable { color:#b7c2cc; background:#59667533; }
.honor-table-scroll:focus-visible { outline:2px solid #82dce3; outline-offset:4px; }
.honor-table-hint { display:none; }
.honor-page .honor-start-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:22px; }
.honor-page .honor-start-grid a { display:grid; grid-template-columns:38px minmax(0,1fr) 16px; align-items:center; gap:12px; padding:18px; border:1px solid #3d5969; border-radius:12px; background:#152b38; text-decoration:none; }
.honor-start-grid a > i:first-child { display:grid; place-items:center; width:38px; height:38px; border-radius:10px; background:#264954; color:#9ae0d7; font-size:20px; }
.honor-start-grid strong { display:block; color:#e3f1f5; font-size:.9rem; line-height:1.5; }
.honor-start-grid small { display:block; color:#a9c2cf; font-size:.8rem; line-height:1.5; margin-top:6px; }
.honor-page .honor-start-grid a:hover { border-color:#91d4da; background:#204454; }
.honor-page .honor-progress .honor-evidence { padding:24px; border:1px solid #587a6d; border-inline-start:4px solid #81d9b6; border-radius:14px; background:linear-gradient(120deg,#173932,#112a32); }
.honor-evidence-heading { display:flex; align-items:center; gap:14px; }
.honor-evidence-heading > i { color:#9be1c3; font-size:30px; }
.honor-page .honor-evidence .eyebrow { color:#9be1c3; margin:0 0 4px; }
.honor-page .honor-evidence h3 { margin:0; color:#e6fff4; }
.honor-page .honor-evidence blockquote { margin:20px 0; padding:18px 20px; border:1px solid #72928966; border-radius:10px; background:#0b201e99; }
.honor-page .honor-evidence blockquote p { margin:0; color:#e2f8ed; font-size:1.02rem; line-height:1.75; }
.honor-page .honor-evidence > p { color:#bdd4ce; font-size:.9rem; }
.honor-evidence-citation a { font-weight:650; }
.honor-evidence-citation span { display:block; color:#9ebaae; margin-top:6px; font-size:.78rem; }
@media(min-width:1200px) {
 .honor-page main .honor-jumps { position:sticky; top:80px; z-index:5; flex-wrap:nowrap; gap:6px; padding:12px; overflow-x:auto; scrollbar-width:thin; scrollbar-color:#3c6673 #0f1c27; box-shadow:0 8px 28px #0005; }
 .honor-page main .honor-jumps a { padding:8px 10px; min-height:34px; font-size:.74rem; }
 .honor-page .honor-jumps > * { flex-shrink:0; white-space:nowrap; }
 .honor-page main > section { scroll-margin-top:170px; }
}
@media(max-width:840px) { .honor-page .honor-start-grid { grid-template-columns:1fr; } }
@media(max-width:520px) { .honor-page .honor-progress .honor-evidence { padding:18px; }.honor-page .honor-evidence blockquote { padding:14px; }.honor-page .honor-start-grid a { padding:16px; } }
@media(prefers-reduced-motion:reduce) { .honor-page main a { transition:none; } }
/* Honor links follow the League guide palette, with distinct inline and card treatments. */
.honor-page main a { color:#92d9dc; text-decoration:underline; text-decoration-color:#699da480; text-decoration-thickness:1px; text-underline-offset:4px; overflow-wrap:anywhere; transition:background-color .15s,border-color .15s,color .15s; }
.honor-page main a:hover { color:#d6ffff; text-decoration-color:currentColor; }
.honor-page main a:focus-visible,.honor-page summary:focus-visible { outline:2px solid #a9edf0; outline-offset:4px; border-radius:5px; }
.honor-page .honor-reference-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
.honor-page .honor-reference-links a,.honor-page .honor-answers a { display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:8px 12px; border:1px solid #3b5669; border-radius:9px; background:#172c3b; font-size:.83rem; font-weight:600; text-decoration:none; }
.honor-page main a[href^="https://"]::after { content:"↗"; flex-shrink:0; margin-inline-start:6px; color:#aac0cf; }
.honor-page .honor-reference-links a:hover,.honor-page .honor-answers a:hover { border-color:#7fc7ce; background:#214554; }
.honor-page .honor-jumps a,.honor-page .honor-hero-actions a,.honor-page .honor-sources a { text-decoration:none; }
.honor-page .honor-sources a { border-color:#3b5669; border-radius:9px; color:#cbe9ed; background:#172c3b; }
.honor-page .honor-sources a:hover { border-color:#7fc7ce; background:#214554; }
.honor-page .honor-objective-example { margin-top:18px; }
.honor-page .honor-answers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:12px; }
.honor-page .honor-answers details { min-width:0; padding:18px; border:1px solid #344c5c; border-radius:12px; background:#101f2c; }
.honor-page .honor-answers summary { cursor:pointer; color:#e1eef4; font-size:.95rem; font-weight:650; line-height:1.5; padding-inline-end:8px; }
.honor-page .honor-answers summary::marker { color:#93d9dc; }
.honor-page .honor-answers details[open] { background:#142b39; border-color:#588698; }
.honor-page .honor-answers p { font-size:.9rem; color:#b9cad7; margin:14px 0; }
.honor-page .honor-answers a { margin:5px 5px 0 0; font-size:.78rem; }
.honor-related-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:22px; }
.honor-page .honor-related-grid a { display:grid; grid-template-columns:44px minmax(0,1fr) 20px; align-items:center; gap:14px; padding:20px; min-width:0; border:1px solid #344c5c; border-radius:13px; background:#132735; text-decoration:none; }
.honor-related-grid a > i:first-child { display:grid; place-items:center; width:44px; height:44px; border-radius:11px; background:#24505b; color:#98e1d1; font-size:22px; }
.honor-related-grid strong { display:block; color:#e2f1f5; font-size:.95rem; }
.honor-related-grid small { display:block; margin-top:6px; color:#a8bfce; font-size:.83rem; line-height:1.5; }
.honor-page .honor-related-grid a:hover { background:#1a3c49; border-color:#79c8ce; }
@media(max-width:840px) { .honor-page .honor-answers { grid-template-columns:1fr; } }
@media(max-width:520px) { .honor-related-grid { grid-template-columns:1fr; }.honor-page .honor-related-grid a { padding:16px; gap:12px; }.honor-page .honor-reference-links a { width:100%; justify-content:space-between; } }
/* A consistent, readable layout across the whole Honor guide. */
.honor-page main { width:min(1240px,calc(100% - 40px)); margin:28px auto 72px; }
.honor-page main > section { border-radius:18px; border-color:#293b48; padding:32px; background:linear-gradient(135deg,#10202c,#0c151f 70%); }
.honor-page main h2 { margin:5px 0 12px; font-size:clamp(1.4rem,2.5vw,1.9rem); line-height:1.2; letter-spacing:-.025em; }
.honor-page main h3 { margin:0 0 10px; font-size:1.05rem; line-height:1.4; }
.honor-page main p { line-height:1.65; }
.honor-page main .eyebrow { margin:0 0 8px; color:#dab773; font-size:.73rem; letter-spacing:.075em; }
.honor-page main > .honor-hero { padding:40px; align-items:center; gap:36px; background:linear-gradient(110deg,#09131cf5,#112b36e8),url('/league/champion/shen/splash.jpg') center 32%/cover; }
.honor-page .honor-hero h1 { margin:8px 0 18px; font-size:clamp(2rem,4vw,3.7rem); line-height:1.08; letter-spacing:-.04em; }
.honor-page .honor-hero-status { grid-template-columns:1fr; justify-items:center; padding:24px; border:1px solid #b394534d; border-radius:16px; background:linear-gradient(150deg,#253233cc,#131e29ef); text-align:center; }
.honor-page .honor-hero-status img { width:156px; height:156px; margin:-14px 0 -8px; object-fit:contain; }
.honor-page .honor-hero-status > p { font-size:.88rem; margin-top:16px; }
.honor-page .honor-jumps { gap:8px; margin:18px 0 30px; padding:16px; border-radius:14px; border-color:#293b48; background:#0f1c27; }
.honor-page .honor-jumps a { font-size:.82rem; padding:8px 12px; min-height:38px; border-color:#3d5663; background:#142734; }
.honor-page .honor-jumps a:hover,.honor-page .honor-hero-actions a:hover { background:#204452; border-color:#80d4dc; }
.honor-page .honor-levels > header,.honor-page .honor-rewards > header { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.95fr); align-items:start; gap:28px; }
.honor-page .honor-levels > header > p,.honor-page .honor-rewards > header > p { margin:0; max-width:none; }
.honor-page .honor-track { gap:14px; margin-top:26px; }
.honor-page .honor-track article { border-radius:14px; padding:18px; grid-template-rows:134px auto; }
.honor-page .honor-emblem { height:124px; }
.honor-page .honor-emblem img { width:134px; height:134px; }
.honor-page .honor-level-copy { font-size:.87rem; line-height:1.6; }
.honor-page .honor-level-copy small { display:block; margin:0 0 6px; font-size:.68rem; letter-spacing:.055em; }
.honor-page .honor-level-copy > div { margin-top:16px; padding-top:14px; font-size:.8rem; }
.honor-page .honor-progress > div,.honor-page .honor-reward-notes { gap:16px; }
.honor-page .honor-progress article,.honor-page .honor-reward-notes article { padding:22px; border:1px solid #2b424f; border-radius:14px; background:#11232f; }
.honor-page .honor-progress article p,.honor-page .honor-reward-notes p { margin-bottom:0; font-size:.94rem; }
.honor-page .honor-progress aside { border-radius:10px; }
.honor-page .honor-reward-grid { gap:14px; }
.honor-page .honor-reward-grid article { padding:20px; border-radius:14px; background:linear-gradient(150deg,#1c2636,#171d2b); }
.honor-page .honor-reward-grid img { width:66px; height:66px; border-radius:50%; box-shadow:0 0 0 3px #c8a76733; }
.honor-page .honor-reward-grid strong { display:block; margin-top:5px; font-size:.95rem; line-height:1.45; }
.honor-page .honor-recovery li { border:1px solid #3c3643; border-radius:12px; padding:18px; }
.honor-page .honor-sources { gap:24px; }
.honor-page .honor-sources > div { min-width:0; }
.honor-page .honor-sources a { padding:10px 14px; font-size:.82rem; line-height:1.4; }
@media(max-width:1000px) {
 .honor-page .honor-track { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .honor-page .honor-track article,.honor-page .honor-track article:last-child { grid-template-columns:110px minmax(0,1fr); grid-template-rows:auto; align-items:start; }
 .honor-page .honor-emblem img { width:110px; height:110px; }
 .honor-page .honor-track article:last-child { grid-column:1/-1; }
}
@media(max-width:840px) {
 .honor-page main > .honor-hero { grid-template-columns:1fr; padding:28px; }
 .honor-page .honor-hero-status { grid-template-columns:110px minmax(0,1fr); text-align:start; justify-items:stretch; gap:12px; }
 .honor-page .honor-hero-status img { width:110px; height:110px; margin:0; grid-row:1/3; }
 .honor-page .honor-hero-status > p { grid-column:2; padding:0; border:0; margin:0; }
 .honor-page .honor-levels > header,.honor-page .honor-rewards > header { grid-template-columns:1fr; gap:6px; }
 .honor-page .honor-feature-table { min-width:670px; }
 .honor-page .honor-table-hint { display:flex; justify-content:space-between; align-items:center; margin:18px 0 -8px; color:#a9c3d0; font-size:.8rem; }
 .honor-page .honor-reward-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:520px) {
 .honor-page main { width:calc(100% - 24px); margin:18px auto 48px; }
 .honor-page main > section,.honor-page main > .honor-hero { padding:22px 16px; border-radius:14px; }
 .honor-page .honor-hero h1 { font-size:2rem; }
 .honor-page .honor-hero-status { padding:16px; grid-template-columns:84px minmax(0,1fr); gap:8px 12px; }
 .honor-page .honor-hero-status img { width:84px; height:84px; }
 .honor-page .honor-hero-status > p { grid-column:1/-1; font-size:.84rem; }
 .honor-page .honor-hero-actions a { flex:1; justify-content:center; font-size:.82rem; padding:8px 12px; }
 .honor-page .honor-jumps { padding:12px; }
 .honor-page .honor-jumps > span { width:100%; }
 .honor-page .honor-jumps a { font-size:.76rem; }
 .honor-page .honor-track { grid-template-columns:1fr; }
 .honor-page .honor-track article,.honor-page .honor-track article:last-child { grid-column:auto; grid-template-columns:72px minmax(0,1fr); padding:16px 12px; gap:12px; }
 .honor-page .honor-emblem { height:80px; }
 .honor-page .honor-emblem img { width:80px; height:80px; }
 .honor-page .honor-progress article,.honor-page .honor-reward-notes article { padding:18px; }
 .honor-page .honor-reward-grid { grid-template-columns:1fr; }
 .honor-page .honor-reward-grid article { grid-template-columns:54px minmax(0,1fr); align-items:center; gap:16px; padding:16px; }
 .honor-page .honor-reward-grid img { width:54px; height:54px; }
 .honor-page .honor-feature-table { min-width:620px; }
 .honor-page .honor-feature-table .honor-feature-column { width:29%; }
 .honor-page .honor-feature-table th,.honor-page .honor-feature-table td { padding:13px 8px; font-size:12px; }
 .honor-page .honor-feature-table tbody th,.honor-page .honor-feature-table thead th:first-child { padding-inline:12px; }
 .honor-feature-table .honor-column-heading img { width:46px; height:46px; }
}
.league-honor-reference { position:static; min-width:0; margin:26px 0; padding:24px; border:1px solid #34424e; border-radius:8px; background:#0b121a; }
.league-honor-reference p { max-width:90ch; color:#bdcad4; }
.league-honor-reference a { color:#72dce7; overflow-wrap:anywhere; }
.honor-emblem b { display:none; }
.honor-page main > section { scroll-margin-top:150px; }
/* Honor uses warm neutrals and section colours rather than a uniform blue surface. */
/* Older ping sections share the subdued icon treatment used by the learning cards. */
body.pings-page main .pings-hero-directory a > span,
body.pings-page main .pings-wheel-grid article > header > span { background:#24202b; color:#bda5d5; border:1px solid #88739545; }
body.pings-page main .pings-hero-directory .is-rose > span,
body.pings-page main .pings-wheel-grid .is-rose > header > span { background:#2a1e24; color:#cb929f; }
body.pings-page main .pings-hero-directory .is-green > span,
body.pings-page main .pings-wheel-grid .is-green > header > span,
body.pings-page main .pings-hero-directory .is-cyan > span,
body.pings-page main .pings-wheel-grid .is-cyan > header > span,
body.pings-page main .pings-hero-directory .is-mint > span,
body.pings-page main .pings-wheel-grid .is-mint > header > span { background:#1c2823; color:#96bca7; }
body.pings-page main .pings-hero-directory .is-gold > span,
body.pings-page main .pings-wheel-grid .is-gold > header > span,
body.pings-page main .pings-hero-directory .is-orange > span,
body.pings-page main .pings-wheel-grid .is-orange > header > span { background:#2b251d; color:#cbb18a; }
body.pings-page main .pings-context article > i,
body.pings-page main .pings-sources a > i { background:#24202b; color:#bda5d5; border:1px solid #88739545; }
body.pings-page main .pings-combos article > span > i,
body.pings-page main .pings-spam-compare article > header > i,
body.pings-page main .ping-guidance-row > i { background:#1f2b24; color:#9ebfa9; border:1px solid #77998145; }
body.pings-page main .pings-combos article > span > i:nth-child(2),
body.pings-page main .pings-spam > footer > span { background:#2b251d; color:#cbb18a; border:1px solid #aa926a45; }
body.pings-page main .pings-spam-compare .is-disruptive > header > i,
body.pings-page main .ping-guidance-row.is-avoid > i { background:#2a1e24; color:#cb929f; border-color:#a6758545; }
.pings-page main > .league-learning,.vision-page main > .league-learning { display:block; min-width:0; margin:28px 0; padding:30px; border:1px solid #76614a70; border-radius:16px; background:linear-gradient(125deg,#1d1a16,#131312); scroll-margin-top:150px; }
.vision-page main > .league-learning { border-color:#67906c70; background:linear-gradient(125deg,#19221b,#121713); }
.league-learning header h2 { margin:8px 0 14px; color:#e4dfd7; font-size:clamp(1.5rem,2.5vw,2rem); }
.league-learning header .eyebrow { color:#cbb58f; }
.vision-page .league-learning header .eyebrow { color:#95b79b; }
.league-learning p { color:#cbc7c0; line-height:1.75; }
.league-learning-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:24px; }
.league-learning-grid article { min-width:0; padding:24px; border:1px solid #ad905350; border-top:3px solid #ad9368; border-radius:12px; background:#231f19; }
.league-learning-grid article:nth-child(4n+2) { background:#211c27; border-color:#a582bb50; border-top-color:#9b83b0; }
.league-learning-grid article:nth-child(4n+3) { background:#19231c; border-color:#78a77c50; border-top-color:#7da787; }
.league-learning-grid article:nth-child(4n+4) { background:#261b20; border-color:#b8778a50; border-top-color:#b78390; }
.league-learning-grid article > i { font-size:1.5rem; color:#c4b393; }
.league-learning-grid h3 { color:#e4dfd7; font-size:1.16rem; margin:12px 0; }
.league-learning .learning-signal { display:block; color:#c8bea6; font-size:.86rem; line-height:1.6; }
.league-learning-grid small { display:block; padding-top:12px; border-top:1px solid #ffffff18; color:#c5beb7; line-height:1.6; }
.league-learning a { color:#cbb58f; text-underline-offset:4px; text-decoration-thickness:1px; overflow-wrap:anywhere; }
.league-learning a:hover { color:#fff0d0; text-decoration-thickness:2px; }
.league-learning a:focus-visible { outline:2px solid #cbb58f; outline-offset:5px; }
.league-learning-links { display:flex; flex-wrap:wrap; gap:12px 24px; padding-top:12px; }
.league-learning-faq { display:grid; gap:10px; margin-top:24px; }
.league-learning-faq details { padding:18px 20px; border:1px solid #88719665; border-radius:10px; background:#1c1921; }
.league-learning-faq summary { cursor:pointer; color:#d9d1e0; font-weight:700; line-height:1.6; }
.league-learning-faq details[open] { border-color:#9a80ad; }
.league-learning-faq summary:focus-visible { outline:2px solid #dfb7f4; outline-offset:5px; }
@media(max-width:600px) { .pings-page main > .league-learning,.vision-page main > .league-learning { padding:22px 16px; } .league-learning-grid { grid-template-columns:1fr; } .league-learning-grid article { padding:18px; } }
.honor-page main > .honor-practice { --honor-accent:#a9d9af; --honor-surface:#243125; border-color:#68976c70; }
.honor-practice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:24px; }
.honor-practice-grid article { min-width:0; padding:22px; border:1px solid #72937a60; border-top:3px solid #a9d9af; border-radius:14px; background:#19251e; }
.honor-practice-grid article:nth-child(3n+2) { background:#302619; border-color:#a98a5160; border-top-color:#eac27f; }
.honor-practice-grid article:nth-child(3n+3) { background:#2d2235; border-color:#a17db060; border-top-color:#d6b0ed; }
.honor-practice-grid article > i { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:#ffffff0a; color:#a9d9af; font-size:1.4rem; }
.honor-practice-grid article:nth-child(3n+2) > i { color:#eac27f; }
.honor-practice-grid article:nth-child(3n+3) > i { color:#d6b0ed; }
.honor-practice-grid h3 { margin:16px 0 10px; font-size:1.15rem; }
.honor-example-label { display:block; color:#efe4c8; font-weight:700; font-size:.85rem; }
.honor-practice-grid small { display:block; padding-top:12px; border-top:1px solid #ffffff18; color:#b8c5bc; line-height:1.6; }
.honor-practice-note { margin-top:20px; padding:20px 24px; border-inline-start:3px solid #f0bc78; border-radius:10px; background:#33291d; }
.honor-practice-note h3 { margin-top:0; }
.honor-practice-links { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:22px; }
@media(max-width:1000px) { .honor-practice-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .honor-practice-grid { grid-template-columns:1fr; } .honor-practice-grid article { padding:18px; } .honor-practice-note { padding:18px; } }
.honor-page { background:radial-gradient(ellipse at 15% 0,#46311535,transparent 40%),radial-gradient(ellipse at 95% 18%,#52325c25,transparent 35%),#10100f; }
.honor-page main > section { --honor-accent:#e8bd78; --honor-surface:#282117; background:linear-gradient(125deg,var(--honor-surface),#191817 76%); border-color:#63523b70; }
.honor-page main > #honor-demotion { --honor-accent:#f4a5b7; --honor-surface:#352129; border-color:#95637370; }
.honor-page main > #honor-levels { --honor-accent:#e8c77d; --honor-surface:#302818; }
.honor-page main > #honor-voting { --honor-accent:#d3b0ef; --honor-surface:#30233b; border-color:#82639570; }
.honor-page main > #honor-features { --honor-accent:#e8c77d; --honor-surface:#29251d; }
.honor-page main > #honor-objectives { --honor-accent:#f3c579; --honor-surface:#372915; border-color:#98753e70; }
.honor-page main > #honor-progress { --honor-accent:#98d9af; --honor-surface:#203126; border-color:#5c866870; }
.honor-page main > #honor-rewards { --honor-accent:#d9b3f2; --honor-surface:#32233b; border-color:#88689870; }
.honor-page main > #honor-recovery { --honor-accent:#f3a6a6; --honor-surface:#362222; border-color:#98606070; }
.honor-page main > #honor-faq { --honor-accent:#c9b6e8; --honor-surface:#28232e; border-color:#78688f70; }
.honor-page main > .honor-related { --honor-accent:#e9c388; --honor-surface:#2b251c; }
.honor-page main > .honor-sources { --honor-accent:#d6c2a0; --honor-surface:#292621; }
.honor-page main .eyebrow { color:var(--honor-accent,#e8bd78); }
.honor-page main h2,.honor-page main h3 { color:#f6f0e8; }
.honor-page main p,.honor-page .honor-level-copy p,.honor-page .honor-level-copy > div span { color:#c9c4c0; }
.honor-page main > .honor-hero { --honor-accent:#efc67f; background:linear-gradient(105deg,#2c2118ed,#28201de8 55%,#392934dc),url('/league/champion/shen/splash.jpg') center 32%/cover; border-color:#bb91565c; }
.honor-page .honor-hero h1 { color:#fff1d9; }
.honor-page .honor-hero-status { border-color:#bd955a80; background:linear-gradient(145deg,#55402b,#28211b); }
.honor-page .honor-hero-status > p { color:#d4c8b7; border-color:#ab8b5455; }
.honor-page .honor-jumps,.honor-page main .honor-jumps { background:#25221e; border-color:#645a4970; scrollbar-color:#927856 #25221e; }
.honor-page .honor-jumps > span { color:#cabfae; }
.honor-page .honor-jumps a { background:#373027; border-color:#7e684f; color:#f0dac0; }
.honor-page .honor-jumps a:hover { background:#57422b; border-color:#e2b775; color:#fff0d6; }
.honor-page main .honor-hero-actions a:first-child { color:#ffe4ae; background:#644923; border-color:#b99253; }
.honor-page main .honor-hero-actions a:last-child { color:#ecd1ff; background:#50335f; border-color:#9771ae; }
.honor-page .honor-progress article,.honor-page .honor-reward-notes article { background:#19181788; border-color:#82706155; border-inline-start:3px solid var(--honor-accent,#e8bd78); }
.honor-page .honor-progress article > span { color:var(--honor-accent,#e8bd78); }
.honor-page .honor-progress aside { background:#392b1c; border-color:#d2a65f; }
.honor-page .honor-progress aside p { color:#d4c4b2; }
.honor-page .honor-progress .honor-evidence { background:linear-gradient(120deg,#234336,#192a21); border-color:#6ca584; border-inline-start-color:#9be0b5; }
.honor-page .honor-evidence blockquote { background:#13221acc; border-color:#72927c66; }
.honor-page .honor-evidence blockquote p { color:#e2f8e8; }
.honor-page .honor-evidence .eyebrow { color:#a8e1b7; }
.honor-page .honor-evidence h3 { color:#e2f8e8; }
.honor-page .honor-track article { background:linear-gradient(180deg,#393021,#201c17 60%); border-color:#76624766; }
.honor-page .honor-track article.is-level-1 { background:linear-gradient(180deg,#412528,#23191a 60%); border-top-color:#e9979c; }
.honor-page .honor-track article.is-level-2 { background:linear-gradient(180deg,#46321d,#241e17 60%); border-top-color:#daa46b; }
.honor-page .honor-track article.is-level-3 { background:linear-gradient(180deg,#423a22,#242118 60%); border-top-color:#e3c879; }
.honor-page .honor-track article.is-level-4 { background:linear-gradient(180deg,#392b47,#221b2a 60%); border-top-color:#cca1eb; }
.honor-page .honor-track article.is-level-5 { background:linear-gradient(180deg,#58341c,#2c2016 60%); border-top-color:#ffbd63; }
.honor-page .honor-level-copy small { color:#e9c58b; }
.honor-page .is-level-1 .honor-level-copy small { color:#f0a3ad; }
.honor-page .is-level-4 .honor-level-copy small { color:#d8b4f1; }
.honor-page .honor-reward-grid article { background:linear-gradient(135deg,#3c2947,#231c2a); border-color:#a17caf70; }
.honor-page .honor-reward-grid article:nth-child(even) { background:linear-gradient(135deg,#402b36,#251c23); border-color:#b17b9270; }
.honor-page .honor-reward-grid small { color:#ddb6ec; }
.honor-page .honor-recovery li { background:#271d1f; border-color:#8d606a70; }
.honor-page .honor-recovery li span { color:#d0bfc2; }
.honor-page .honor-answers details { background:#211c26; border-color:#7b668855; }
.honor-page .honor-answers details[open] { background:#35283e; border-color:#9873aa; }
.honor-page .honor-answers summary { color:#f0e3f6; }
.honor-page .honor-answers summary::marker { color:#d8aceb; }
.honor-page main a { color:var(--honor-accent,#e7c490); text-decoration-color:currentColor; }
.honor-page main a:hover { color:#fff2d9; }
.honor-page main a:focus-visible,.honor-page summary:focus-visible { outline-color:#f6dba5; }
.honor-page .honor-reference-links a,.honor-page .honor-answers a,.honor-page .honor-sources a { background:#322b32; border-color:#856d87; color:#ead6ee; }
.honor-page .honor-reference-links a:hover,.honor-page .honor-answers a:hover,.honor-page .honor-sources a:hover { background:#4c3453; border-color:#c697d6; }
.honor-page .honor-start-grid a { background:#342a1e; border-color:#9d7b4a80; }
.honor-page .honor-start-grid a:nth-child(2) { background:#33243e; border-color:#9c79b180; }
.honor-page .honor-start-grid a:nth-child(3) { background:#382426; border-color:#b1788280; }
.honor-start-grid a > i:first-child { background:#5b4529; color:#f1cc87; }
.honor-start-grid a:nth-child(2) > i:first-child { background:#533963; color:#dbb6f5; }
.honor-start-grid a:nth-child(3) > i:first-child { background:#653c43; color:#f3b0bb; }
.honor-page .honor-start-grid a:hover,.honor-page .honor-related-grid a:hover { background:#483b2c; border-color:#e5bd7f; }
.honor-start-grid strong,.honor-related-grid strong { color:#f5ece3; }
.honor-start-grid small,.honor-related-grid small { color:#cec1b9; }
.honor-page .honor-related-grid a { background:#233329; border-color:#678d7270; }
.honor-page .honor-related-grid a:nth-child(2) { background:#3a301d; border-color:#a2895170; }
.honor-page .honor-related-grid a:nth-child(3) { background:#34263e; border-color:#9873ae70; }
.honor-page .honor-related-grid a:nth-child(4) { background:#3a252a; border-color:#ac738370; }
.honor-related-grid a > i:first-child { background:#345740; color:#a9e5b7; }
.honor-related-grid a:nth-child(2) > i:first-child { background:#5c4925; color:#f2d186; }
.honor-related-grid a:nth-child(3) > i:first-child { background:#59396c; color:#ddb7f3; }
.honor-related-grid a:nth-child(4) > i:first-child { background:#633a46; color:#f6b8c8; }
.honor-page .honor-table-scroll { background:#211f1b; border-color:#695b4670; scrollbar-color:#a78c63 #211f1b; }
.honor-page .honor-feature-table thead th { background:#342c20; color:#f8ead5; }
.honor-page .honor-feature-table thead th:nth-child(2) { background:#422b2e; }
.honor-page .honor-feature-table thead th:nth-child(3) { background:#453320; }
.honor-page .honor-feature-table thead th:nth-child(4) { background:#423b23; }
.honor-page .honor-feature-table thead th:nth-child(5) { background:#3c2d48; }
.honor-page .honor-feature-table thead th:nth-child(6) { background:#53371e; }
.honor-page .honor-feature-table th,.honor-page .honor-feature-table td { border-bottom-color:#5d534344; }
.honor-page .honor-feature-table tbody th { background:#25211c; color:#e8dfd1; }
.honor-page .honor-feature-table tbody td { background:#211f1b; color:#dbd3c8; }
.honor-page .honor-feature-table tbody tr:nth-child(even) > * { background:#2b261f; }
.honor-page .honor-feature-table tbody td:last-child { background:#43301955; }
.honor-feature-table .honor-column-heading span { background:#241f1a; border-color:#c0a369; }
.honor-feature-table .honor-available { background:#31503a80; color:#b4e9bf; }
.honor-feature-table .honor-unavailable { background:#65404955; color:#e2b4bd; }
@media(max-width:520px) {
  body .topbar { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; }
  body .topbar .league-nav { display:grid; width:100%; max-width:100%; min-width:0; grid-template-columns:repeat(4,minmax(0,1fr)); }
  body .topbar .league-nav > * { min-width:0; max-width:100%; }
  /* Native pages previously forced a single flex row at this breakpoint. */
  body.go-native-league .topbar { display:grid!important; grid-template-columns:minmax(0,1fr); }
  body.go-native-league .topbar .league-nav { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)); width:100%; max-width:100%; min-width:0; }
  body .topbar { position:static!important; top:auto; }
  body .topbar .league-nav { grid-auto-rows:minmax(64px,auto); }
  body .topbar .league-nav > a,
  body .topbar .league-nav > details > summary {
    height:auto!important; min-height:64px!important; padding:8px 4px!important;
    flex-direction:column!important; gap:6px!important; overflow:visible;
  }
  body .topbar > .league-nav > a .league-nav-label,
  body .topbar > .league-nav > .league-nav-more > summary > span,
  body .topbar > .league-nav > .league-language .language-current-code {
    display:block!important; font-size:14px!important; line-height:1.3;
    white-space:normal; overflow:visible; overflow-wrap:anywhere; text-overflow:clip;
  }
  body .topbar .league-nav > details[open] { grid-column:1 / -1; }
  body .topbar > .league-nav > .league-nav-more > .league-nav-panel,
  body .topbar > .league-nav > .league-language > div {
    position:static!important; inset:auto!important; width:100%!important;
    max-height:70dvh!important; overflow-y:auto!important;
  }
}
@media(max-width:280px) {
  body .topbar .league-nav,
  body.go-native-league .topbar .league-nav { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}