/* Local header rules. Real detail-page HTML loads this file after page CSS. */
@media (min-width:1001px){
  .site-header .top-nav{display:flex;right:calc(366 * var(--u));gap:calc(12 * var(--u))}
  .site-header .header-actions{right:calc(22 * var(--u))}
  .site-header .menu-toggle,.site-header #mobile-menu{display:none}
}
@media (min-width:761px) and (max-width:1000px){
  .site-header .top-nav{display:none}
  .site-header .header-actions{right:76px}
  .site-header .menu-toggle{
    display:flex;position:absolute;right:18px;top:calc(38 * var(--u));
    width:42px;height:calc(53 * var(--u));min-height:36px;
    padding:10px;border:0;background:transparent;color:var(--plum);
    flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer
  }
  .site-header .menu-toggle span{width:22px;height:1.5px;background:currentColor}
  .site-header #mobile-menu:not([hidden]){
    display:grid;position:absolute;top:calc(110 * var(--u));left:24px;right:24px;
    padding:20px 24px;gap:16px;background:#fffaf3;
    box-shadow:0 8px 22px #44213716;border-radius:8px;font-size:15px;
    max-height:calc(100svh - 110 * var(--u) - 20px);overflow-y:auto
  }
}
.site-header .menu-toggle:focus-visible,.site-header #mobile-menu :is(a,button):focus-visible{
  outline:2px solid currentColor;outline-offset:4px
}