:root {
  --mhx-bg: #eef1f3;
  --mhx-surface: #ffffff;
  --mhx-surface-2: #f7f8f9;
  --mhx-ink: #182027;
  --mhx-ink-soft: #52606b;
  --mhx-line: #d5dce1;
  --mhx-line-strong: #b8c2c9;
  --mhx-steel-950: #11171c;
  --mhx-steel-900: #171f26;
  --mhx-steel-850: #1e2830;
  --mhx-steel-800: #26323b;
  --mhx-steel-700: #34434d;
  --mhx-ember: #d9563d;
  --mhx-ember-dark: #a63c2b;
  --mhx-brass: #c89b42;
  --mhx-brass-light: #e1c171;
  --mhx-blue: #32728f;
  --mhx-link: #215f86;
  --mhx-link-hover: #b84432;
  --mhx-success: #3b7a5c;
  --mhx-danger: #b83f36;
  --mhx-radius: 14px;
  --mhx-radius-sm: 9px;
  --mhx-shadow: 0 10px 30px rgba(18, 30, 39, .09);
  --mhx-shadow-soft: 0 3px 14px rgba(18, 30, 39, .07);
  --mhx-max: 1240px;
  --mhx-font: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 92px;
}

body.mhx-modern {
  margin: 0 !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(200, 155, 66, .08), transparent 28rem),
    linear-gradient(180deg, #f7f8f9 0, var(--mhx-bg) 320px, var(--mhx-bg) 100%) !important;
  color: var(--mhx-ink) !important;
  font-family: var(--mhx-font) !important;
  font-size: 15px;
  line-height: 1.7;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}

body.mhx-modern *,
body.mhx-modern *::before,
body.mhx-modern *::after {
  box-sizing: border-box;
}

body.mhx-modern img {
  max-width: 100%;
}

body.mhx-modern a {
  color: var(--mhx-link);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

body.mhx-modern a:hover {
  color: var(--mhx-link-hover);
}

body.mhx-modern a:focus-visible,
body.mhx-modern button:focus-visible,
body.mhx-modern input:focus-visible,
body.mhx-modern select:focus-visible,
body.mhx-modern textarea:focus-visible,
body.mhx-modern [tabindex="0"]:focus-visible {
  outline: 3px solid rgba(200, 155, 66, .55) !important;
  outline-offset: 2px;
}

.mhx-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.mhx-skip-link {
  position: fixed;
  left: 16px;
  top: 8px;
  z-index: 9999;
  transform: translateY(-160%);
  padding: 9px 14px;
  border-radius: 8px;
  background: #fff;
  color: #111 !important;
  font-weight: 700;
  box-shadow: var(--mhx-shadow-soft);
  transition: transform .18s ease;
}

.mhx-skip-link:focus {
  transform: translateY(0);
}

.mhx-icon {
  display: inline-block;
  width: 1.18em;
  height: 1.18em;
  flex: 0 0 auto;
  background: currentColor;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.mhx-i-armor { -webkit-mask-image: url("/mhx/assets/icons/armor.svg"); mask-image: url("/mhx/assets/icons/armor.svg"); }
.mhx-i-arrow-up { -webkit-mask-image: url("/mhx/assets/icons/arrow-up.svg"); mask-image: url("/mhx/assets/icons/arrow-up.svg"); }
.mhx-i-board { -webkit-mask-image: url("/mhx/assets/icons/board.svg"); mask-image: url("/mhx/assets/icons/board.svg"); }
.mhx-i-bow { -webkit-mask-image: url("/mhx/assets/icons/bow.svg"); mask-image: url("/mhx/assets/icons/bow.svg"); }
.mhx-i-chevron { -webkit-mask-image: url("/mhx/assets/icons/chevron.svg"); mask-image: url("/mhx/assets/icons/chevron.svg"); }
.mhx-i-claw { -webkit-mask-image: url("/mhx/assets/icons/claw.svg"); mask-image: url("/mhx/assets/icons/claw.svg"); }
.mhx-i-close { -webkit-mask-image: url("/mhx/assets/icons/close.svg"); mask-image: url("/mhx/assets/icons/close.svg"); }
.mhx-i-crossmark { -webkit-mask-image: url("/mhx/assets/icons/crossmark.svg"); mask-image: url("/mhx/assets/icons/crossmark.svg"); }
.mhx-i-dual { -webkit-mask-image: url("/mhx/assets/icons/dual.svg"); mask-image: url("/mhx/assets/icons/dual.svg"); }
.mhx-i-faq { -webkit-mask-image: url("/mhx/assets/icons/faq.svg"); mask-image: url("/mhx/assets/icons/faq.svg"); }
.mhx-i-fire { -webkit-mask-image: url("/mhx/assets/icons/fire.svg"); mask-image: url("/mhx/assets/icons/fire.svg"); }
.mhx-i-forge { -webkit-mask-image: url("/mhx/assets/icons/forge.svg"); mask-image: url("/mhx/assets/icons/forge.svg"); }
.mhx-i-gem { -webkit-mask-image: url("/mhx/assets/icons/gem.svg"); mask-image: url("/mhx/assets/icons/gem.svg"); }
.mhx-i-gun { -webkit-mask-image: url("/mhx/assets/icons/gun.svg"); mask-image: url("/mhx/assets/icons/gun.svg"); }
.mhx-i-home { -webkit-mask-image: url("/mhx/assets/icons/home.svg"); mask-image: url("/mhx/assets/icons/home.svg"); }
.mhx-i-hunter-art { -webkit-mask-image: url("/mhx/assets/icons/hunter-art.svg"); mask-image: url("/mhx/assets/icons/hunter-art.svg"); }
.mhx-i-info { -webkit-mask-image: url("/mhx/assets/icons/info.svg"); mask-image: url("/mhx/assets/icons/info.svg"); }
.mhx-i-list { -webkit-mask-image: url("/mhx/assets/icons/list.svg"); mask-image: url("/mhx/assets/icons/list.svg"); }
.mhx-i-map { -webkit-mask-image: url("/mhx/assets/icons/map.svg"); mask-image: url("/mhx/assets/icons/map.svg"); }
.mhx-i-meal { -webkit-mask-image: url("/mhx/assets/icons/meal.svg"); mask-image: url("/mhx/assets/icons/meal.svg"); }
.mhx-i-menu { -webkit-mask-image: url("/mhx/assets/icons/menu.svg"); mask-image: url("/mhx/assets/icons/menu.svg"); }
.mhx-i-palico { -webkit-mask-image: url("/mhx/assets/icons/palico.svg"); mask-image: url("/mhx/assets/icons/palico.svg"); }
.mhx-i-pouch { -webkit-mask-image: url("/mhx/assets/icons/pouch.svg"); mask-image: url("/mhx/assets/icons/pouch.svg"); }
.mhx-i-quest { -webkit-mask-image: url("/mhx/assets/icons/quest.svg"); mask-image: url("/mhx/assets/icons/quest.svg"); }
.mhx-i-ranking { -webkit-mask-image: url("/mhx/assets/icons/ranking.svg"); mask-image: url("/mhx/assets/icons/ranking.svg"); }
.mhx-i-search { -webkit-mask-image: url("/mhx/assets/icons/search.svg"); mask-image: url("/mhx/assets/icons/search.svg"); }
.mhx-i-shield { -webkit-mask-image: url("/mhx/assets/icons/shield.svg"); mask-image: url("/mhx/assets/icons/shield.svg"); }
.mhx-i-skill { -webkit-mask-image: url("/mhx/assets/icons/skill.svg"); mask-image: url("/mhx/assets/icons/skill.svg"); }
.mhx-i-style { -webkit-mask-image: url("/mhx/assets/icons/style.svg"); mask-image: url("/mhx/assets/icons/style.svg"); }
.mhx-i-sword { -webkit-mask-image: url("/mhx/assets/icons/sword.svg"); mask-image: url("/mhx/assets/icons/sword.svg"); }
.mhx-i-target { -webkit-mask-image: url("/mhx/assets/icons/target.svg"); mask-image: url("/mhx/assets/icons/target.svg"); }
.mhx-i-trade { -webkit-mask-image: url("/mhx/assets/icons/trade.svg"); mask-image: url("/mhx/assets/icons/trade.svg"); }

/* Global site header */
.mhx-site-header {
  position: sticky;
  top: 0;
  z-index: 1200;
  width: 100%;
  color: #f5f7f8;
  background:
    linear-gradient(120deg, rgba(255,255,255,.035) 0 22%, transparent 22% 30%, rgba(255,255,255,.025) 30% 32%, transparent 32%),
    linear-gradient(180deg, #1b242b 0%, #12191f 100%);
  border-bottom: 1px solid rgba(225, 193, 113, .5);
  box-shadow: 0 8px 24px rgba(7, 12, 16, .22);
}

.mhx-site-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--mhx-ember), var(--mhx-brass), transparent);
  opacity: .8;
}

