.oxford-chapter{box-sizing:border-box;width:calc(100% - 32px);max-width:1280px;margin:12px auto 22px;border:1px solid #cabda6;border-radius:12px;background:#fbf6ec;padding:18px 18px 14px;color:#233f57}
.oxford-heading{text-align:center;margin:12px auto 0;max-width:700px}.oxford-heading .eyebrow{color:#8c7344;letter-spacing:.18em;font-size:11px}.oxford-heading h2{font-family:var(--font-display,Georgia,serif);font-weight:400;font-size:clamp(19px,1.7vw,24px);margin:5px 0 6px;line-height:1.2}.oxford-heading p:not(.eyebrow){color:#657078;font-size:12px;line-height:1.6;margin:0}
.oxford-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}.oxford-day{min-width:0;text-align:center}.oxford-day-number{display:block;color:#8c7344;font-size:11px;letter-spacing:.08em;margin-bottom:7px}.oxford-toggle,.oxford-preview{display:block;width:100%;padding:0;border:0;border-radius:5px;background:none;color:inherit;cursor:pointer;font:inherit;box-shadow:none}.oxford-art{display:block;width:100%;aspect-ratio:450/520;overflow:hidden}.oxford-art svg{display:block;width:100%;height:100%}.oxford-reveal{opacity:0;transition:opacity .24s ease}.oxford-toggle:focus-visible{outline:2px solid #264760;outline-offset:4px}.oxford-toggle:focus-visible .oxford-reveal,.oxford-toggle[aria-expanded=true] .oxford-reveal,.oxford-day.is-complete .oxford-reveal{opacity:1}.oxford-preview{padding:8px 3px 4px}.oxford-preview strong{display:block;min-height:2.6em;font-family:var(--font-display,Georgia,serif);font-weight:400;font-size:clamp(14px,1.4vw,18px);line-height:1.3}.oxford-preview span{display:block;margin-top:9px;color:#7b6a4f;font-size:11px;line-height:1.5}.oxford-preview:focus-visible{outline:2px solid #264760;outline-offset:2px}.oxford-help{text-align:center;font-size:12px;line-height:1.6;color:#737574;margin:10px auto 0}
.chapter-tile .oxford-art{height:auto;max-height:190px}.chapter-tile .oxford-art svg{width:100%;height:100%;max-height:none}.chapter-tile.completed .oxford-reveal,.chapter-tile:focus-visible .oxford-reveal{opacity:1}
@media(hover:hover){.oxford-toggle:hover .oxford-reveal,.chapter-tile.available:hover .oxford-reveal{opacity:1}}
@media(max-width:760px){.oxford-chapter{padding:16px 12px 12px;margin-top:12px}.oxford-row{grid-template-columns:repeat(7,155px);overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;padding:6px 4px 15px;gap:12px;scrollbar-color:#aa9878 #eee5d7;scrollbar-width:thin}.oxford-day{scroll-snap-align:start}.oxford-preview strong{font-size:17px;min-height:2.6em}.oxford-heading{margin-bottom:10px}.oxford-heading p:not(.eyebrow){font-size:12px}}
@media(prefers-reduced-motion:reduce){.oxford-reveal{transition:none}.oxford-row{scroll-behavior:auto;scroll-snap-type:none}}

.destination-scene .oxford-art{height:100%;width:100%}.destination-scene .oxford-art svg{height:100%;width:100%;max-height:none}.destination.is-earned .oxford-reveal,.destination a:focus-visible .oxford-reveal{opacity:1}
@media(hover:hover){.destination a:hover .oxford-reveal{opacity:1}}

/* Keep the requested hero text aligned with the video, without moving mobile order. */
body .paid-invitation{align-items:start;padding-top:24px}body .paid-invitation .invitation-copy{align-self:start;padding-top:0;margin-top:0}body .paid-invitation .invitation-copy>.eyebrow{margin-top:0}

/* The approved watercolour PNGs have light paper backgrounds. Blend the
   complete registered frame with the page; never erase pale paint or Bear. */
.oxford-art{mix-blend-mode:darken}
/* Let the art see the paper backdrop instead of an empty isolated map layer.
   The map remains after the decorative path in DOM painting order. */
.paid-storybook .adventure-map{z-index:auto}

/* Free Day 1 keeps the same preview interaction and art alignment. */
.oxford-day{display:flex;flex-direction:column;padding:8px 0 12px}
.oxford-day.is-free{background:#eaf0f3;border-radius:10px;box-shadow:inset 0 0 0 1px #bccdd8}
.oxford-day.is-free .oxford-day-number{color:#233f57}
.oxford-preview{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 8px 10px;box-sizing:border-box}
.oxford-preview .oxford-free-badge{display:inline-block;margin:3px 0 0;padding:4px 8px;border-radius:20px;background:#d4e2eb;color:#233f57;font:600 10px/1.3 var(--body,sans-serif);letter-spacing:.03em}
.oxford-preview .oxford-preview-action{margin-top:auto;padding-top:14px;min-height:30px;box-sizing:border-box}
.oxford-day.is-free .oxford-preview-action{color:#233f57;font-weight:600}
@media(max-width:760px){.oxford-preview{padding:8px 9px 12px}.oxford-preview .oxford-free-badge{font-size:11px}.oxford-preview .oxford-preview-action{font-size:12px;line-height:1.6}}

/* Two compact text blocks below the doors; wrap naturally on small screens. */
.oxford-heading{margin:10px auto 0;max-width:760px}
.oxford-heading h2{margin:0;line-height:1.25}
.oxford-heading p.oxford-help{margin:5px 0 0;font-size:14px;line-height:1.5;color:#657078;text-wrap:pretty}
@media(max-width:760px){.oxford-heading{margin:8px auto 0}.oxford-heading p.oxford-help{font-size:14px}}