*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --black:#4C2B08;--black2:#5A3512;--black3:#6D3914;
  --green:#AB7743;--green2:#6D3914;--green3:#F0E6DC;
  --gold:#AB7743;--gold2:#C49463;--gold3:#D7BDA6;
  --dark:#4C2B08;--cream:#F4EDE6;--text:#4C2B08;--muted:#84593D;
  --card:#fff;--border:#E8DDD4;--shadow:0 28px 60px -16px rgba(0,0,0,.45);
}
html{scroll-behavior:smooth;}
html.scroll-locked{scroll-behavior:auto;overflow:hidden;overscroll-behavior:none;}
body{font-family:'Outfit',sans-serif;background:var(--cream);color:var(--text);min-height:100vh;padding-bottom:80px;}
/* position:fixed freeze — the only body lock mobile Chrome honors while an
   overlay is touch-scrolled. site-chrome.js sets body.style.top to preserve
   the scroll offset and restores it on unlock. */
body.scroll-locked{position:fixed;left:0;right:0;width:100%;overflow:hidden;overscroll-behavior:none;}
.books-grid{overflow-anchor:none;}
.pick-card,.editors-picks-row{overflow-anchor:none;}