.mhx-site-header__inner {
  width: min(var(--mhx-max), calc(100% - 28px));
  min-height: 68px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
}

.mhx-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: max-content;
  color: #fff !important;
  text-decoration: none !important;
}

.mhx-brand__mark {
  position: relative;
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  color: var(--mhx-brass-light);
  border: 1px solid rgba(225, 193, 113, .52);
  background: linear-gradient(145deg, rgba(217, 86, 61, .22), rgba(200, 155, 66, .08));
  clip-path: polygon(18% 0, 82% 0, 100% 18%, 100% 82%, 82% 100%, 18% 100%, 0 82%, 0 18%);
}

.mhx-brand__mark::before,
.mhx-brand__mark::after {
  content: "";
  position: absolute;
  inset: 5px 20px;
  background: currentColor;
  opacity: .16;
  transform: rotate(45deg);
}

.mhx-brand__mark::after {
  transform: rotate(-45deg);
}

.mhx-brand__mark .mhx-icon {
  position: relative;
  z-index: 1;
  width: 24px;
  height: 24px;
}

.mhx-brand__text {
  display: flex;
  flex-direction: column;
  line-height: 1.05;
}

.mhx-brand__text strong {
  font-size: 20px;
  letter-spacing: .02em;
  color: #fff;
}

.mhx-brand__text small {
  margin-top: 5px;
  color: #aeb9c1;
  font-size: 9px;
  letter-spacing: .18em;
  font-weight: 700;
}

.mhx-global-nav {
  min-width: 0;
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 3px;
}

.mhx-global-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 40px;
  padding: 8px 9px;
  border-radius: 8px;
  color: #dbe1e5 !important;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  text-decoration: none !important;
  transition: background .16s ease, color .16s ease, transform .16s ease;
}

.mhx-global-link .mhx-icon {
  width: 17px;
  height: 17px;
  color: #aab5bc;
}

.mhx-global-link:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, .075);
  transform: translateY(-1px);
}

.mhx-global-link:hover .mhx-icon,
.mhx-global-link.is-active .mhx-icon {
  color: var(--mhx-brass-light);
}

.mhx-global-link.is-active {
  color: #fff !important;
  background: linear-gradient(180deg, rgba(217, 86, 61, .2), rgba(200, 155, 66, .08));
  box-shadow: inset 0 0 0 1px rgba(225, 193, 113, .22);
}

.mhx-global-link.is-active::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 2px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--mhx-ember), var(--mhx-brass));
}

.mhx-header-search {
  position: relative;
  display: flex;
  align-items: center;
  width: 242px;
  height: 38px;
  border: 1px solid #46545e;
  border-radius: 9px;
  overflow: hidden;
  background: #0e1419;
}

.mhx-header-search > .mhx-icon {
  position: absolute;
  left: 10px;
  width: 16px;
  height: 16px;
  color: #98a5ae;
  pointer-events: none;
}

