/* Load after study14.css. Without JS, all navigation links remain visible. */
.study16 .s14-menu-toggle {
  display:none;
  appearance:none;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:90px;
  min-height:44px;
  padding:8px 12px;
  border:1px solid #756044;
  border-radius:0;
  background:transparent;
  color:#f2eef6;
  font:700 12px/1.3 Arial,sans-serif;
  letter-spacing:.04em;
  cursor:pointer;
}
.study16 .s14-menu-toggle .ui-icon { width:18px; height:18px; color:#d8b66a; }
.study16 .s14-menu-toggle:hover { color:#d8b66a; border-color:#d8b66a; }
.study16 .s14-menu-toggle:focus-visible { outline:2px solid #d8b66a; outline-offset:4px; }

@media (max-width:760px) {
  .study16 .s13-header {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:minmax(64px,auto) auto;
    align-items:center;
    gap:0 16px;
    min-height:64px;
    padding-block:0;
  }
  .study16 .s13-header .s13-brand { grid-column:1; grid-row:1; min-width:0; }
  .study16 .s14-menu-toggle { grid-column:2; grid-row:1; justify-self:end; }
  .study16[data-s14-nav] .s14-menu-toggle { display:inline-flex; }
  .study16 .s13-header #s14-nav {
    grid-column:1 / -1;
    grid-row:2;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0 8px;
    width:100%;
    margin:0;
    padding:8px 0 12px;
    border-top:1px solid #49374b;
  }
  .study16[data-s14-nav="closed"] .s13-header #s14-nav { display:none; }
  .study16 .s13-header #s14-nav a {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    gap:6px;
    min-width:0;
    min-height:48px;
    padding:6px 0;
    font:700 12px/1.3 Arial,sans-serif;
    letter-spacing:.02em;
    white-space:nowrap;
  }
  .study16 .s13-header #s14-nav .ui-icon { width:18px; height:18px; flex:0 0 18px; }
}
@media (max-width:360px) {
  .study16 .s13-header #s14-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
}