.safari-moment{background:linear-gradient(135deg,#fcdfb34d,#ecdaff65);border-left:3px solid #a25b35;padding:24px;margin:30px 0;color:#322748;font:400 1rem/1.65 Manrope,sans-serif}.safari-moment h3{font:650 1.2rem/1.4 Manrope,sans-serif;margin:10px 0}.safari-moment p{font:400 1rem/1.65 Manrope,sans-serif}.safari-moment .safari-cue{display:flex;gap:10px;align-items:center;font:700 .875rem/1.5 Manrope,sans-serif;color:#725032;letter-spacing:.06em}.safari-words{display:grid;gap:12px;margin-top:24px}.safari-word{display:grid;grid-template-columns:1fr auto;gap:4px 14px;border-top:1px solid #b8a1c055;padding-top:12px}.safari-word>span{font-size:.875rem;color:#66556e}.safari-word strong{grid-column:1;font-size:1.2rem}.story-reader .safari-word button{grid-row:1/3;grid-column:2;display:flex;align-items:center;gap:8px;align-self:center;background:linear-gradient(120deg,#f6d8b3,#e8d6f8);border:1px solid #c3a1ca;border-radius:4px;font:600 .875rem/1.4 Manrope,sans-serif;cursor:pointer;padding:12px}.safari-word button[hidden]{display:none!important}.safari-word button:focus-visible,.safari-habitats summary:focus-visible{outline:3px solid #67479a;outline-offset:4px}.safari-moment .safari-speech-note,.safari-moment .safari-speech-status{font-size:.875rem}.safari-habitats details{border-top:1px solid #b8a1c055;padding:12px 0}.safari-habitats summary{font-weight:650;cursor:pointer}.safari-editorial{font:400 .875rem/1.65 Manrope,sans-serif;border-top:1px solid #fff3;padding-top:18px;margin-top:24px}.safari-editorial summary{cursor:pointer}.safari-editorial a{color:#ffe1bb}.reader-quiet .safari-moment{background:linear-gradient(120deg,#382d42,#292636);color:#f8efff}.reader-quiet .safari-moment .safari-cue,.reader-quiet .safari-word>span{color:#f0cfa9}
@media(max-width:400px){.safari-moment{padding:20px 16px}.safari-word{grid-template-columns:1fr}.story-reader .safari-word button{grid-column:1;grid-row:auto;justify-self:start}}
/* Leave the giraffe's head visible beside the title. */
.theme-jamie-i-wielki-dzien-safari .cover-lettering{inset:5% 39% auto 7%;text-align:left}
.theme-jamie-i-wielki-dzien-safari .cover-lettering h2{font-size:7.5cqw;line-height:1.12;text-wrap:balance}
.theme-jamie-i-wielki-dzien-safari .cover-series{font-size:2.5cqw;letter-spacing:.16em}
/* Optical exploration uses the illustration itself, with touch and keyboard equivalents. */
.binocular-open{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:13px 16px;margin:10px 0;background:linear-gradient(110deg,#eed4ad,#ecdafa);color:#322440;border:1px solid #bba0bd;border-radius:4px;font:650 1rem/1.4 Manrope,sans-serif;cursor:pointer}
.binocular-open[hidden]{display:none!important}.binocular-open:focus-visible{outline:3px solid #664293;outline-offset:4px}
.binocular-dialog{width:min(94vw,680px);max-width:680px;max-height:94dvh;box-sizing:border-box;margin:auto;padding:24px;border:1px solid #dbb7f080;border-radius:8px;background:radial-gradient(ellipse at 80% 0%,#67417b,#282341 65%);color:#fff4e6;box-shadow:0 24px 100px #08061599;overflow:auto}
.binocular-dialog::backdrop{background:#0f1028c9;backdrop-filter:blur(8px)}.binocular-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.binocular-heading p{font:650 .75rem/1.5 Manrope,sans-serif;letter-spacing:.08em;color:#eac3e2;margin:0 0 8px}.binocular-heading h2{font:550 1.7rem/1.2 Literata,serif;margin:0}.binocular-dialog #binocular-help{font:400 .875rem/1.6 Manrope,sans-serif;margin:16px 0;color:#e9ddee}
.binocular-dialog button{min-width:44px;min-height:44px;border:1px solid #e6ccf060;background:#ffffff0d;color:inherit;border-radius:4px;font:600 1rem/1.2 Manrope,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:9px}.binocular-dialog button:disabled{opacity:.35;cursor:default}.binocular-dialog button:focus-visible,.binocular-stage:focus-visible,.binocular-dialog input:focus-visible{outline:3px solid #ffde9e;outline-offset:3px}
.binocular-stage{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:4/5;height:min(47dvh,480px);max-width:100%;margin:0 auto;background:#f9efd9;cursor:grab;border-radius:4px}.binocular-stage:active{cursor:grabbing}.binocular-image{width:100%;height:100%;display:block;object-fit:contain;transform-origin:center;user-select:none;pointer-events:none}.binocular-lenses{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .2s;background:#151226e8;mask-image:radial-gradient(ellipse 41% 37% at 32% 50%,transparent 97%,#000 100%);-webkit-mask-image:radial-gradient(ellipse 41% 37% at 32% 50%,transparent 97%,#000 100%)}
.is-magnified .binocular-lenses{opacity:1;mask-image:radial-gradient(ellipse 37% 35% at 33% 50%,transparent 97%,#000 100%),radial-gradient(ellipse 37% 35% at 67% 50%,transparent 97%,#000 100%);mask-composite:intersect;-webkit-mask-image:radial-gradient(ellipse 37% 35% at 33% 50%,transparent 97%,#000 100%),radial-gradient(ellipse 37% 35% at 67% 50%,transparent 97%,#000 100%);-webkit-mask-composite:source-in}
.binocular-controls{margin-top:20px}.binocular-zoom{display:flex;gap:16px;align-items:center}.binocular-zoom label{flex:1;font:600 .875rem/1.4 Manrope,sans-serif}.binocular-zoom output{float:right;font-variant-numeric:tabular-nums}.binocular-zoom input{display:block;width:100%;min-height:32px;margin:6px 0 0;accent-color:#efc69d}.binocular-directions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.binocular-directions .binocular-reset{margin-left:auto;padding-inline:16px}.binocular-status{font:400 .875rem/1.5 Manrope,sans-serif;color:#e4d2eb;min-height:1.5em;margin:12px 0 0}
@media(max-width:430px){.binocular-dialog{padding:16px;width:96vw;max-height:96dvh}.binocular-stage{height:min(42dvh,400px)}.binocular-heading h2{font-size:1.4rem}.binocular-directions{gap:5px}.binocular-directions .binocular-reset{flex-basis:100%;margin-left:0}}
@media(prefers-reduced-motion:reduce){.binocular-lenses{transition:none}}
.binocular-stage{width:min(100%,37.6dvh,384px);height:auto}
@media(max-width:430px){.binocular-stage{width:min(100%,33.6dvh,320px);height:auto}}