.mhx-header-search input[type="search"] {
  width: 100% !important;
  min-width: 0;
  height: 100%;
  padding: 0 58px 0 34px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #f5f7f8 !important;
  font: inherit;
  font-size: 12px !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.mhx-header-search input::placeholder {
  color: #87959f;
  opacity: 1;
}

.mhx-header-search button {
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: 4px;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg, #b64a36, #943524) !important;
  color: #fff !important;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

.mhx-menu-button {
  display: none;
}

/* Legacy duplicate PC navigation is replaced by the global header. */
body.mhx-modern #subheader {
  display: none !important;
}

body.mhx-modern > table[height="30"][bgcolor="#222233"],
body.mhx-modern > table[height="30"][bgcolor="#222933"] {
  display: none !important;
}

/* Main shell */
body.mhx-modern #container {
  width: min(var(--mhx-max), calc(100% - 28px)) !important;
  max-width: var(--mhx-max) !important;
  margin: 22px auto 32px !important;
  padding: 0 !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

@media (min-width: 1051px) {
  body.mhx-modern:not(.mhx-home) #container {
    display: flex !important;
    align-items: flex-start;
    gap: 24px;
  }
  body.mhx-modern:not(.mhx-home) #main {
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 auto;
  }
  body.mhx-modern:not(.mhx-home) #side {
    float: none !important;
    width: 300px !important;
    flex: 0 0 300px;
    margin: 0 !important;
  }
}

body.mhx-modern #main {
  color: var(--mhx-ink);
}

body.mhx-modern #side {
  color: var(--mhx-ink);
}

/* Page title bands emitted by legacy templates. */
body.mhx-modern > table[align="center"] {
  width: min(var(--mhx-max), calc(100% - 28px)) !important;
  margin: 20px auto 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden;
  border-radius: var(--mhx-radius) !important;
  background: transparent !important;
  box-shadow: var(--mhx-shadow-soft);
}

body.mhx-modern > table[align="center"] > tbody > tr > td[bgcolor="#222233"],
body.mhx-modern > table[align="center"] > tbody > tr > td[bgcolor="#222933"],
body.mhx-modern > table[align="center"] > tr > td[bgcolor="#222233"],
body.mhx-modern > table[align="center"] > tr > td[bgcolor="#222933"] {
  position: relative;
  padding: 17px 22px !important;
  background:
    linear-gradient(120deg, rgba(217, 86, 61, .18), transparent 28%),
    linear-gradient(135deg, var(--mhx-steel-850), var(--mhx-steel-950)) !important;
  border: 1px solid #2d3942 !important;
}

body.mhx-modern > table[align="center"] h1 {
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-family: var(--mhx-font) !important;
  font-size: clamp(22px, 3vw, 32px) !important;
  line-height: 1.35 !important;
  letter-spacing: .015em;
  text-shadow: 0 2px 10px rgba(0,0,0,.25);
}

body.mhx-modern > table[align="center"] h1::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 1.1em;
  margin-right: 10px;
  vertical-align: -.12em;
  border-radius: 3px;
  background: linear-gradient(180deg, var(--mhx-ember), var(--mhx-brass));
}

/* Breadcrumbs */
body.mhx-modern #navia {
  width: min(var(--mhx-max), calc(100% - 28px)) !important;
  margin: 9px auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.mhx-modern #navib {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.mhx-modern #breadcrumbs {
  color: #67747e;
  font-size: 12px;
}

body.mhx-modern #breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 7px 10px;
  list-style: none;
  border-radius: 8px;
  background: rgba(255,255,255,.68);
  border: 1px solid rgba(188,199,206,.7);
}

body.mhx-modern #breadcrumbs li {
  display: inline-flex;
  align-items: center;
}

body.mhx-modern #breadcrumbs li + li::before {
  content: ">";
  margin: 0 8px;
  color: #9aa5ad;
}

body.mhx-modern #breadcrumbs a {
  color: #496675;
  text-decoration: none;
}

/* Typography and section headings */
body.mhx-modern h1,
body.mhx-modern h2,
body.mhx-modern h3,
body.mhx-modern h4 {
  font-family: var(--mhx-font);
}

body.mhx-modern #main h2,
body.mhx-modern #main h3,
body.mhx-modern #box h2,
body.mhx-modern #box h3,
body.mhx-modern #box3 h2,
body.mhx-modern #box3 h3,
body.mhx-modern #side h3 {
  position: relative;
  margin: 20px 0 10px !important;
  padding: 11px 14px 11px 46px !important;
  min-height: 44px;
  border: 1px solid #cbd3d9 !important;
  border-left: 4px solid var(--mhx-ember) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(90deg, rgba(200,155,66,.08), transparent 46%),
    linear-gradient(180deg, #fff, #f5f7f8) !important;
  color: #202b33 !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  text-align: left !important;
  letter-spacing: .01em;
  box-shadow: 0 2px 7px rgba(19, 31, 39, .04);
  text-indent: 0 !important;
  height: auto !important;
  overflow: visible !important;
}

body.mhx-modern .mhx-heading-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  transform: translateY(-50%);
  color: var(--mhx-ember);
}

body.mhx-modern .mhx-heading-icon .mhx-icon {
  width: 21px;
  height: 21px;
}

body.mhx-modern font[size="1"] {
  font-size: 11px !important;
}

body.mhx-modern font[size="2"] {
  font-size: 14px !important;
  line-height: 1.65;
}

body.mhx-modern font[size="3"] {
  font-size: 15px !important;
}

body.mhx-modern p {
  line-height: 1.8;
}

/* Section/card treatment for common legacy wrappers. */
body.mhx-modern #main > #margin10,
body.mhx-modern #main > #divmargin,
body.mhx-modern #block > #margin10,
body.mhx-modern #box > #margin10,
body.mhx-modern #box3 > #margin10,
body.mhx-modern #box4 > #margin10,
body.mhx-modern #side > #divmargin {
  margin: 0 0 16px !important;
  padding: 0 !important;
  border-radius: var(--mhx-radius);
}

body.mhx-modern #main > #margin10 > table,
body.mhx-modern #main > #divmargin > table,
body.mhx-modern #block > #margin10 > table,
body.mhx-modern #box > #margin10 > table,
body.mhx-modern #box3 > #margin10 > table,
body.mhx-modern #box4 > #margin10 > table,
body.mhx-modern #side > #divmargin > table {
  border: 1px solid var(--mhx-line) !important;
  border-radius: 10px;
  overflow: hidden;
  background: var(--mhx-surface);
  box-shadow: var(--mhx-shadow-soft);
}

/* Tables */
body.mhx-modern table {
  max-width: 100%;
  color: var(--mhx-ink);
}

