/* 承認済みデザインのトークンのみを使用したモバイルナビ拡張（ハンバーガーメニュー）。
   技術部品は旧Layer1(theme/mikiwameru-child/style.css の .mk-menu-toggle 実装)を参考に、
   承認済みデザインの category-rail 構造へ移植したもの。視覚トークン・配色は変更していない。 */

.mk-nav-toggle{display:none;min-width:44px;min-height:44px;align-items:center;justify-content:center;
  background:transparent;border:1px solid var(--paper-line);border-radius:6px;color:var(--ink);cursor:pointer}
.mk-nav-toggle svg{width:20px;height:20px}

@media (max-width:767px){
  .mk-nav-toggle{display:inline-flex}
  .category-rail .wrap{
    display:none;flex-direction:column;gap:0;padding:0;
    position:absolute;top:100%;left:0;right:0;background:var(--paper-raise);
    border-bottom:1px solid var(--paper-line);z-index:19;box-shadow:0 12px 24px -16px rgba(16,24,39,.3);
  }
  .category-rail.is-open .wrap{display:flex}
  .category-rail a{padding:14px 20px;border-bottom:1px solid var(--paper-line);width:100%}
  .category-rail{position:relative}
}