.j-storage-compass{--j-storage-wash:#e5d9c8;min-width:0;color:var(--j-ink,#211b16);font:400 14px/1.6 var(--r-f-body,Inter,sans-serif);border-top:1px solid var(--j-rule,#d5cbbb);padding:22px 0 12px}
body.r-premium-theme #MainContent .j-storage-compass__eyebrow{font:500 11px/1.4 var(--r-f-mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--j-accent,#701d17);margin:0 0 18px}
.j-storage-compass__controls{display:flex;gap:0;border-block:1px solid var(--j-rule,#d5cbbb)}
.j-storage-compass__controls[hidden],.j-storage-compass__panel[hidden]{display:none!important}
.j-storage-compass__controls button{flex:1;min-width:0;min-height:46px;padding:8px 6px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--j-muted,#655b50);font:500 13px/1.4 var(--r-f-body,Inter,sans-serif);cursor:pointer}
.j-storage-compass__controls button[aria-pressed=true]{color:var(--j-accent,#701d17);border-bottom-color:currentColor}
.j-storage-compass__art{max-width:300px;margin:16px auto 2px;color:#756758}
.j-storage-compass__art svg{display:block;width:100%;height:auto}
body.r-premium-theme #MainContent .j-storage-compass__panel h3{font:300 28px/1.15 var(--r-f-display,Georgia,serif);letter-spacing:-.02em;margin:14px 0 10px;color:var(--j-ink,#211b16)}
.j-storage-compass__panel>p{margin:0 0 20px;color:var(--j-muted,#655b50);max-width:50ch}
.j-storage-compass[data-j-storage-ready=true] .j-storage-compass__panel{animation:j-storage-in .25s ease-out both}
.j-storage-compass[data-j-storage-ready=true] .j-storage-drawing__line path{stroke-dasharray:1;animation:j-storage-draw .6s ease-out both}
body.r-premium-theme #MainContent .j-storage-compass .j-storage-compass__data{margin-top:4px;border-block:1px solid var(--j-rule,#d5cbbb)}
body.r-premium-theme #MainContent .j-storage-compass .j-storage-compass__data summary{font:500 13px/1.5 var(--r-f-body,Inter,sans-serif);padding:12px 0;min-height:46px}
.j-storage-compass__note{font-size:12px;color:var(--j-muted,#655b50);margin:0}
.j-storage-compass__link{display:inline-flex;gap:10px;align-items:center;min-height:44px;color:var(--j-accent,#701d17);font-size:12px;text-underline-offset:4px}
.j-storage-compass__link svg{width:14px;height:14px}
.j-storage-compass :is(button,a):focus-visible{outline:2px solid var(--j-accent,#701d17);outline-offset:-2px}
.j-kitchen-guide .j-storage-compass{border-top:0;padding:0;max-width:500px}
.j-kitchen-guide .j-storage-compass__eyebrow{display:none}
.j-kitchen-guide .j-storage-compass__art{max-width:320px}
@keyframes j-storage-in{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes j-storage-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(min-width:750px) and (max-width:989px){.j-storage-compass__controls button{font-size:12px;padding-inline:3px}}
@media(max-width:749px){.j-storage-compass__art{max-width:250px}.j-storage-compass{font-size:14px}body.r-premium-theme #MainContent .j-storage-compass__panel h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.j-storage-compass[data-j-storage-ready=true] .j-storage-compass__panel,.j-storage-compass[data-j-storage-ready=true] .j-storage-drawing__line path{animation:none;transform:none;stroke-dashoffset:0}}