.anno-style-open{font:600 13px Georgia,serif;letter-spacing:.06em;color:#f7e8c8;background:#2c2116;border:1px solid #b79758;border-radius:7px;padding:10px 14px;min-width:68px;min-height:44px;cursor:pointer;flex-shrink:0}
.anno-style-open:hover{background:#49351e}.anno-style-open:focus-visible,.anno-style-question :focus-visible{outline:3px solid #936027;outline-offset:4px}
.anno-style-floating{position:fixed;z-index:500;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top))}
.anno-style-question[hidden]{display:none!important}
.anno-style-question{position:fixed;z-index:2147483000;inset:0;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:rgba(15,11,7,.83);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;box-sizing:border-box;color:#33291d;letter-spacing:normal;font-family:Georgia,'Times New Roman',serif;user-select:text}
.anno-style-question *{box-sizing:border-box}
.anno-style-card{width:min(860px,100%);max-height:100%;overflow-y:auto;background:#f4ead3;border:2px solid #b28b50;border-radius:16px;padding:25px 30px;box-shadow:0 18px 70px #0008;line-height:1.5}
.anno-style-eyebrow{margin:0 0 7px;color:#75522c;font-size:12px;font-weight:bold;letter-spacing:.15em;text-align:center}
.anno-style-card h2{margin:0 auto 8px;padding:0;font-size:clamp(23px,3.3vw,32px);line-height:1.2;text-align:center;color:#33291d;font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:normal}
.anno-style-card h2:focus{outline:none}
.anno-style-card #annoStyleIntro{font-size:16px;text-align:center;margin:8px 0 21px;color:#574934}
.anno-style-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.anno-style-option{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:0 0 15px;overflow:hidden;min-width:0;text-align:left;border:2px solid #c4ad84;border-radius:10px;background:#fff9eb;color:#382b1d;cursor:pointer;font-family:inherit;line-height:1.4;font-size:16px;box-shadow:none}
.anno-style-option:hover{border-color:#8c5d29;background:#fff4dc}
.anno-style-option[aria-pressed=true]{border-color:#725222;box-shadow:0 0 0 2px #725222}
.anno-style-option img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;border:0;margin:0 0 12px}
.anno-style-name{font-size:22px;font-weight:700;margin:0 15px 3px}
.anno-style-description{margin:0 15px 12px;color:#655037;font-size:15px}
.anno-style-choose{align-self:flex-start;margin:auto 15px 0;padding:7px 12px;background:#453321;color:#fff1d7;border:1px solid #725222;border-radius:5px;font-size:15px}
.anno-style-scope{margin:18px 0 16px;padding:10px 13px;border-left:3px solid #b28b50;background:#e9ddc2;color:#52422c;font-size:14px}
.anno-style-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:14px}
.anno-style-footer a{color:#604018;text-underline-offset:3px}
.anno-style-footer button{font:inherit;color:#4c3922;padding:9px 12px;background:transparent;border:1px solid #9a8058;border-radius:5px;min-height:44px;cursor:pointer}
@media(max-width:560px){.anno-style-question{padding:10px}.anno-style-card{padding:18px 14px;border-radius:12px}.anno-style-options{gap:10px}.anno-style-name{font-size:18px;margin-left:10px;margin-right:10px}.anno-style-description{font-size:13px;margin-left:10px;margin-right:10px}.anno-style-choose{font-size:13px;margin-left:10px;margin-right:10px;padding:6px 8px}.anno-style-scope{font-size:13px}.anno-style-card #annoStyleIntro{font-size:14px}}
@media(max-height:560px) and (orientation:landscape){.anno-style-question{padding:8px}.anno-style-card{padding:12px 20px}.anno-style-eyebrow{display:none}.anno-style-card h2{font-size:23px}.anno-style-card #annoStyleIntro{font-size:14px;margin:5px 0 11px}.anno-style-option{display:grid;grid-template-columns:42% 1fr;grid-template-rows:auto auto 1fr;padding:0 8px 0 0;column-gap:10px;align-items:start}.anno-style-option img{grid-column:1;grid-row:1/4;align-self:stretch;height:100%;min-height:118px;object-fit:cover;margin:0}.anno-style-name{font-size:18px;margin:9px 0 2px}.anno-style-description{font-size:13px;margin:0 0 7px}.anno-style-choose{font-size:12px;margin:0 0 8px;justify-self:start}.anno-style-scope{margin:11px 0;font-size:13px;padding:7px 10px}.anno-style-footer{font-size:13px}}
@media(prefers-reduced-motion:reduce){.anno-style-question *{scroll-behavior:auto}}

/* Prentenboek: paper and ink around the illustrations, with stable hit areas. */
html[data-anno-style="prent"]{--gold:#986b38;--cream:#f4e7cb;--line:#af8c57;--panel:rgba(54,42,29,.94);--light:#f4e7cb}
html[data-anno-style="prent"] body{background:#e7d8b9}
html[data-anno-style="prent"] :is(#app,#stage,.app,.viewer,.shop-workspace,.series-viewer,.series-frame,.sceneImg,.sceneVideo,#coachRide,#coachFrame){background-color:#ddd0b5}
html[data-anno-style="prent"] :is(.topbar,.series-topbar,.status,body>header,body>footer){background:#3e352a;color:#f5e8cf;border-color:#a5875e}
html[data-anno-style="prent"] :is(.product-panel,.product-strip,.card,.start-card,.details,.fact,.service,.guide){background:#f0e3c7;color:#34291c;border-color:#a5875e;box-shadow:none}
html[data-anno-style="prent"] :is(.product-panel h2,.copy h2,.start-card h1,.price,.total,.service strong){color:#5c3c1e}
html[data-anno-style="prent"] :is(.product-strip button,.tool,.action,.shop-nav button,.anno-style-open){background:#4b3a29;color:#fff1d6;border-color:#9e7b4d;border-radius:4px}
html[data-anno-style="prent"] :is(.product-strip button:hover,.tool:hover,.action:hover,.shop-nav button:hover,.anno-style-open:hover){background:#705133}
html[data-anno-style="prent"] .product-strip span{color:#f6d19a}
html[data-anno-style="prent"] :is(.stage,.product-photo){box-shadow:0 0 0 1px #a5875e}
html[data-anno-style="prent"] :is(#shade,.shade){opacity:.35}
html[data-anno-style="prent"] :is(button,a):focus-visible{outline:3px solid #b66b24;outline-offset:3px}
.topbar .anno-style-open{grid-column:auto;justify-self:end}
.topbar:has(>.anno-style-open){grid-template-columns:minmax(0,1fr) auto auto}
@media(max-width:560px){.topbar:has(>.anno-style-open){column-gap:5px}.topbar>.anno-style-open{padding:7px;min-width:54px;font-size:12px}}

/* Picture-book is currently the only visible style. */
.anno-style-open,.anno-style-question{display:none!important}