body.mhx-modern #main table,
body.mhx-modern #box table,
body.mhx-modern #box3 table,
body.mhx-modern #box4 table,
body.mhx-modern #side table,
body.mhx-modern #block table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

body.mhx-modern #main td,
body.mhx-modern #main th,
body.mhx-modern #box td,
body.mhx-modern #box th,
body.mhx-modern #box3 td,
body.mhx-modern #box3 th,
body.mhx-modern #box4 td,
body.mhx-modern #box4 th,
body.mhx-modern #side td,
body.mhx-modern #side th,
body.mhx-modern #block td,
body.mhx-modern #block th {
  padding: 8px 10px;
  border-color: #d8dfe4 !important;
  vertical-align: middle;
}

body.mhx-modern td[bgcolor="#efefef"],
body.mhx-modern td[bgcolor="#eeeeee"],
body.mhx-modern td[bgcolor="#e6e6e6"],
body.mhx-modern td[bgcolor="#f6f6f6"],
body.mhx-modern th[bgcolor="#efefef"],
body.mhx-modern th[bgcolor="#eeeeee"],
body.mhx-modern th[bgcolor="#e6e6e6"],
body.mhx-modern th[bgcolor="#f6f6f6"] {
  background: #f6f8f9 !important;
}

body.mhx-modern td[bgcolor="#222233"],
body.mhx-modern td[bgcolor="#222933"],
body.mhx-modern td[bgcolor="#333344"],
body.mhx-modern td[bgcolor="#555566"],
body.mhx-modern td[bgcolor="#666677"],
body.mhx-modern th[bgcolor="#222233"],
body.mhx-modern th[bgcolor="#222933"],
body.mhx-modern th[bgcolor="#333344"],
body.mhx-modern th[bgcolor="#555566"],
body.mhx-modern th[bgcolor="#666677"] {
  background: linear-gradient(180deg, #34414a, #27323a) !important;
  color: #fff !important;
}

body.mhx-modern td[bgcolor="#222233"] a,
body.mhx-modern td[bgcolor="#222933"] a,
body.mhx-modern td[bgcolor="#333344"] a,
body.mhx-modern td[bgcolor="#555566"] a,
body.mhx-modern td[bgcolor="#666677"] a,
body.mhx-modern th[bgcolor="#222233"] a,
body.mhx-modern th[bgcolor="#222933"] a,
body.mhx-modern th[bgcolor="#333344"] a,
body.mhx-modern th[bgcolor="#555566"] a,
body.mhx-modern th[bgcolor="#666677"] a {
  color: #fff !important;
}

.mhx-table-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  margin: 0 0 14px;
  border-radius: 10px;
}

.mhx-table-scroll > table {
  margin-bottom: 0 !important;
}

.mhx-table-scroll.is-scrollable {
  border-right: 1px solid var(--mhx-line);
  border-left: 1px solid var(--mhx-line);
  background: linear-gradient(90deg, rgba(31,47,58,.04), transparent 18px, transparent calc(100% - 18px), rgba(31,47,58,.04));
}

.mhx-scroll-hint {
  display: none;
  margin: -7px 0 12px;
  color: #77848d;
  font-size: 11px;
  text-align: right;
}

/* Forms */
body.mhx-modern input[type="text"],
body.mhx-modern input[type="search"],
body.mhx-modern input[type="password"],
body.mhx-modern input[type="email"],
body.mhx-modern input[type="number"],
body.mhx-modern select,
body.mhx-modern textarea {
  max-width: 100%;
  min-height: 38px;
  padding: 7px 10px;
  border: 1px solid #aeb9c1;
  border-radius: 8px;
  background: #fff;
  color: #172128;
  font-family: var(--mhx-font);
  font-size: 14px;
  box-shadow: inset 0 1px 2px rgba(15, 24, 30, .04);
}

body.mhx-modern textarea {
  line-height: 1.65;
  resize: vertical;
}

body.mhx-modern input[type="submit"],
body.mhx-modern input[type="button"],
body.mhx-modern button:not(.mhx-menu-button):not(.mhx-back-to-top) {
  min-height: 38px;
  padding: 7px 14px;
  border: 1px solid #9d3c2d;
  border-radius: 8px;
  background: linear-gradient(180deg, #d75a42, #b3402e);
  color: #fff;
  font-family: var(--mhx-font);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(111, 42, 31, .16);
}

body.mhx-modern input[type="submit"]:hover,
body.mhx-modern input[type="button"]:hover,
body.mhx-modern button:not(.mhx-menu-button):not(.mhx-back-to-top):hover {
  filter: brightness(.96);
}

/* Link chips and legacy badges */
body.mhx-modern .sklinks,
body.mhx-modern .bclinks,
body.mhx-modern .bc-links1,
body.mhx-modern .bc-links3 {
  display: inline-block;
  margin: 2px;
  border-radius: 7px;
}

body.mhx-modern .bcit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  min-height: 20px;
  padding: 1px 5px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
}

body.mhx-modern .bc-it1 { background: #e6f3ec; color: #286544; }
body.mhx-modern .bc-it2 { background: #f9e5df; color: #9f3b2c; }
body.mhx-modern .bc-it3 { background: #e9eef1; color: #5c6870; }
body.mhx-modern .bc-it4 { background: #e7edf5; color: #365f86; }

/* Homepage */
body.mhx-home #container {
  display: block !important;
  margin-top: 18px !important;
}

body.mhx-home #header {
  position: relative;
  isolation: isolate;
  min-height: 196px;
  margin: 0 0 18px !important;
  padding: 38px 42px !important;
  overflow: hidden;
  border: 1px solid #2f3b44;
  border-radius: 18px;
  background:
    linear-gradient(90deg, rgba(14, 20, 25, .98) 0%, rgba(18, 25, 31, .96) 46%, rgba(18,25,31,.56) 72%, rgba(18,25,31,.34) 100%),
    url("/mhx/img/xxtop.jpg") right center / auto 100% no-repeat !important;
  box-shadow: 0 16px 36px rgba(16, 25, 32, .18);
}

body.mhx-home #header::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -58px;
  top: 20px;
  width: 285px;
  height: 285px;
  border: 1px solid rgba(225, 193, 113, .16);
  transform: rotate(45deg);
}

body.mhx-home #header::after {
  content: "MHXX  /  HUNTER DATABASE";
  position: absolute;
  left: 44px;
  bottom: 28px;
  color: #9facb4;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .22em;
}

