/* Phase 1: visual-only navigation expansion; original routes and handlers untouched. */
@media (hover:hover) and (pointer:fine) and (min-width:901px){
  .navlinks{gap:clamp(4px,.65vw,12px)}
  .navlinks .view-tab{position:relative;transform-origin:center;transition:padding .25s ease,background-color .25s ease,color .25s ease,box-shadow .25s ease,border-radius .25s ease;}
  .navlinks .view-tab:hover,.navlinks .view-tab:focus-visible{padding-inline:clamp(19px,1.6vw,28px);background:rgba(228,207,158,.075);border-radius:12px 12px 4px 4px;box-shadow:inset 0 1px rgba(255,255,255,.08);color:#f4e6c9}
  .navlinks .view-tab:hover::after,.navlinks .view-tab:focus-visible::after{opacity:1;transform:scaleX(1)}
}
/* Editorial rhythm: adjust section boundaries, never the data grids or print output. */
@media screen and (min-width:901px){
  main>.section{padding-top:clamp(54px,5vw,88px);padding-bottom:clamp(28px,3vw,50px)}
  main>.section+.section{padding-top:clamp(62px,6vw,104px)}
  main>.section .sectionhead{margin-bottom:clamp(25px,2.7vw,42px)}
  main>.section .sectionhead h2{line-height:1.3}
  main>.section .sectionhead p{margin-top:8px}
}
@media screen and (min-width:640px) and (max-width:900px){
  main>.section{padding-top:48px;padding-bottom:26px}
  main>.section .sectionhead{margin-bottom:28px}
}
@media screen and (max-width:639px){
  main>.section{padding-top:36px;padding-bottom:20px}
  main>.section .sectionhead{margin-bottom:24px}
}
@media (prefers-reduced-motion:reduce){.navlinks .view-tab{transition:none!important}}