/* NISSYO tablet header enhancement 2026-11-05.
   Load AFTER site-header.css on PC pages.
   Tablet 700-1019px: retain PC-style two-level header and full 7-item nav.
   PC >=1020px & phone <700px: no changes. */
@media screen and (min-width: 700px) and (max-width: 1019px) {
  #nissyoGlobalHeader { --nh-gutter: clamp(12px, 2.2vw, 20px); }
  #nissyoGlobalHeader .nh-topbar-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-height: 76px !important;
  }
  #nissyoGlobalHeader .nh-brand { gap: 9px !important; flex: 0 1 auto !important; }
  #nissyoGlobalHeader .nh-brand-emblem { width: 42px !important; height: 42px !important; flex: 0 0 42px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
  #nissyoGlobalHeader .nh-brand-emblem img { width: 41px !important; height: 41px !important; }
  #nissyoGlobalHeader .nh-brand-text strong { font-size: clamp(18px, 2.45vw, 24px) !important; line-height: 1.15 !important; }
  #nissyoGlobalHeader .nh-brand-text small { font-size: 9px !important; max-width: 250px !important; line-height: 1.25 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  #nissyoGlobalHeader .nh-utilities { display: flex !important; align-items: center !important; gap: 5px !important; margin-left: auto !important; }
  #nissyoGlobalHeader .nh-utilities > a { min-height: 38px !important; height: 38px !important; min-width: 0 !important; margin: 0 !important; border-radius: 8px !important; }
  #nissyoGlobalHeader .nh-goals { padding: 3px !important; border: 1px solid rgba(255,255,255,.38) !important; gap: 0 !important; }
  #nissyoGlobalHeader .nh-goals img { width: 28px !important; height: 28px !important; }
  #nissyoGlobalHeader .nh-goals span { display: none !important; }
  #nissyoGlobalHeader .nh-utility-link.nh-recruit { display: inline-flex !important; gap: 4px !important; padding: 3px 7px !important; }
  #nissyoGlobalHeader .nh-recruit-icon { display: none !important; }
  #nissyoGlobalHeader .nh-recruit-copy small { display: none !important; }
  #nissyoGlobalHeader .nh-recruit-copy strong { font-size: 11px !important; }
  #nissyoGlobalHeader .nh-instagram-top { display: inline-flex !important; gap: 0 !important; padding: 4px !important; }
  #nissyoGlobalHeader .nh-instagram-top img { width: 26px !important; height: 26px !important; }
  #nissyoGlobalHeader .nh-instagram-top span { display: none !important; }
  #nissyoGlobalHeader .nh-contact { display: inline-flex !important; gap: 4px !important; padding: 7px 9px !important; }
  #nissyoGlobalHeader .nh-contact span { font-size: 10px !important; white-space: nowrap !important; }
  #nissyoGlobalHeader .nh-contact svg { display: none !important; }
  #nissyoGlobalHeader .nh-menu-toggle { display: none !important; }

  #nissyoGlobalHeader .nh-navrow,
  #nissyoGlobalHeader .nh-navrow.is-open { display: block !important; }
  #nissyoGlobalHeader .nh-navinner { display: flex !important; min-height: 55px !important; width: min(calc(100% - var(--nh-gutter)*2), var(--nh-max)) !important; align-items: stretch !important; gap: 0 !important; }
  #nissyoGlobalHeader .nh-navtag { display: none !important; }
  #nissyoGlobalHeader .nh-nav { display: flex !important; width: 100% !important; min-width: 0 !important; flex: 1 1 auto !important; margin: 0 !important; }
  #nissyoGlobalHeader ul.nh-menu { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: space-between !important; width: 100% !important; padding: 0 !important; margin: 0 !important; gap: 0 !important; }
  #nissyoGlobalHeader ul.nh-menu > li { display: flex !important; width: auto !important; min-width: 0 !important; flex: 1 1 0 !important; border: 0 !important; }
  #nissyoGlobalHeader ul.nh-menu > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 55px !important;
    height: 100% !important;
    padding: 8px 3px !important;
    font-size: clamp(10px, 1.18vw, 12px) !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
  }
  #nissyoGlobalHeader ul.nh-menu > li.nh-instagram-item,
  #nissyoGlobalHeader ul.nh-menu > li.nh-mobile-utility { display: none !important; }
  #nissyoGlobalHeader .nh-navinner::before { content: ""; position: absolute; bottom: 0; left: var(--nh-gutter); right: var(--nh-gutter); height: 2px; background: #00a5d5; pointer-events:none; }
}