body.mhx-home #header h1 {
  max-width: 660px;
  margin: 0 !important;
  padding: 0 0 48px !important;
  color: #fff !important;
  font-size: clamp(30px, 4vw, 52px) !important;
  line-height: 1.25 !important;
  letter-spacing: .01em;
  text-shadow: 0 3px 15px rgba(0,0,0,.38);
}

body.mhx-home #header h1::before {
  content: "";
  display: block;
  width: 62px;
  height: 5px;
  margin-bottom: 16px;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--mhx-ember), var(--mhx-brass));
  box-shadow: 0 0 18px rgba(217, 86, 61, .35);
}

body.mhx-home #tbox {
  width: 100% !important;
  margin: 0 0 20px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 18px;
}

body.mhx-home #tbox > #box,
body.mhx-home #tbox > #box3,
body.mhx-home #tbox > #box4 {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.mhx-home #tbox > #box3,
body.mhx-home #tbox > #box4 {
  grid-column: 1 / -1;
}

body.mhx-home #box > #margin10,
body.mhx-home #box3 > #margin10 {
  overflow: hidden;
  border: 1px solid var(--mhx-line);
  border-radius: var(--mhx-radius);
  background: #fff;
  box-shadow: var(--mhx-shadow-soft);
}

body.mhx-home #box > #margin10 > h3,
body.mhx-home #box3 > #margin10 > h3 {
  margin: 0 !important;
  border-width: 0 0 1px 4px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.mhx-home #box > #margin10 > table,
body.mhx-home #box3 > #margin10 > table {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.mhx-home #box3 img[src*="xxtop.jpg"] {
  display: none !important;
}

body.mhx-home #box3 td {
  padding: 16px 18px !important;
  background: #fff !important;
}

body.mhx-home #box3 font[size="2"] {
  font-size: 14px !important;
  color: #43515b !important;
}

.mhx-home-quick {
  margin: 0 0 24px;
  padding: 24px;
  border: 1px solid #cbd4da;
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(200,155,66,.06), transparent 34%),
    #fff;
  box-shadow: var(--mhx-shadow);
}

.mhx-home-quick__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}

.mhx-eyebrow {
  display: inline-block;
  margin-bottom: 3px;
  color: var(--mhx-ember-dark);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .18em;
}

.mhx-home-quick h2 {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #1c272f !important;
  font-size: clamp(20px, 3vw, 28px) !important;
}

.mhx-home-quick p {
  margin: 7px 0 0;
  color: #65727c;
  font-size: 13px;
}

.mhx-home-quick__search {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 13px;
  border: 1px solid #b8c2c9;
  border-radius: 9px;
  background: #f6f8f9;
  color: #33434d !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none !important;
  white-space: nowrap;
}

.mhx-home-quick__search .mhx-icon {
  color: var(--mhx-ember);
}

.mhx-home-quick__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.mhx-quick-card {
  position: relative;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 11px;
  min-height: 78px;
  padding: 13px 12px;
  overflow: hidden;
  border: 1px solid #d4dce1;
  border-radius: 11px;
  background: linear-gradient(180deg, #fff, #f7f9fa);
  color: var(--mhx-ink) !important;
  text-decoration: none !important;
  transition: transform .17s ease, border-color .17s ease, box-shadow .17s ease;
}

.mhx-quick-card::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  background: linear-gradient(180deg, var(--mhx-ember), var(--mhx-brass));
  opacity: .85;
}

.mhx-quick-card:hover {
  transform: translateY(-2px);
  border-color: #b6c1c8;
  box-shadow: 0 8px 18px rgba(20, 32, 40, .09);
}

.mhx-quick-card__icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(145deg, #35434d, #1e2931);
  box-shadow: inset 0 0 0 1px rgba(225,193,113,.25);
}

.mhx-quick-card__icon .mhx-icon {
  width: 23px;
  height: 23px;
  color: var(--mhx-brass-light);
}

.mhx-quick-card__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.mhx-quick-card__body strong {
  color: #1c262d;
  font-size: 14px;
  line-height: 1.3;
}

.mhx-quick-card__body small {
  color: #6b7780;
  font-size: 11px;
  line-height: 1.45;
}

.mhx-quick-card__arrow {
  width: 16px;
  height: 16px;
  color: #9aa6ae;
  transition: transform .17s ease, color .17s ease;
}

.mhx-quick-card:hover .mhx-quick-card__arrow {
  transform: translateX(2px);
  color: var(--mhx-ember);
}

/* Side ranking */
body.mhx-modern #side > #divmargin:first-of-type {
  margin-top: 0 !important;
}

body.mhx-modern #side > #divmargin:first-of-type > h3,
body.mhx-modern #side h3 {
  margin: 0 0 8px !important;
  padding: 10px 12px 10px 42px !important;
  min-height: 42px;
  background: linear-gradient(145deg, #26333c, #172027) !important;
  color: #fff !important;
  border: 1px solid #33414b !important;
  border-left: 4px solid var(--mhx-brass) !important;
  box-shadow: var(--mhx-shadow-soft);
}

body.mhx-modern #side #sidetable {
  width: 100% !important;
  border: 1px solid var(--mhx-line) !important;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  box-shadow: var(--mhx-shadow-soft);
}

body.mhx-modern #side #sidetable tr:nth-child(even) td {
  background: #f7f9fa !important;
}

body.mhx-modern #side #sidetable td:first-child {
  width: 50px !important;
  color: #33434d;
}

body.mhx-modern #side #sidetable td {
  font-size: 12px;
  line-height: 1.45;
}

/* Tabs and in-page navigation */
body.mhx-modern #tab-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 10px 0 !important;
  padding: 0 !important;
  list-style: none;
}

body.mhx-modern #tab-menu li {
  padding: 7px 12px !important;
  border: 1px solid #c8d0d6;
  border-radius: 8px;
  background: #f4f6f7;
  color: #46555f;
  cursor: pointer;
}

