/* The QR uses the image coordinate system and remains an ordinary accessible link. */
.menu-qr-scene{position:relative;isolation:isolate}
.menu-qr-scene>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.menu-qr-scene .menu-table-qr{position:absolute;left:75.3%;top:49%;width:13%;padding:0;margin:0;display:block;line-height:0;transform:skew(-9deg,4deg);background:#fff;border:0}
.menu-qr-scene .menu-table-qr img{display:block;width:100%;height:auto;margin:0;filter:none;opacity:1;border:0;border-radius:0;box-shadow:none;mask:none}
.menu-qr-scene .menu-table-qr:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.menu-qr-mobile{display:none}
@media(max-width:700px){
 .story .menu-qr-mobile{display:flex;width:100%;max-width:none;box-sizing:border-box;align-items:center;gap:16px;margin:14px 0;padding:12px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;text-decoration:none;font-size:14px}
 .story .menu-qr-mobile img{display:block;flex:0 0 144px;width:144px!important;max-width:48%!important;height:auto!important;aspect-ratio:1!important;object-fit:contain!important;filter:none!important;mask:none!important;border-radius:0!important;margin:0!important}
 .menu-qr-mobile:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
}