@media(max-width:1150px){
  .header,.header.scrolled{height:auto!important;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;padding:12px 5% 10px;gap:10px 6px!important;background:#080b10f5;backdrop-filter:blur(16px);border-bottom:1px solid #c5a56a40}
  .header nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;min-width:0;margin:0;padding:0;gap:4px!important;overflow:visible;order:5;justify-content:stretch}
  .header nav .nav-link[href]{display:flex;align-items:center;justify-content:center;min-width:0;min-height:40px;padding:8px 2px;font-size:clamp(11px,3.1vw,14px);line-height:1.4;letter-spacing:0;white-space:nowrap;border:1px solid #bfa7751a;background:linear-gradient(135deg,#ffffff04,transparent);color:#b5b5af;transition:color .2s,border-color .2s,background .2s}
  .header nav .nav-link.active{color:#f0d6a1;border-color:#c3a36770;background:linear-gradient(135deg,#c8a96e20,#c8a96e05)}
  .header nav .nav-link:after{left:25%;width:50%;background:#c6a56a}
  .header nav .nav-link:hover,.header nav .nav-link:focus-visible{color:#f0d6a1;border-color:#c3a36770;outline-offset:2px}
  main>section[id],.boss-chapter{scroll-margin-top:calc(var(--header-height) + 12px)}
  .chronicle-index{top:calc(var(--header-height) + 8px)}
  .chronicle-entry{scroll-margin-top:calc(var(--header-height) + 85px)}
}