body.mhx-modern #tab-menu li.active {
  border-color: #a94332;
  background: linear-gradient(180deg, #d75a42, #b44130);
  color: #fff;
}

body.mhx-modern #block > table:first-child a,
body.mhx-modern #block > table:first-child font {
  text-decoration: none;
}

/* BBS */
body.mhx-bbs #main > table,
body.mhx-bbs #main #block > table {
  border: 1px solid var(--mhx-line) !important;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  box-shadow: var(--mhx-shadow-soft);
}

body.mhx-bbs #main textarea {
  width: min(100%, 760px) !important;
}

body.mhx-bbs #main form {
  line-height: 1.8;
}

/* Make / user generated equipment */
body.mhx-make #main > form,
body.mhx-make #main #block > form {
  display: block;
  padding: 14px;
  border: 1px solid var(--mhx-line);
  border-radius: 10px;
  background: #fff;
}

/* Hide the small legacy copyright strip after the modern footer is present. */
body.mhx-modern .mhx-legacy-footer {
  display: none !important;
}

/* Footer */
.mhx-site-footer {
  margin-top: 34px;
  color: #c6cfd5;
  background:
    linear-gradient(120deg, rgba(217,86,61,.08), transparent 25%),
    #12191f;
  border-top: 1px solid #36434c;
}

.mhx-site-footer__inner {
  width: min(var(--mhx-max), calc(100% - 28px));
  min-height: 112px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 24px;
}

.mhx-site-footer__brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--mhx-brass-light);
}

.mhx-site-footer__brand > .mhx-icon {
  width: 26px;
  height: 26px;
}

.mhx-site-footer__brand span {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

.mhx-site-footer__brand strong {
  color: #fff;
  font-size: 15px;
}

.mhx-site-footer__brand small {
  margin-top: 4px;
  color: #7f8d97;
  font-size: 10px;
  letter-spacing: .12em;
}

.mhx-site-footer__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.mhx-site-footer__nav a {
  color: #c5ced4 !important;
  font-size: 12px;
  text-decoration: none !important;
}

.mhx-site-footer__nav a:hover {
  color: #fff !important;
}

.mhx-site-footer__copy {
  color: #77858e;
  font-size: 11px;
}

.mhx-back-to-top {
  position: fixed;
  z-index: 1100;
  right: 18px;
  bottom: 18px;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0 !important;
  border: 1px solid #47545e !important;
  border-radius: 10px !important;
  background: rgba(23, 31, 38, .92) !important;
  color: var(--mhx-brass-light) !important;
  box-shadow: 0 8px 20px rgba(8, 14, 18, .24);
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity .18s ease, transform .18s ease;
  cursor: pointer;
}

.mhx-back-to-top .mhx-icon {
  width: 20px;
  height: 20px;
}

.mhx-back-to-top.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

/* Responsive */
@media (max-width: 1180px) {
  .mhx-site-header__inner {
    grid-template-columns: auto 1fr;
    gap: 10px 14px;
    padding: 10px 0;
  }
  .mhx-global-nav {
    grid-column: 1 / -1;
    order: 3;
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 1px;
    scrollbar-width: thin;
  }
  .mhx-header-search {
    justify-self: end;
  }
}

@media (max-width: 1050px) {
  body.mhx-modern #container {
    display: block !important;
  }
  body.mhx-modern #main,
  body.mhx-modern #side {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
  body.mhx-modern #side {
    margin-top: 22px !important;
  }
  body.mhx-modern #side #sidetable {
    columns: auto;
  }
  .mhx-home-quick__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.mhx-home #tbox {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.mhx-home #tbox > #box3,
  body.mhx-home #tbox > #box4 {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  html {
    scroll-padding-top: 72px;
  }
  body.mhx-modern {
    font-size: 14px;
  }
  .mhx-site-header {
    position: sticky;
  }
  .mhx-site-header__inner {
    width: min(100% - 18px, var(--mhx-max));
    min-height: 60px;
    padding: 8px 0;
    grid-template-columns: 1fr auto;
  }
  .mhx-brand__mark {
    width: 38px;
    height: 38px;
  }
  .mhx-brand__mark .mhx-icon {
    width: 21px;
    height: 21px;
  }
  .mhx-brand__text strong {
    font-size: 18px;
  }
  .mhx-brand__text small {
    font-size: 8px;
  }
  .mhx-menu-button {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid #45535d;
    border-radius: 8px;
    background: #202a32;
    color: #fff;
    font-family: var(--mhx-font);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
  }
  .mhx-menu-button .mhx-icon {
    width: 17px;
    height: 17px;
    color: var(--mhx-brass-light);
  }
  .mhx-menu-button__close {
    display: none;
  }
  .mhx-menu-button[aria-expanded="true"] .mhx-menu-button__open {
    display: none;
  }
  .mhx-menu-button[aria-expanded="true"] .mhx-menu-button__close {
    display: inline-block;
  }
  .mhx-global-nav {
    display: none;
    grid-column: 1 / -1;
    order: 3;
    padding: 7px 0 1px;
    overflow: visible;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .mhx-global-nav.is-open {
    display: grid;
  }
  .mhx-global-link {
    justify-content: flex-start;
    min-height: 42px;
    padding: 9px 10px;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.045);
  }
  .mhx-header-search {
    display: none;
    grid-column: 1 / -1;
    order: 4;
    justify-self: stretch;
    width: 100%;
    margin-top: 4px;
  }
  .mhx-site-header.is-menu-open .mhx-header-search {
    display: flex;
  }
  body.mhx-modern #container,
  body.mhx-modern #navia,
  body.mhx-modern > table[align="center"] {
    width: calc(100% - 18px) !important;
  }
  body.mhx-modern #container {
    margin-top: 12px !important;
  }
  body.mhx-modern > table[align="center"] {
    margin-top: 12px !important;
    border-radius: 11px !important;
  }
  body.mhx-modern > table[align="center"] > tbody > tr > td[bgcolor="#222233"],
  body.mhx-modern > table[align="center"] > tbody > tr > td[bgcolor="#222933"] {
    padding: 13px 14px !important;
  }
  body.mhx-modern > table[align="center"] h1 {
    font-size: 22px !important;
  }
  body.mhx-modern #breadcrumbs ol {
    padding: 6px 8px;
  }
  body.mhx-modern #main h2,
  body.mhx-modern #main h3,
  body.mhx-modern #box h2,
  body.mhx-modern #box h3,
  body.mhx-modern #box3 h2,
  body.mhx-modern #box3 h3 {
    padding: 10px 11px 10px 42px !important;
    min-height: 41px;
    font-size: 16px !important;
  }
  body.mhx-modern #main td,
  body.mhx-modern #main th,
  body.mhx-modern #box td,
  body.mhx-modern #box th,
  body.mhx-modern #box3 td,
  body.mhx-modern #box3 th,
  body.mhx-modern #block td,
  body.mhx-modern #block th {
    padding: 7px 8px;
  }
  body.mhx-modern font[size="2"] {
    font-size: 13px !important;
  }
  body.mhx-home #header {
    min-height: 164px;
    padding: 25px 22px !important;
    background:
      linear-gradient(90deg, rgba(14,20,25,.97), rgba(18,25,31,.82)),
      url("/mhx/img/xxtop.jpg") 70% center / cover no-repeat !important;
  }
  body.mhx-home #header::after {
    left: 24px;
    bottom: 20px;
    font-size: 8px;
  }
  body.mhx-home #header h1 {
    max-width: 78%;
    padding-bottom: 42px !important;
    font-size: clamp(27px, 8vw, 38px) !important;
  }
  .mhx-home-quick {
    padding: 17px 13px;
    border-radius: 14px;
  }
  .mhx-home-quick__head {
    display: block;
  }
  .mhx-home-quick__search {
    width: 100%;
    justify-content: center;
    margin-top: 12px;
  }
  .mhx-home-quick__grid,
  body.mhx-home #tbox {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  body.mhx-home #tbox > #box3,
  body.mhx-home #tbox > #box4 {
    grid-column: auto;
  }
  .mhx-quick-card {
    min-height: 70px;
    grid-template-columns: 39px minmax(0,1fr) 16px;
  }
  .mhx-quick-card__icon {
    width: 38px;
    height: 38px;
  }
  .mhx-quick-card__body small {
    font-size: 10px;
  }
  .mhx-scroll-hint {
    display: block;
  }
  .mhx-site-footer__inner {
    width: calc(100% - 24px);
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }
  .mhx-site-footer__nav {
    gap: 10px 16px;
  }
  .mhx-back-to-top {
    right: 12px;
    bottom: 12px;
  }
}

