/* Navigation is the storefront's original shell and bundled styles. These
   scoped rules only shield it from the editorial body's typography/reset. */
.j-page.packaging-approved{--green:#214e39;--cream:#f8ecd8;--ink:#214e39;--muted:#59664f;--line:#214e392b}
.j-page>.header{font-family:var(--sans);line-height:1.65}
.j-page>.header .brand img{max-width:none}
.j-page>.header button,.j-page>#mobile-nav,.j-page>.announcement,.j-page>.mobile-bottom-nav{font-family:var(--sans)}
.j-page>.header .cart-open{font-size:12px;line-height:1.4}
.j-page>.header .desktop-nav{font-size:13px;line-height:1.65}
.j-page>.header .desktop-nav a[aria-current=page]:after{width:100%;opacity:.5}
.j-page>.header .language-options{font:12px/1.5 var(--sans)}
.j-page>.header .menu-toggle{line-height:1}
.j-page>#mobile-nav{font-size:14px;line-height:1.65}
.j-page>#main{padding-top:128px}
.j-page>.mobile-bottom-nav a,.j-page>.mobile-bottom-nav button{font-family:var(--sans);font-size:inherit;line-height:inherit}
.j-page>.cart-dialog{font-family:var(--sans);line-height:1.65}
.j-page>.cart-dialog button{font-family:var(--sans)}
.j-page>.cart-dialog .drawer-header h2{font-family:var(--serif);font-size:30px;line-height:1.15;letter-spacing:-.035em}
.j-page>.cart-dialog .cart-item img{width:100%;height:auto;max-width:100%;object-fit:contain}
.j-page>.cart-dialog .cart-item h3{font-family:var(--sans);font-size:15px;line-height:1.4;letter-spacing:0;font-weight:750}
.j-page>.cart-dialog .quantity{font-size:13px}
.j-page>.cart-dialog .quantity button{font:16px/1 var(--sans)}
.j-page>.cart-dialog .remove{font:10px/1.6 var(--sans)}
.j-page>.cart-dialog .dialog-close{font:29px/1 var(--sans)}
.j-page>.cart-dialog .empty-cart h3{font-family:var(--serif);font-size:28px;margin:15px 0}
.j-page>.cart-dialog .empty-cart p{font-size:13px;margin-bottom:25px}
.j-page>.cart-dialog .button{font-family:var(--sans);font-size:13px;line-height:1.4}
.j-page>.cart-dialog .cart-summary .delivery-pending{font-size:11px;margin-block:14px;padding:12px}
.j-page>.cart-dialog .cart-summary .cod-note{font-size:11px;margin:12px 0}
.j-page>.toast{font:13px/1.65 var(--sans)}
@media(max-width:1100px){.j-page>.header .desktop-nav{font-size:12px}}
@media(max-width:800px){.j-page>#main{padding-top:112px}}
@media(max-width:640px){.j-page>#main{padding-top:104px}.j-page{padding-bottom:calc(var(--bottom-nav-height,72px) + env(safe-area-inset-bottom))}.j-page>.toast{bottom:calc(var(--bottom-nav-height,72px) + 16px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.j-page>.header,.j-page>.header *,.j-page>#mobile-nav,.j-page>.mobile-bottom-nav *,.j-page>.cart-dialog,.j-page>.toast{animation:none!important;transition:none!important}}
.j-shell-nojs-languages{position:relative;z-index:12;display:flex;justify-content:center;gap:24px;margin:120px 16px 0;font:12px/1.5 var(--sans)}
.j-shell-nojs-languages a{display:inline-flex;align-items:center;min-height:44px}
.j-shell-nojs-languages a[aria-current]{text-decoration:underline;text-underline-offset:5px}
/* The same fixed header needs clearance for reading anchors and the TOC. */
.j-page .j-toc{top:128px;max-height:calc(100svh - 160px);overflow:auto}
.j-page .j-prose-section,.j-page #guides,.j-page #paths{scroll-margin-top:128px}
.j-page>.mobile-bottom-nav .mobile-nav-item{font-weight:750}
@media(max-width:800px){.j-page .j-prose-section,.j-page #guides,.j-page #paths{scroll-margin-top:112px}}