/* Flip-through viewer for decks and brochures */
.fb{display:flex;flex-direction:column;gap:12px;margin:0}
.fb-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.fb-head h3{font-size:22px;letter-spacing:-.03em;line-height:1.15}
.fb-head p{color:var(--muted);font-size:15px;max-width:70ch}
.fb-track{list-style:none;margin:0;padding:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;border-radius:18px;border:1px solid var(--line);background:#07080b;scrollbar-width:none;overscroll-behavior-x:contain}
.fb-track::-webkit-scrollbar{display:none}
.fb-track:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.fb-slide{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;aspect-ratio:var(--ar,16/9);min-height:0;max-height:76vh;display:flex;align-items:center;justify-content:center;padding:clamp(8px,1.4vw,18px);overflow:hidden}
.fb-slide img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 18px 50px rgba(0,0,0,.5)}
.fb-bar{display:none;align-items:center;gap:10px;flex-wrap:wrap}
.fb--js .fb-bar{display:flex}
.fb-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-strong);background:rgba(255,255,255,.04);color:var(--text);font:600 18px var(--font);cursor:pointer;display:grid;place-items:center;transition:background-color .2s var(--ease),border-color .2s var(--ease)}
.fb-btn:hover:not(:disabled){background:rgba(255,255,255,.1)}
.fb-btn:disabled{opacity:.35;cursor:default}
.fb-count{font-size:14px;color:var(--body-dark);font-variant-numeric:tabular-nums;min-width:0;max-width:42ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fb-rail{display:flex;gap:4px;flex:1;min-width:160px;align-items:center}
.fb-dot{flex:1;height:24px;border:0;background:transparent;cursor:pointer;padding:0;position:relative}
.fb-dot::before{content:"";position:absolute;left:0;right:0;top:10px;height:4px;border-radius:2px;background:rgba(255,255,255,.18);transition:background-color .2s var(--ease)}
.fb-dot:hover::before{background:rgba(255,255,255,.4)}
.fb-dot[aria-current="true"]::before{background:var(--accent)}
.fb-fs{border:1px solid var(--line-strong);background:transparent;color:var(--text);border-radius:999px;padding:9px 14px;font:600 13.5px var(--font);cursor:pointer;min-height:40px}
.fb-note{font-size:13.5px;color:var(--muted)}
.light .fb-head p,.light .fb-note{color:var(--ink2)}
.light .fb-count{color:var(--ink2)}
.light .fb-btn,.light .fb-fs{color:var(--ink);border-color:rgba(17,19,23,.22);background:#fff}
.light .fb-btn:hover:not(:disabled){background:#f0eee9}
.light .fb-dot::before{background:rgba(17,19,23,.16)}
.light .fb-dot:hover::before{background:rgba(17,19,23,.35)}
.light .fb-dot[aria-current="true"]::before{background:var(--accent-ink)}
.fb:fullscreen{background:#000;padding:16px;justify-content:center}
.fb:fullscreen .fb-head,.fb:fullscreen .fb-note{display:none}
.fb:fullscreen .fb-track{border:0;flex:1}
.fb:fullscreen .fb-slide{aspect-ratio:auto;height:calc(100vh - 100px);max-height:none}
.fb:fullscreen .fb-btn,.fb:fullscreen .fb-fs{color:#fff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.06)}
.fb:fullscreen .fb-count{color:#d8dbe2}
.fb:fullscreen .fb-dot::before{background:rgba(255,255,255,.2)}
.fb:fullscreen .fb-dot[aria-current="true"]::before{background:var(--accent)}
@media (prefers-reduced-motion:reduce){.fb-track{scroll-behavior:auto}}
@media (max-width:640px){.fb-bar{gap:8px}.fb-count{flex:1;max-width:none}.fb-rail{order:5;flex-basis:100%}.fb-fs{padding:9px 12px}}