@media (max-width: 420px) {
  .mhx-global-nav {
    grid-template-columns: 1fr 1fr;
  }
  .mhx-global-link {
    font-size: 11px;
  }
  body.mhx-home #header h1 {
    max-width: 100%;
  }
  .mhx-quick-card__body small {
    display: none;
  }
  .mhx-quick-card {
    min-height: 58px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}

/* Compact factual badges in the top quick-access panel. */
.mhx-home-quick__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 11px;
}

.mhx-home-quick__meta > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 27px;
  padding: 4px 9px;
  border: 1px solid #d3d9dd;
  border-radius: 999px;
  background: #f3f6f7;
  color: #46545d;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .01em;
}

.mhx-home-quick__meta .mhx-icon {
  width: 14px;
  height: 14px;
  color: var(--mhx-ember);
}

@media (max-width: 760px) {
  .mhx-home-quick__meta {
    gap: 5px;
    margin-top: 9px;
  }
  .mhx-home-quick__meta > span {
    min-height: 25px;
    padding: 3px 7px;
    font-size: 10px;
  }
}



/* 2026-09-17c: compact top introduction and retire duplicated legacy footer. */
body.mhx-modern #footer,
body.mhx-modern #last,
body.mhx-modern .gc-mh-series-links {
  display: none !important;
}

body.mhx-home .mhx-top-intro td {
  padding: 14px 18px !important;
}

body.mhx-home .mhx-top-intro__content {
  text-align: left;
}

body.mhx-home .mhx-top-intro__text {
  margin: 0;
  color: #43515b;
  font-size: 14px;
  line-height: 1.8;
}

body.mhx-home .mhx-top-intro__links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 11px;
}

body.mhx-home .mhx-top-intro__links a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid #c9d1d6;
  border-radius: 8px;
  background: #f5f7f8;
  color: #344650 !important;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none !important;
}

body.mhx-home .mhx-top-intro__links a:hover {
  border-color: #9eabb3;
  background: #eef2f4;
}

.mhx-site-footer__copy a {
  color: inherit !important;
  text-decoration: none !important;
}

.mhx-site-footer__copy a:hover {
  color: #c6cfd5 !important;
}

@media (max-width: 760px) {
  body.mhx-home .mhx-top-intro td {
    padding: 11px 13px !important;
  }

  body.mhx-home .mhx-top-intro__text {
    font-size: 13px;
    line-height: 1.7;
  }

  body.mhx-home .mhx-top-intro__links {
    gap: 6px;
    margin-top: 9px;
  }

  body.mhx-home .mhx-top-intro__links a {
    min-height: 30px;
    padding: 5px 9px;
    font-size: 11px;
  }

  .mhx-site-footer {
    margin-top: 24px;
  }

  .mhx-site-footer__inner {
    padding: 18px 0;
    gap: 10px;
  }
}

/* 2026-09-17e: faster mobile discovery, section navigation, and contextual links. */
.mhx-home-quick__utility {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e0e5e8;
}

.mhx-home-quick__utility a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid #d1d8dd;
  border-radius: 999px;
  background: #f7f9fa;
  color: #3b4c56 !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none !important;
}

.mhx-home-quick__utility a:hover {
  border-color: #aeb9c0;
  background: #f0f3f5;
}

.mhx-home-quick__utility .mhx-icon {
  width: 15px;
  height: 15px;
  color: var(--mhx-ember);
}

/* In-page navigation for long database/detail pages. */
.mhx-page-jump {
  width: min(var(--mhx-max), calc(100% - 28px));
  margin: 10px auto 4px;
  padding: 9px 10px;
  border: 1px solid #c8d1d7;
  border-radius: 11px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 4px 14px rgba(18,30,39,.08);
}

