/* Original path-based SVG illustrations, kept separate from the button frame. */
.storybook-icon{display:block;width:32px;height:32px;object-fit:contain;pointer-events:none}
.site-header nav button [data-icon]{display:grid!important;place-items:center;line-height:0}
.site-header nav button .storybook-icon{width:31px;height:31px;filter:none}
.site-header nav :is(#catalog-open,#account-open)::before{content:none!important;display:none!important}
.site-header nav :is(#catalog-open,#account-open){gap:0!important}
.site-header :is(#catalog-label,#account-label,#lang-label){position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-header nav button:hover .storybook-icon{filter:brightness(1.07)}
.shelf-navigation .storybook-icon{width:24px;height:24px}
.music-disc .storybook-icon{width:38px;height:38px}
@media(max-width:600px){.site-header nav button .storybook-icon{width:25px;height:25px}.shelf-navigation .storybook-icon{width:21px;height:21px}}

/* V96 — a centered illustrated close glyph, with its own clear corner. */
dialog .close, #detail>.close{display:grid!important;place-items:center!important;padding:0!important;line-height:0!important;flex-shrink:0}
dialog .close .storybook-icon{width:23px;height:23px;display:block;margin:0;pointer-events:none}
dialog:not(#detail) .close{width:44px!important;height:44px!important;min-width:44px;min-height:44px;top:22px!important;right:22px!important;border-radius:50%!important;border:1px solid #b57b32!important;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;box-shadow:inset 0 2px 2px #fffce9,0 3px 0 #8f673f44,0 5px 8px #49331d26!important}
dialog:not(#detail) .close:hover{transform:translateY(-1px);filter:brightness(1.06)}
dialog:not(#detail) .close:active{transform:translateY(1px)}
dialog:not(#detail){background-size:92px 92px,0 0,92px 92px,92px 92px,100% 100%,180px 180px!important}
dialog:not(#detail) h2{padding-right:42px}
@media(max-width:600px){dialog:not(#detail){background-size:65px 65px,0 0,65px 65px,65px 65px,100% 100%,180px 180px!important}dialog:not(#detail) .close{top:17px!important;right:17px!important}dialog .close .storybook-icon{width:22px;height:22px}}

/* V109: approved colorful storybook set; CSS icons survive translated labels. */
:is(#exit-reader,#narrate,#auto-reader,#stop-music,#video-play)::before{content:"";display:inline-block;width:22px;height:22px;margin-right:7px;vertical-align:middle;background:center/contain no-repeat url("assets/icons/color/play.svg?v=109")}
#exit-reader::before{background-image:url("assets/icons/color/left.svg?v=109")}
#narrate::before{background-image:url("assets/icons/color/music.svg?v=110")}
#narrate.on::before,#auto-reader.on::before,#stop-music::before{background-image:url("assets/icons/color/pause.svg?v=109")}
:is(#prev-page,#next-page){display:grid;place-items:center}
:is(#prev-page,#next-page) .storybook-icon{width:24px;height:24px}
.site-header nav button .storybook-icon{width:34px;height:34px}
@media(max-width:600px){.site-header nav button .storybook-icon{width:26px;height:26px}}

.track-list button::before,[data-track]::before{content:"";display:inline-block;width:22px;height:22px;vertical-align:middle;margin-right:8px;background:center/contain no-repeat url("assets/icons/color/moon.svg?v=109")}
[data-track="1"]::before{background-image:url("assets/icons/color/star.svg?v=109")}
[data-track="2"]::before{background-image:url("assets/icons/color/leaf.svg?v=109")}

/* V114: consistent breathing room and shared medallion treatment. */
:root{--icon-medallion: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%)}
.site-header nav button .storybook-icon{width:29px;height:29px}
#music .music-disc,.shelf-navigation .round{background:var(--icon-medallion)!important;border:1px solid #b57b32!important;box-shadow:inset 0 2px 2px #fff1c5,inset 0 -2px 2px #84512455,0 3px 0 #8f673f66,0 6px 10px #49331d38!important}
#music .music-disc{display:grid;place-items:center}
#music .music-disc .storybook-icon{width:32px;height:32px}
.shelf-navigation .round::before,.shelf-navigation .round::after{content:none!important}
.shelf-navigation .round{display:grid;place-items:center;padding:0!important}
.shelf-navigation .storybook-icon{width:22px;height:22px}
#shelf-position{font-family:'Avenir Next','Trebuchet MS',sans-serif!important;font-size:14px!important;font-weight:600!important;font-variant-numeric:tabular-nums;letter-spacing:.10em!important;color:#704921!important}
.entrance-inner{width:min(460px,84vw)}
.entrance-logo{width:100%;max-width:100%;margin-inline:auto}
dialog:not(#detail) :is(.primary,.secondary){border:3px solid #b0782d!important;background:linear-gradient(#fff8df,#f5dda5) padding-box!important;box-shadow:inset 0 1px 0 #fffbea,inset 0 -2px 2px #d6ab6155,0 3px 0 #8f5c2866,0 5px 9px #54371926!important;color:#65421e!important}
dialog:not(#detail) .primary{background:linear-gradient(#efc774,#daa043) padding-box!important;border-color:#a96c22!important}
@media(max-width:600px){.site-header nav button .storybook-icon{width:23px;height:23px}}