/* Visible hierarchy, independent of hero and legacy template styles. */
body .mw-breadcrumbs {
  display: block;
  width: 100%;
  padding: 4px 0;
  margin: 0;
  color: var(--text, var(--text-primary));
  background: var(--surface);
  border-bottom: 1px solid var(--line, var(--border));
  font-size: 13px;
  line-height: 1.5;
}
body .mw-breadcrumbs ol {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}
body .mw-breadcrumbs li {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  padding: 0;
  margin: 0;
}
body .mw-breadcrumbs li + li::before {
  content: ">";
  color: var(--muted, var(--text-secondary));
  flex: none;
}
body .mw-breadcrumbs a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  min-width: 44px;
  padding: 0 2px;
  color: var(--blue, var(--accent));
  text-decoration: underline;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}
body .mw-breadcrumbs [aria-current="page"] {
  padding: 8px 0;
  overflow-wrap: anywhere;
}
body .mw-section-navigation {
  padding-block: 24px;
  border-top: 1px solid var(--line, var(--border));
  background: var(--surface);
}
body .mw-section-navigation h2 {
  margin: 0 0 12px;
  font-size: 18px;
  line-height: 1.4;
}
body .mw-section-navigation ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: 4px 24px;
  list-style-position: outside;
  padding: 0 0 0 20px;
  margin: 0;
}
body .mw-section-navigation li { margin: 0; padding: 0; }
body .mw-section-navigation a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  min-width: 44px;
  color: var(--blue, var(--accent));
  font-size: 14px;
  line-height: 1.5;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}
body :is(.mw-breadcrumbs, .mw-section-navigation) a:focus-visible {
  outline: 2px solid var(--blue, var(--accent));
  outline-offset: 3px;
  border-radius: 2px;
}

/* Header polish (12 Nov 2026): one baseline for links and menus, slimmer
   disclosure strip, consistent line icons, quieter tool group. */
body .site-header{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px)}
body .site-header .header-inner nav{gap:4px;align-items:center}
body .site-header .header-inner nav>a,
body .site-header .refined-nav-menu>summary{display:flex;align-items:center;gap:6px;height:40px;padding:0 12px;border:0;border-radius:8px;font-size:var(--sm);font-weight:600;line-height:1;color:var(--muted);text-decoration:none;list-style:none;transition:background .15s,color .15s}
body .site-header .refined-nav-menu>summary::-webkit-details-marker{display:none}
body .site-header .header-inner nav>a:hover,
body .site-header .refined-nav-menu>summary:hover,
body .site-header .refined-nav-menu[open]>summary{background:var(--surface);color:var(--text);text-decoration:none}
body .site-header .header-inner nav>a.active,
body .site-header .header-inner nav>a[aria-current=page]{color:var(--blue);background:color-mix(in srgb,var(--blue) 9%,transparent)}
body .site-header .header-inner nav>a{gap:0}
body .site-header .refined-nav-menu{height:auto}
body .site-header .refined-nav-menu>summary>span{font-size:0;width:8px;height:8px;display:inline-block;position:relative;top:-2px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);transition:transform .2s,top .2s;opacity:.75}
body .site-header .refined-nav-menu[open]>summary>span{transform:rotate(225deg);top:2px}
body .site-header .refined-nav-panel{left:0;right:auto;top:calc(100% + 8px);width:260px;padding:6px;border-radius:12px;box-shadow:0 12px 32px rgba(10,20,50,.12),0 2px 6px rgba(10,20,50,.06)}
body .site-header .refined-nav-menu:last-of-type .refined-nav-panel{left:auto;right:0}
body .site-header .refined-nav-panel>a{border-radius:8px;padding-inline:12px;min-height:40px}
body .site-header .header-tools{gap:2px;align-items:center;padding-left:12px;margin-left:8px;border-left:1px solid var(--line);height:28px}
body .site-header .icon-button{height:40px;min-width:40px;width:40px;border-radius:8px;color:var(--muted);font-size:0}
body .site-header .icon-button:hover{background:var(--surface);color:var(--text)}
body .site-header .search-icon{width:14px;height:14px;margin:0 2px 2px 0;border:2px solid currentColor;border-radius:50%;position:relative;display:block}
body .site-header .search-icon:after{content:"";position:absolute;right:-5px;bottom:-4px;width:6px;height:2px;border-radius:2px;background:currentColor;transform:rotate(45deg)}
body .site-header .theme-toggle>span{display:block;width:16px;height:16px;border:2px solid currentColor;border-radius:50%;background:linear-gradient(90deg,currentColor 50%,transparent 50%);font-size:0;color:inherit}
body .site-header .logo{gap:10px}
/* Disclosure strip: one compact line, centred baseline, 44px tap area kept via hit-box. */
body .disclosure{border-bottom:1px solid var(--line)}
body .disclosure .container{align-items:center;min-height:32px;padding-block:6px;font-size:12px;line-height:1.4}
body .disclosure .container>a{min-height:0;position:relative;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:3px}
body .disclosure .container>a::after{content:"";position:absolute;inset:-14px -8px}
body .disclosure .container>a:hover{color:var(--text)}
@media(max-width:900px){
 body .site-header .header-tools{border-left:0;padding-left:0;margin-left:auto}
 body .site-header .header-inner nav{gap:0;align-items:stretch}
 body .site-header .header-inner nav>a,
 body .site-header .refined-nav-menu>summary{height:auto;min-height:48px;padding:0 4px;border-radius:0;color:var(--text);border-bottom:1px solid var(--line);background:none}
 body .site-header .refined-nav-menu>summary{justify-content:space-between}
 body .site-header .refined-nav-menu[open]>summary{color:var(--blue);background:none}
 body .site-header .refined-nav-panel{top:auto;width:100%;padding:4px 0;border-radius:8px;box-shadow:none}
 body .site-header .menu-button{color:var(--text);margin-left:-8px}
 body .site-header .header-inner nav.open{box-shadow:0 18px 40px rgba(10,20,50,.18)}
}
@media(max-width:600px){
 body .disclosure .container{display:block;padding-block:6px}
 body .disclosure .container>span{display:block}
 body .disclosure .container>a{display:inline-block!important;margin-top:2px}
}
