/* v003: スマホのナビゲーション。既存の紙・墨の色を使用。 */
.mobile-nav[hidden]{display:none!important}
.mobile-nav{display:none}
.menu{cursor:pointer}
.menu[aria-expanded="true"]::before{top:21px;transform:rotate(45deg)}
.menu[aria-expanded="true"]::after{top:21px;transform:rotate(-45deg)}
@media (max-width:980px){
  .mobile-nav{position:absolute;top:100%;left:0;right:0;display:block;max-height:calc(100vh - var(--pvh,0px) - 90px);max-height:calc(100dvh - var(--pvh,0px) - 90px);overflow-y:auto;overscroll-behavior:contain;padding:10px max(20px,env(safe-area-inset-left,0px)) 18px;background:var(--paper-2);color:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 14px 22px rgba(16,24,26,.12)}
  .mobile-nav a{display:block;min-height:46px;padding:12px 8px;border-bottom:1px solid var(--line);font:500 15px/1.6 var(--sans);letter-spacing:.04em}
  .mobile-nav a:last-child{border-bottom:0}
  .mobile-nav a[aria-current="page"]{color:var(--green);font-weight:700}
  .mobile-nav a:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
}