/* Six primary choices; the existing disclosure and keyboard controls remain. */
html:root body .header [data-simplified-mortgages] .nav-menu-inner {
  width: 100%; max-width: none; padding: 24px;
}
html:root body .header [data-simplified-mortgages] .nav-menu-head {
  gap: 18px; min-height: 36px; margin: 0 0 18px; padding: 0 0 18px;
  border-bottom: 1px solid rgba(var(--neon-rgb), .2);
}
html:root body .header [data-simplified-mortgages] .nav-menu-head h2 {
  flex: 1; margin: 0; font-size: 1.45rem; line-height: 1.3;
}
html:root body .header .mortgage-nav-overview {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px;
  margin: 0 0 22px;
}
html:root body .header .mortgage-nav-hub {
  display: grid; gap: 5px; min-width: 0; padding: 17px 18px;
  border: 1px solid rgba(var(--neon-rgb), .3); border-radius: 12px;
  background: var(--site-tile-paper); color: var(--site-tile-ink);
  text-decoration: none; white-space: normal; line-height: 1.45;
}
html:root body .header .mortgage-nav-hub strong { font-size: 1rem; }
html:root body .header .mortgage-nav-hub > span { font-size: .875rem; color: var(--site-tile-muted); }
html:root body .header .mortgage-nav-hub b { font-size: .85rem; color: var(--site-tile-accent); padding-top: 3px; }
html:root body .header .mortgage-nav-hub:is(:hover, :focus-visible, [aria-current="page"]) {
  background: rgba(var(--neon-rgb), .075); border-color: var(--site-tile-accent);
}
html:root body .header .mortgage-nav-hub[aria-current="page"] { box-shadow: inset 4px 0 var(--neon-accent); }
html:root body .header [data-simplified-mortgages] .mortgage-nav-groups {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px; align-items: start;
}
html:root body .header [data-simplified-mortgages] .mortgage-nav-group {
  min-width: 0; margin: 0; padding: 0; overflow: hidden;
  border: 1px solid rgba(var(--neon-rgb), .2); border-radius: 12px;
  background: var(--site-tile-paper);
}
html:root body .header [data-simplified-mortgages] .mortgage-nav-group > summary {
  display: grid; grid-template-columns: minmax(0, 1fr) 9px; gap: 3px 12px;
  align-items: center; min-height: 76px; padding: 13px 15px;
  list-style: none; cursor: pointer; background: rgba(var(--neon-rgb), .045);
}
html:root body .header [data-simplified-mortgages] summary::-webkit-details-marker { display: none; }
html:root body .header [data-simplified-mortgages] summary::marker { content: ""; }
html:root body .header [data-simplified-mortgages] .mortgage-nav-family-label {
  grid-column: 1; font-size: .72rem; line-height: 1.4; font-weight: 650;
  letter-spacing: .055em; color: var(--site-tile-muted);
}
html:root body .header [data-simplified-mortgages] summary h3 {
  grid-column: 1; margin: 0; padding: 0; border: 0;
  color: var(--site-tile-ink); font-size: .94rem; line-height: 1.4;
  letter-spacing: 0; font-weight: 750;
}
html:root body .header [data-simplified-mortgages] summary::after {
  content: ""; grid-column: 2; grid-row: 1 / 3; width: 7px; height: 7px;
  border-right: 2px solid var(--site-tile-accent);
  border-bottom: 2px solid var(--site-tile-accent); transform: rotate(45deg);
}
html:root body .header [data-simplified-mortgages] details[open] > summary { border-bottom: 1px solid rgba(var(--neon-rgb), .18); }
html:root body .header [data-simplified-mortgages] details[open] > summary::after { transform: rotate(225deg); }
html:root body .header [data-simplified-mortgages] .mortgage-nav-group > ul { display: block; list-style: none; padding: 8px 9px; margin: 0; }
html:root body .header [data-simplified-mortgages] .mortgage-nav-group:not([open]) > ul { display: none; }
html:root body .header [data-simplified-mortgages] .mortgage-nav-group li { margin: 0; padding: 0; }
html:root body .header [data-simplified-mortgages] .mortgage-nav-group li a {
  display: flex; align-items: center; min-height: 44px; min-width: 0;
  margin: 0; padding: 9px 8px; border: 0; border-radius: 7px;
  color: var(--site-tile-muted); background: transparent; font-size: .88rem;
  line-height: 1.5; font-weight: 500; text-decoration: none; white-space: normal;
  overflow-wrap: break-word;
}
html:root body .header [data-simplified-mortgages] .mortgage-nav-group a:is(:hover, :focus-visible, [aria-current="page"]) {
  background: rgba(var(--neon-rgb), .08); color: var(--site-tile-accent);
}
html:root body .header [data-simplified-mortgages] .mortgage-nav-group a[aria-current="page"] {
  box-shadow: inset 3px 0 var(--neon-accent); font-weight: 700;
}
html:root body .header [data-simplified-mortgages] :is(summary, a):focus-visible {
  outline: 3px solid var(--site-tile-accent); outline-offset: -3px;
}
@media (max-width: 1320px) {
  html:root body .header [data-simplified-mortgages] .nav-menu-head { display: none; }
}
@media (max-width: 1100px) {
  html:root body .header [data-simplified-mortgages] .mortgage-nav-groups { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  html:root body .header [data-simplified-mortgages] .nav-menu-inner { padding: 12px 4px 20px; }
  html:root body .header [data-simplified-mortgages] .nav-menu-head { margin: 0; min-height: 0; padding: 0; border: 0; }
  html:root body .header .mortgage-nav-overview { grid-template-columns: minmax(0, 1fr); gap: 10px; margin-bottom: 14px; }
  html:root body .header .mortgage-nav-hub { padding: 15px; }
  html:root body .header [data-simplified-mortgages] .mortgage-nav-groups { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  html:root body .header [data-simplified-mortgages] .mortgage-nav-group > summary { min-height: 70px; padding: 12px 15px; }
  html:root body .header [data-simplified-mortgages] .mortgage-nav-group li a { min-height: 46px; font-size: .94rem; }
}