/* V88 — little brass medallions and illustrated story selection cards. */
.site-header nav button{position:relative;isolation:isolate;background:radial-gradient(circle closest-side at center,#fffdf3 0%,#fff8e5 76%,#f2dfb7 79%,#ab6d27 81%,transparent 83%),linear-gradient(145deg,#ffe3a1 0%,#f4c568 24%,#dfa13e 56%,#bd7726 84%,#9d5b1d 100%)!important;border:1px solid #b57b32!important;box-shadow:inset 0 2px 2px #fffce9,inset 0 -2px 2px #84512455,0 3px 0 #8f673f66,0 6px 10px #49331d38!important;color:#7a542c!important;transition:transform .18s,filter .18s!important}
.site-header nav button::after{content:none!important;display:none!important}
.site-header nav button:hover{transform:translateY(-3px)!important;filter:brightness(1.08)}
.site-header nav button:active{transform:translateY(1px)!important;filter:brightness(.98)}
.site-header nav :is(#catalog-open,#account-open){flex-direction:column;gap:1px;font-size:10px!important;font-weight:600;line-height:1.2}
.site-header nav :is(#catalog-open,#account-open)::before{content:'';display:block;width:19px;height:19px;background-position:center;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 1px #fff8dc)}
.site-header nav button svg{stroke-width:1.8;filter:drop-shadow(0 1px #fff9e9)}
.site-header #lang-label{font-size:11px;letter-spacing:-.3px}
.webgl-ready .book-dock{overflow:visible;padding-top:10px}
.webgl-ready .book-dock button{position:relative;isolation:isolate;opacity:1;padding:18px 24px 16px;border:2px solid #b89968!important;border-radius:17px!important;background-color:#fff5df!important;background-image:var(--storybook-corners),linear-gradient(125deg,#fffdf0,#f4e3c4)!important;background-position:left top,right top,right bottom,left bottom,center!important;background-size:38px 38px,38px 38px,38px 38px,38px 38px,100% 100%!important;background-repeat:no-repeat!important;box-shadow:inset 0 0 0 3px #fff8e6,inset 0 0 0 4px #dbc69e,0 4px 0 #b4936566,0 8px 13px #4e321f30!important;transition:transform .2s,box-shadow .2s!important}
.webgl-ready .book-dock button[aria-current=true]{background-position:left top,right top,right bottom,left bottom,center!important;background-size:38px 38px,38px 38px,38px 38px,38px 38px,100% 100%!important;background-repeat:no-repeat!important;border-color:#94703f!important;outline:2px solid #f7dfa1;outline-offset:2px;background-image:var(--storybook-corners),linear-gradient(125deg,#fffef4,#f9e5b6)!important;box-shadow:inset 0 0 0 3px #fff8e6,inset 0 0 0 4px #c4a265,0 5px 0 #9c754a77,0 9px 17px #4e321f3b!important}
.webgl-ready .book-dock button[aria-current=true]::after{content:'';position:absolute;top:-8px;right:16px;width:18px;height:28px;background:linear-gradient(90deg,#aa7333,#d3a254 46%,#b9853c);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);border-top:2px solid #fbe3a8;pointer-events:none}
.webgl-ready .book-dock strong{color:#65482e;font-size:21px;line-height:1.3}
.webgl-ready .book-dock .mini-progress{height:6px;border:1px solid #d5c099;background:#e8dabd;border-radius:9px;overflow:hidden;box-shadow:inset 0 1px 2px #86613c30}
.webgl-ready .book-dock .mini-progress i{background:linear-gradient(#e5c277,#bd8a3f)!important;border-radius:9px;box-shadow:inset 0 1px #fff0ba}
.shelf-position{background:linear-gradient(#fff5de,#ead7b3);border:1px solid #b99a65;border-radius:20px;padding:7px 13px;box-shadow:inset 0 0 0 2px #fff4db,0 3px 5px #61422120;color:#70502e!important;text-shadow:0 1px #fff7e6;font-weight:600}
.shelf-navigation .round{box-shadow:inset 0 2px 3px #fff8dbb3,inset 0 -3px 3px #85532866,0 3px 0 #91643e55,0 6px 9px #54331538!important}
@media(max-width:600px){.site-header nav :is(#catalog-open,#account-open){font-size:9px!important;gap:0}.site-header nav :is(#catalog-open,#account-open)::before{width:15px;height:15px}.site-header nav button::after{inset:5px}.site-header #lang-label{font-size:9px}.webgl-ready .book-dock button{padding:14px 16px 12px;background-size:29px 29px,29px 29px,29px 29px,29px 29px,100% 100%!important}.webgl-ready .book-dock strong{font-size:17px}.webgl-ready .book-dock button[aria-current=true]::after{right:10px;width:14px;height:21px;top:-6px}.shelf-position{padding:6px 10px}}
@media(max-height:520px){.webgl-ready .book-dock button{padding:10px 15px}.webgl-ready .book-dock strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.site-header nav button,.webgl-ready .book-dock button{transition:none!important}}

.site-header nav #catalog-open::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23845b2e%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%207C8%204%204%205%202%206v13c3-1%207-1%2010%202%203-3%207-3%2010-2V6c-3-1-7-2-10%201v14M5%209l4%201M15%2010l4-1%22/%3E%3C/svg%3E")}

.site-header nav #account-open::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23845b2e%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2211%22%20r%3D%222.5%22/%3E%3Cpath%20d%3D%22M2%2021v-3a7%207%200%200%201%2012-5M12%2021v-3a5%205%200%200%201%2010%200v3%22/%3E%3C/svg%3E")}

@media(max-width:600px){.webgl-ready .book-dock button[aria-current=true]{background-size:29px 29px,29px 29px,29px 29px,29px 29px,100% 100%!important}}

/* V117: compact selection cards leave more of the desk visible. */
.webgl-ready .book-dock{gap:12px;max-width:min(690px,92vw)}
.webgl-ready .book-dock button{flex:0 1 190px;min-width:0;min-height:72px;gap:8px;padding:12px 20px 11px;border-radius:15px!important}
.webgl-ready .book-dock strong{font-size:18px;line-height:1.22}
.webgl-ready .book-dock .mini-progress{height:4px}
.webgl-ready .book-dock button,.webgl-ready .book-dock button[aria-current=true]{background-size:29px 29px,29px 29px,29px 29px,29px 29px,100% 100%!important}
.webgl-ready .book-dock button[aria-current=true]::after{width:14px;height:22px;right:13px;top:-6px}
@media(max-width:600px){.webgl-ready .book-dock{gap:8px}.webgl-ready .book-dock button{flex-basis:140px;min-height:66px;padding:10px 13px;gap:6px}.webgl-ready .book-dock strong{font-size:15px}}
@media(max-height:520px){.webgl-ready .book-dock button{min-height:58px;padding:8px 14px}.webgl-ready .book-dock strong{font-size:15px}}

/* Restore the approved title sizes within compact cards. */
.webgl-ready .book-dock strong{font-size:21px;line-height:1.3}
@media(max-width:600px){.webgl-ready .book-dock strong{font-size:17px}}