.post-flipbook{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.post-flipbook.is-ready{display:block;margin:2rem 0;outline:none}.post-flipbook p,.post-flipbook.is-ready .flipbook-page{margin:0}.post-flipbook img,.post-flipbook.is-ready .flipbook-page img{margin:0;display:block;width:100%;height:auto;border-radius:var(--radius-lg)}.flipbook-stage{display:grid;width:min(340px,60%);margin:0 auto;touch-action:pan-y}.flipbook-page{--offset: 0;--depth: 0;grid-area:1 / 1;z-index:calc(10 - var(--depth));transform:translate(calc(var(--offset) * 42%)) scale(calc(1 - var(--depth) * .14)) rotate(calc(var(--offset) * 5deg));filter:brightness(calc(1 - var(--depth) * .45));border-radius:var(--radius-lg);box-shadow:0 12px 32px #00000073;cursor:pointer;transition:transform .4s ease,filter .4s ease,opacity .4s ease}.flipbook-page.is-current{cursor:zoom-in}.flipbook-page.is-tucked{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.flipbook-page{transition:none}}.flipbook-caption{margin:.75rem 0 0;text-align:center;font-size:.875rem;color:var(--text-secondary)}.flipbook-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.75rem}.flipbook-nav{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:50%;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.flipbook-nav:hover{background:var(--bg-hover);border-color:var(--border-light)}.flipbook-dots{display:flex;gap:.5rem}.flipbook-dot{width:8px;height:8px;padding:0;border-radius:50%;background:var(--border);border:none;cursor:pointer;transition:all var(--transition-fast)}.flipbook-dot:hover{background:var(--border-light)}.flipbook-dot[aria-current=true]{background:var(--accent);transform:scale(1.2)}.post-flipbook:focus-visible .flipbook-stage{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--radius-lg)}.page-header.svelte-1teoznn{background:var(--bg-secondary);padding:4rem 0 3rem;border-bottom:1px solid var(--border)}.page-header.svelte-1teoznn .container:where(.svelte-1teoznn){max-width:700px}.back-link.svelte-1teoznn{display:inline-block;color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem;text-decoration:none}.back-link.svelte-1teoznn:hover{color:var(--accent)}.post-meta.svelte-1teoznn{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.post-date.svelte-1teoznn{font-size:.875rem;color:var(--text-muted)}h1.svelte-1teoznn{font-size:2rem;margin:0}section.section.svelte-1teoznn{padding-top:2rem}.post-hero-img.svelte-1teoznn{display:block;width:100%;aspect-ratio:16 / 9;max-height:360px;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border);margin-top:2rem}section.post-body.svelte-1teoznn{padding-bottom:0}section.post-nav-section.svelte-1teoznn{padding-top:0}.section.svelte-1teoznn .container:where(.svelte-1teoznn){max-width:700px}.post-content.svelte-1teoznn{line-height:1.7}.post-content.svelte-1teoznn h1,.post-content.svelte-1teoznn h2,.post-content.svelte-1teoznn h3,.post-content.svelte-1teoznn h4{scroll-margin-top:calc(var(--nav-height) + 1rem)}.post-content.svelte-1teoznn h1{font-size:1.5rem;margin-top:0;margin-bottom:1rem}.post-content.svelte-1teoznn h2{color:var(--accent);font-size:1.25rem;margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.post-content.svelte-1teoznn h2:first-child{margin-top:0}.post-content.svelte-1teoznn h3{color:#f59e0b;font-size:1rem;margin-top:2rem;margin-bottom:.75rem}.post-content.svelte-1teoznn h4{color:#22d3ee;font-size:.95rem;margin-top:1.5rem;margin-bottom:1rem}.post-content.svelte-1teoznn h3:has(.site-logo){display:flex;align-items:center;gap:.5rem}.post-content.svelte-1teoznn .site-logo{height:1.6em;width:auto;max-width:7em;object-fit:contain;border-radius:4px;flex-shrink:0}.post-content.svelte-1teoznn a{text-decoration:underline;text-decoration-color:var(--accent-muted);text-decoration-thickness:1px;text-underline-offset:.2em}.post-content.svelte-1teoznn a:hover{text-decoration-color:var(--accent-hover)}.post-content.svelte-1teoznn table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.75rem}.post-content.svelte-1teoznn th,.post-content.svelte-1teoznn td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.post-content.svelte-1teoznn th{color:var(--text-primary);font-weight:600;background:var(--bg-secondary)}.post-content.svelte-1teoznn td{color:var(--text-secondary)}.post-content.svelte-1teoznn tr:hover td{background:var(--bg-secondary)}.post-content.svelte-1teoznn hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.post-content.svelte-1teoznn ul{margin:0 0 1.5rem 1.5rem;padding:0}.post-content.svelte-1teoznn li{margin:.5rem 0;color:var(--text-secondary)}.post-content.svelte-1teoznn li strong{color:var(--text-primary)}.post-content.svelte-1teoznn :not(pre)>code{font-family:var(--font-mono);font-size:.875em;color:var(--text-primary);background:var(--bg-hover);border:1px solid var(--border);padding:.15em .4em;border-radius:var(--radius-sm)}.post-content.svelte-1teoznn img{max-width:100%;border-radius:var(--radius-md);margin:1rem 0;cursor:pointer}.post-content.svelte-1teoznn video{display:block;max-width:100%;border-radius:var(--radius-md);margin:1.5rem 0;background:#000}.post-content.svelte-1teoznn p{margin:1rem 0;color:var(--text-secondary)}.post-content.svelte-1teoznn p strong{color:var(--text-primary);font-weight:700}.post-content.svelte-1teoznn .photo-credit{font-size:.8rem;color:var(--text-muted);margin-top:.5rem}.post-content.svelte-1teoznn .photo-credit a{color:inherit;text-decoration:underline}.post-content.svelte-1teoznn p strong[id],.post-content.svelte-1teoznn h2[id],.post-content.svelte-1teoznn h3[id]{scroll-margin-top:calc(var(--nav-height) + 1rem)}.post-content.svelte-1teoznn .figure-inline{display:flex;align-items:center;gap:1.5rem;margin:1.5rem 0}.post-content.svelte-1teoznn .figure-inline--reverse{flex-direction:row-reverse}.post-content.svelte-1teoznn .figure-inline__text{flex:1 1 60%;margin:0}.post-content.svelte-1teoznn .figure-inline__text strong{color:var(--text-primary)}.post-content.svelte-1teoznn .figure-inline__image{flex:0 1 40%;display:block;margin:0}.post-content.svelte-1teoznn .figure-inline__image img,.post-content.svelte-1teoznn .figure-inline__image video{width:100%;margin:0;display:block}@media(max-width:600px){.post-content.svelte-1teoznn .figure-inline{flex-direction:column;align-items:stretch}.post-content.svelte-1teoznn .figure-inline__text,.post-content.svelte-1teoznn .figure-inline__image{flex:1 1 100%}}.post-faqs.svelte-1teoznn{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.post-faqs.svelte-1teoznn h2:where(.svelte-1teoznn){font-size:1.5rem;margin:0 0 1.5rem}.faq-list.svelte-1teoznn{display:flex;flex-direction:column;gap:.75rem}.post-nav.svelte-1teoznn{display:flex;justify-content:space-between;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.nav-link.svelte-1teoznn{display:flex;flex-direction:column;padding:1rem;text-decoration:none;border:1px solid var(--border);border-radius:var(--radius-md);min-width:120px;max-width:45%;transition:border-color var(--transition-fast)}.nav-link.svelte-1teoznn:hover{border-color:var(--border-light)}.nav-link.placeholder.svelte-1teoznn{visibility:hidden}.nav-link.next.svelte-1teoznn{text-align:right;margin-left:auto}.nav-label.svelte-1teoznn{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.nav-title.svelte-1teoznn{font-weight:600;color:var(--text-primary);margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox.svelte-1teoznn{position:fixed;inset:0;z-index:1000;background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:svelte-1teoznn-lightbox-fade-in .15s ease}@keyframes svelte-1teoznn-lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox.svelte-1teoznn img:where(.svelte-1teoznn){max-width:90vw;max-height:90vh;border-radius:var(--radius-md);cursor:default}.lightbox-close.svelte-1teoznn{position:absolute;top:1rem;right:1.5rem;background:none;border:none;color:#e5e5e5;font-size:2rem;cursor:pointer;line-height:1;opacity:.7;transition:opacity var(--transition-fast)}.lightbox-close.svelte-1teoznn:hover{opacity:1}