.mhx-page-jump__inner {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.mhx-page-jump__title {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: 0 0 auto;
  color: #33444e;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
  white-space: nowrap;
}

.mhx-page-jump__title .mhx-icon {
  width: 15px;
  height: 15px;
  color: var(--mhx-brass);
}

.mhx-page-jump__links {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

.mhx-page-jump__links a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: 0 0 auto;
  min-height: 31px;
  padding: 5px 9px;
  border: 1px solid #d3dade;
  border-radius: 8px;
  background: #f6f8f9;
  color: #3c4d57 !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none !important;
}

.mhx-page-jump__links a:hover,
.mhx-page-jump__links a.is-active {
  border-color: #c47a68;
  background: #fff5f1;
  color: #913d2f !important;
}

.mhx-page-jump__links .mhx-icon {
  width: 14px;
  height: 14px;
  color: var(--mhx-ember);
}

.mhx-section-target {
  scroll-margin-top: 120px;
}

@media (min-width: 761px) {
  .mhx-page-jump {
    position: sticky;
    top: 72px;
    z-index: 650;
  }
}

/* Route-aware related links are rendered server-side so they remain crawlable. */
.mhx-related-guide {
  width: min(var(--mhx-max), calc(100% - 28px));
  margin: 26px auto 0;
}

.mhx-related-guide__inner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  border: 1px solid #cbd3d8;
  border-radius: 12px;
  background:
    linear-gradient(110deg, rgba(200,155,66,.07), transparent 34%),
    #fff;
  box-shadow: var(--mhx-shadow-soft);
}

.mhx-related-guide__title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  color: #26343d;
  font-size: 12px;
  white-space: nowrap;
}

.mhx-related-guide__title .mhx-icon {
  width: 17px;
  height: 17px;
  color: var(--mhx-brass);
}

.mhx-related-guide__links {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.mhx-related-guide__links a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 31px;
  padding: 5px 9px;
  border: 1px solid #d5dce0;
  border-radius: 8px;
  background: #f6f8f9;
  color: #3d505b !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none !important;
}

.mhx-related-guide__links a:hover {
  border-color: #b9c3c9;
  background: #eef2f4;
}

.mhx-related-guide__links .mhx-icon {
  width: 14px;
  height: 14px;
  color: var(--mhx-ember);
}

.mhx-legacy-jump {
  display: none !important;
}

@media (max-width: 760px) {
  /* The global brand already provides visual identity, so keep the H1 hero compact. */
  body.mhx-home #header {
    min-height: 0;
    margin-bottom: 10px !important;
    padding: 13px 15px !important;
    border-radius: 12px;
    background:
      linear-gradient(120deg, rgba(217,86,61,.13), transparent 34%),
      linear-gradient(135deg, #202b33, #12191f) !important;
  }

  body.mhx-home #header::before,
  body.mhx-home #header::after,
  body.mhx-home #header img {
    display: none !important;
  }

  body.mhx-home #header h1 {
    max-width: none;
    padding: 0 !important;
    font-size: 21px !important;
    line-height: 1.35 !important;
  }

  body.mhx-home #header h1::before {
    display: inline-block;
    width: 4px;
    height: 1.05em;
    margin: 0 9px 0 0;
    vertical-align: -.08em;
  }

  .mhx-home-quick {
    margin-bottom: 12px;
    padding: 14px 10px 11px;
  }

  .mhx-home-quick__head {
    margin-bottom: 11px;
  }

  .mhx-home-quick h2 {
    font-size: 19px !important;
    line-height: 1.35 !important;
  }

  .mhx-home-quick p {
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.55;
  }

  .mhx-home-quick__meta {
    display: none;
  }

  .mhx-home-quick__search {
    min-height: 38px;
    margin-top: 9px;
    font-size: 11px;
  }

  .mhx-home-quick__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .mhx-quick-card {
    min-height: 58px;
    grid-template-columns: 31px minmax(0, 1fr);
    gap: 7px;
    padding: 8px 7px;
    border-radius: 9px;
  }

  .mhx-quick-card__icon {
    width: 31px;
    height: 31px;
    border-radius: 8px;
  }

  .mhx-quick-card__icon .mhx-icon {
    width: 18px;
    height: 18px;
  }

  .mhx-quick-card__body {
    gap: 0;
  }

  .mhx-quick-card__body strong {
    font-size: 12px;
    line-height: 1.35;
  }

  .mhx-quick-card__body small,
  .mhx-quick-card__arrow {
    display: none !important;
  }

  .mhx-home-quick__utility {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    margin-top: 9px;
    padding-top: 9px;
  }

  .mhx-home-quick__utility a {
    justify-content: center;
    min-width: 0;
    padding: 5px 6px;
    border-radius: 8px;
    font-size: 10px;
    text-align: center;
    white-space: nowrap;
  }

  .mhx-home-quick__utility .mhx-icon {
    display: none;
  }

  .mhx-page-jump,
  .mhx-related-guide {
    width: calc(100% - 18px);
  }

  .mhx-page-jump {
    margin-top: 7px;
    padding: 7px 8px;
  }

  .mhx-page-jump__inner {
    display: block;
  }

  .mhx-page-jump__title {
    margin: 0 0 6px 2px;
    font-size: 10px;
  }

  .mhx-page-jump__links {
    gap: 5px;
  }

  .mhx-page-jump__links a {
    min-height: 30px;
    padding: 5px 8px;
    font-size: 10px;
  }

  .mhx-section-target {
    scroll-margin-top: 78px;
  }

  .mhx-related-guide {
    margin-top: 18px;
  }

  .mhx-related-guide__inner {
    display: block;
    padding: 11px;
  }

  .mhx-related-guide__title {
    margin-bottom: 8px;
  }

  .mhx-related-guide__links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .mhx-related-guide__links a {
    min-width: 0;
    justify-content: flex-start;
    padding: 6px 7px;
    font-size: 10px;
  }
}

@media (max-width: 380px) {
  .mhx-quick-card__body strong {
    font-size: 11px;
  }

  .mhx-home-quick__utility a {
    font-size: 9px;
  }
}