/* Shared responsive BG/EN navigation; loaded last, after legacy styles.
   Desktop: five equal-width headings. Tablet/mobile: accessible accordion. */
.app-nav.app-nav-grouped{
  position:sticky;top:0;z-index:95;
  display:block;overflow:visible;
  width:100%;max-width:100%;min-height:0;
  padding:0 clamp(8px,1.2vw,20px);
}
.app-nav-grouped,.app-nav-grouped *{box-sizing:border-box}
.app-nav-grouped .nav-main-items{
  display:flex;align-items:stretch;justify-content:space-between;
  width:100%;min-width:0;max-width:100%;gap:0;
}
.app-nav-grouped .nav-main-items>.nav-home-link,
.app-nav-grouped .nav-group{
  flex:1 1 0;min-width:0;position:relative;
  margin:0;
}
.app-nav-grouped .nav-main-items>.nav-home-link,
.app-nav-grouped .nav-group>.nav-group-label{
  width:100%;min-width:0;min-height:60px;
  display:flex;align-items:center;justify-content:center;
  gap:7px;padding:12px clamp(8px,1.5vw,22px);
  border:0;border-right:1px solid rgba(213,151,38,.13);
  border-radius:0;
  background:transparent;color:#f5e6c9;
  font-family:var(--body,Georgia,serif);
  font-size:clamp(.95rem,1.5vw,1.12rem);
  font-weight:750;line-height:1.25;text-align:center;
  text-decoration:none;white-space:normal;cursor:pointer;
}
.app-nav-grouped .nav-main-items>.nav-home-link{
  flex:1 1 0;max-width:none;
}
.app-nav-grouped .nav-group>.nav-group-label{list-style:none;user-select:none}
.app-nav-grouped .nav-group>.nav-group-label::-webkit-details-marker{display:none}
.app-nav-grouped .nav-chevron{font-family:Arial,sans-serif;font-size:.7em;flex:none;transition:transform .15s ease}
.app-nav-grouped .nav-group[open]>.nav-group-label .nav-chevron{transform:rotate(180deg)}
.app-nav-grouped .nav-main-items>.nav-home-link:hover,
.app-nav-grouped .nav-group>.nav-group-label:hover,
.app-nav-grouped .nav-group[open]>.nav-group-label{
  background:rgba(222,173,77,.13);color:#fff5d4;
}
.app-nav-grouped .nav-main-items>.nav-home-link.active,
.app-nav-grouped .nav-group[data-current-group="true"]>.nav-group-label{
  color:#32190e;background:linear-gradient(180deg,#fff6df,#ead7ad);
  box-shadow:inset 0 0 0 1px rgba(151,93,18,.24);
}
.app-nav-grouped .nav-submenu{
  position:absolute;z-index:110;top:calc(100% + 3px);left:0;
  width:max-content;min-width:100%;max-width:min(360px,calc(100vw - 24px));
  padding:8px;background:#48090b;
  border:2px solid #b97919;border-radius:0 0 12px 12px;
  box-shadow:0 16px 25px rgba(0,0,0,.38);
}
.app-nav-grouped .nav-submenu a{
  display:block;min-height:44px;min-width:0;
  padding:11px 14px;margin:0;
  border:0;border-radius:6px;background:transparent;
  color:#f5e6c9;text-align:left;text-decoration:none;
  font-size:clamp(.9rem,1.3vw,1rem);line-height:1.4;
  font-weight:650;white-space:normal;overflow-wrap:break-word;
}
.app-nav-grouped .nav-submenu a:hover,
.app-nav-grouped .nav-submenu a:focus-visible,
.app-nav-grouped .nav-submenu a[aria-current="page"]{
  background:#ead7ad;color:#32190e;
}
.app-nav-grouped :is(a,summary,button):focus-visible{
  outline:3px solid #ffe198;outline-offset:-3px;
}
.app-nav-grouped .nav-mobile-toggle{display:none}
/* Prevent a drop-down in the rightmost category from leaving the site shell. */
.app-nav-grouped .nav-group:last-child .nav-submenu{right:0;left:auto}
.app-nav-grouped + .site-search-bar{max-width:100%}
.site-shell,.content,.content :is(section,article){min-width:0}
.content :is(img,video,iframe){max-width:100%;height:auto}
.content :is(pre,table){max-width:100%;overflow-x:auto}
@media(max-width:1000px){
  .app-nav.app-nav-grouped{padding:0 10px;border-radius:8px}
  .app-nav-grouped .nav-mobile-toggle{
    display:flex;width:100%;min-height:52px;align-items:center;
    justify-content:space-between;gap:10px;padding:10px 14px;
    border:0;background:transparent;color:#f5e6c9;
    font-size:1.06rem;font-weight:750;letter-spacing:.015em;
    text-align:left;cursor:pointer;
  }
  .app-nav-grouped .nav-menu-icon{margin-right:4px;font-family:Arial,sans-serif;font-size:1.25rem}
  .app-nav-grouped .nav-mobile-toggle>.nav-chevron{margin-left:auto}
  .app-nav-grouped[data-mobile-open="true"] .nav-mobile-toggle>.nav-chevron{transform:rotate(180deg)}
  .app-nav-grouped .nav-main-items{
    display:flex;flex-direction:column;align-items:stretch;
    max-height:min(72dvh,650px);overflow-y:auto;overscroll-behavior:contain;
    border-top:1px solid rgba(213,151,38,.25);
  }
  .app-nav-grouped[data-nav-ready="true"]:not([data-mobile-open="true"]) .nav-main-items{display:none}
  .app-nav-grouped .nav-main-items>.nav-home-link,
  .app-nav-grouped .nav-group{flex:none;width:100%}
  .app-nav-grouped .nav-main-items>.nav-home-link,
  .app-nav-grouped .nav-group>.nav-group-label{
    min-height:48px;width:100%;padding:12px 16px;
    justify-content:space-between;font-size:1.03rem;
    border-right:0;border-bottom:1px solid rgba(213,151,38,.16);
    text-align:left;
  }
  .app-nav-grouped .nav-submenu{
    position:static;width:100%;min-width:0;max-width:none;
    padding:4px 8px 10px 18px;
    border:0;border-bottom:1px solid rgba(213,151,38,.22);
    border-radius:0;box-shadow:none;background:#390809;
  }
  .app-nav-grouped .nav-submenu a{min-height:44px;font-size:1rem;padding:11px 15px}
  .app-nav-grouped .nav-group:last-child .nav-submenu{width:100%}
}
@media(max-width:700px){
  .app-nav.app-nav-grouped{border-radius:0;border-left:0;border-right:0;padding:0 5px}
  .content{max-width:100%;min-width:0}
  .content :is(h1,h2,h3,p,a){overflow-wrap:break-word}
  .content :is(input,select,textarea){max-width:100%}
}
@media(max-width:380px){
  .app-nav-grouped .nav-mobile-toggle{min-height:48px;padding:9px 11px}
  .app-nav-grouped .nav-submenu a{font-size:.94rem}
}
@media(prefers-reduced-motion:reduce){
  .app-nav-grouped .nav-chevron{transition:none}
}
html.a11y-contrast .app-nav-grouped .nav-submenu{
  background:#000!important;border-color:#ffe198!important;
}
html.a11y-contrast .app-nav-grouped :is(.nav-mobile-toggle,.nav-home-link,.nav-group-label,.nav-submenu a){
  color:#ffe198!important;
}
html.a11y-contrast .app-nav-grouped .nav-submenu a:focus-visible{
  background:#ffe198!important;color:#000!important;
}