/* Warm brown accents keep the white page light while clarifying hierarchy. */
:root{--ink:#332a22;--gold:#79613e;--muted:#655e53;--line:#d9cbb7;--paper:#f7f4ee;--brown:#655035}
h1,h2,h3{color:var(--brown)}
.header{border-bottom:1px solid var(--line)}
.brand-seal{background:var(--brown);color:#fff;border-color:var(--brown)}
.eyebrow{color:var(--brown);font-weight:600}
.button{background:var(--brown);border-color:var(--brown);color:#fff;font-weight:500}
.button:hover{background:#493821;border-color:#493821;color:#fff}
.nav-access{border-color:var(--gold);color:var(--brown);background:#faf7f1}
.nav-access:hover{background:var(--brown);color:#fff}
.hero-sub{border-left:3px solid var(--gold);padding-left:18px}
.image-label{background:var(--brown);color:#fff;border:1px solid #baa585;box-shadow:0 0 0 5px #ffffffd9}
.story h2{border-left:3px solid var(--gold);padding-left:22px}
.jp-label{background:var(--brown);color:#fff;border:1px solid var(--brown);padding:19px 13px;font-weight:600;flex-shrink:0}
.signature{border:1px solid var(--gold);border-top:5px solid var(--brown);box-shadow:5px 5px 0 #eae2d5}
.signature-number{color:var(--gold)}
.signature-number span{color:var(--brown);border-top:1px solid var(--line);padding-top:12px;margin-top:8px}
.signature h3{font-weight:600}
.tag{background:var(--brown);color:#fff;border-color:var(--brown);padding:4px 16px}
.signature-kanji{opacity:1;color:var(--brown)}
.menu-grid{gap:20px}
.menu-grid article,.menu-grid article:first-child{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);padding:25px}
.item-no{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:30px;border:1px solid var(--gold);color:var(--brown);font-size:14px}
.menu-grid h3{font-weight:600}
.sides{border:1px solid var(--line);padding:22px 25px;background:#ede5d8}
.sides h3{font-weight:600;white-space:nowrap}
.sides p{color:var(--ink)}
.sides p span{color:var(--gold)}
.location-stamp{background:var(--brown);color:#fff;border:4px double #d0bea3}
.shop-data{border:1px solid var(--line);border-top:3px solid var(--brown);padding:0 24px}
.shop-data>div:first-child{border-top:0}
.shop-data>div:last-child{border-bottom:0}
.shop-data dt{color:var(--brown);font-weight:600}
.phone{color:var(--brown);font-weight:500}
footer{background:#eee7db;border-top:3px solid var(--brown)}
.footer-logo{color:var(--brown)}
@media(max-width:900px){.menu-grid{gap:14px}.menu-grid article,.menu-grid article:first-child{padding:20px}.menu-grid h3{font-size:22px}.shop-data{padding:0 18px}}
@media(max-width:620px){.nav-access{border:1px solid var(--line);padding:7px 9px;max-width:80px}.hero-sub{padding-left:14px}.story h2{padding-left:16px}.jp-label{padding:15px 9px}.signature-number span{border-top:0;padding-top:0;margin-top:0}.menu-grid{gap:14px}.menu-grid article,.menu-grid article:first-child{padding:22px}.menu-grid h3{padding-right:36px}.item-no{top:21px;right:18px}.sides{padding:20px}.shop-data{padding:0 15px}.shop-data>div{grid-template-columns:70px minmax(0,1fr);gap:10px}.phone{font-size:20px}.image-label{padding:15px 9px}}
