/* Page container only; card geometry and typography come directly from v17. */
html{color-scheme:dark;background:#080a0c;scroll-behavior:smooth}
body{margin:0}
#menu-navigation .brand-logo{mix-blend-mode:normal}
main{max-width:960px;margin:0 auto}
[hidden]{display:none!important}
.skip{position:absolute;top:-100px;left:20px;z-index:10;background:#101214;color:#d8b879;padding:10px}
.skip:focus{top:10px}
#menu-navigation .empty{width:100%;box-sizing:border-box}
#menu-navigation .ingredient-note{display:block;color:var(--soft);font:11px/1.6 Arial,sans-serif}
#menu-navigation .equipment-list li{position:relative}
#menu-navigation .tool-tooltip{display:none;position:absolute;z-index:8;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:245px;max-width:65vw;padding:12px 14px;background:#111315;border:1px solid var(--line);color:var(--ink);font:12px/1.6 Arial,sans-serif;text-align:left;box-shadow:0 8px 20px #0008}
#menu-navigation .tool-button:hover+.tool-tooltip,#menu-navigation .tool-button:focus-visible+.tool-tooltip,#menu-navigation .tool-button[aria-expanded=true]+.tool-tooltip{display:block}
#menu-navigation .story h4{font:400 20px/1.3 Georgia,serif;color:var(--gold);margin:24px 0 12px}
#menu-navigation .story section p{margin-bottom:12px}
#menu-navigation .story small{font-size:11px;color:var(--soft)}
#menu-navigation .card-footer{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);color:var(--soft);font:10px/1.7 Arial,sans-serif}
#menu-navigation .card-footer .footer-brand{color:var(--gold);font:20px/1.3 Georgia,serif}
#menu-navigation .card-footer>div{display:flex;flex-wrap:wrap;gap:10px 18px;margin-left:auto}
@media(max-width:540px){#menu-navigation .card-footer>div{width:100%;margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}