/* One active slide. Wheel and touch scroll only the current slide's content. */
:root{--deck-controls-space:0px}
.deck{scroll-snap-type:none;scroll-behavior:auto}
.deck>.section{scroll-snap-align:none;scroll-snap-stop:normal}
.deck>.section[hidden]{display:none!important}
.paged-deck .deck{height:calc(100vh - var(--header-height) - var(--deck-controls-space));height:calc(100dvh - var(--header-height) - var(--deck-controls-space));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
.deck-controls{position:fixed;z-index:40;top:calc(env(safe-area-inset-top,0px) + (var(--header-base) - 44px)/2);right:max(24px,env(safe-area-inset-right,0px));display:flex;align-items:center;gap:12px;height:44px;color:#fff}
.deck-controls[hidden]{display:none!important}
.deck-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:44px;height:44px;padding:0;border:1px solid #3b4234;border-radius:8px;background:#151a11;color:#d8e3ce;font-family:inherit;font-size:14px;font-weight:550;line-height:1;touch-action:manipulation}
.deck-button:disabled{opacity:.32;cursor:default}
.deck-button:not(:disabled):hover{border-color:#a4bc86;background:#25321a}
.deck-button:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.previous-button span{font-size:22px}
.next-button{min-width:96px;padding:0 16px;background:var(--lime);border-color:var(--lime);color:#17220d}
.next-button:not(:disabled):hover{background:#e1ffb2;border-color:#e1ffb2}
.next-arrow{font-size:20px}
.slide-counter{min-width:65px;text-align:center;color:#acb5a6;font-size:14px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.015em}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:700px){
 :root{--deck-controls-space:calc(68px + env(safe-area-inset-bottom,0px))}
 .deck-controls{top:auto;bottom:0;left:0;right:0;height:var(--deck-controls-space);padding:12px max(24px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));gap:24px;justify-content:center;background:#080b06;border-top:1px solid #30382a}
 .deck-button{flex:none}
 .next-button{min-width:108px}
 .slide-counter{min-width:74px}
 .paged-deck .deck>.section{padding-top:80px;padding-bottom:32px}
 .paged-deck .deck .hero .slide-content{padding-bottom:0}
 .paged-deck .deck .hero-art{position:static;width:110px;margin:32px 0 0 auto}
 .paged-deck .deck .hero-explanation{max-width:100%}
 .paged-deck .deck .thank-you .closing-content{gap:24px}
}
@media(max-width:380px){
 .deck-controls{gap:16px;padding-left:20px;padding-right:20px}
 .next-button{min-width:98px}
 .paged-deck .deck .hero-art{width:92px;margin-top:24px}
}
@media(max-width:700px) and (max-height:650px){
 .paged-deck .deck .hero-art{display:none}
 .paged-deck .deck .hero-intro{margin-bottom:18px}
 .paged-deck .deck .hero-explanation{margin-top:22px}
 .paged-deck .deck .thank-you .closing-content{gap:18px}
 .paged-deck .closing-mark{width:76px}
 .paged-deck .deck .thank-you h2{font-size:58px}
}
@media print{
 .deck-controls,.visually-hidden{display:none!important}
 .paged-deck .deck{height:auto;overflow:visible;scrollbar-gutter:auto}
 .deck>.section[hidden]{display:flex!important}
}