.blog-index-shell.svelte-u4k2t{--blog-bg: #f3f0ea;--blog-fg: #11100f;--blog-muted: #6f6a63;--blog-soft: #e5e0d6;--blog-line: #11100f;--blog-line-muted: rgba(17, 16, 15, .22);--blog-logo: url(../../../images/famtqn-icon-black-transparent.png);position:relative;min-height:100svh;padding:clamp(7rem,12vw,10rem) min(5vw,4rem) clamp(4rem,8vw,7rem);overflow:hidden;background:linear-gradient(90deg,color-mix(in srgb,var(--blog-fg) 8%,transparent) 1px,transparent 1px),linear-gradient(0deg,color-mix(in srgb,var(--blog-fg) 5%,transparent) 1px,transparent 1px),var(--blog-bg);background-size:64px 64px,64px 64px,auto;color:var(--blog-fg);font-family:Outfit,Avenir Next,sans-serif;text-rendering:geometricPrecision}.dark .blog-index-shell.svelte-u4k2t,[data-theme=dark] .blog-index-shell.svelte-u4k2t{--blog-bg: #0b0b0a;--blog-fg: #f3f0ea;--blog-muted: #b7b0a4;--blog-soft: #1a1917;--blog-line: #f3f0ea;--blog-line-muted: rgba(243, 240, 234, .22);--blog-logo: url(../../../images/famtqn-icon-white-transparent.png)}.blog-index-shell.svelte-u4k2t:before{position:absolute;right:-18vw;top:4rem;width:min(56vw,44rem);aspect-ratio:1;content:"";background-image:var(--blog-logo);background-position:center;background-repeat:no-repeat;background-size:contain;opacity:.045;pointer-events:none}.blog-hero.svelte-u4k2t,.featured-post.svelte-u4k2t,.post-list-section.svelte-u4k2t,.pagination.svelte-u4k2t{position:relative;z-index:1;width:min(1280px,100%);margin-inline:auto}.blog-hero.svelte-u4k2t{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.38fr);gap:clamp(2rem,5vw,5rem);align-items:end;padding-bottom:clamp(2rem,5vw,4rem);border-bottom:3px solid var(--blog-line)}.blog-kicker.svelte-u4k2t,.post-list-header.svelte-u4k2t span:where(.svelte-u4k2t),.featured-meta.svelte-u4k2t,.post-number.svelte-u4k2t,.post-tags.svelte-u4k2t,.pagination.svelte-u4k2t{font-family:Sometype Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.blog-kicker.svelte-u4k2t{margin:0 0 1rem;color:var(--blog-muted);font-size:.82rem;font-weight:700}.blog-hero.svelte-u4k2t h1:where(.svelte-u4k2t){max-width:17ch;margin:0;font-family:Outfit,Avenir Next,sans-serif;font-size:clamp(2.9rem,5vw,4rem);font-weight:900;line-height:1;letter-spacing:0}.blog-hero.svelte-u4k2t p:where(.svelte-u4k2t){max-width:48rem;margin:1.5rem 0 0;color:var(--blog-muted);font-size:1.25rem;font-weight:500;line-height:1.45;text-wrap:pretty}.blog-hero-panel.svelte-u4k2t{border:3px solid var(--blog-line);background:var(--blog-fg);color:var(--blog-bg)}.blog-hero-panel.svelte-u4k2t>div:where(.svelte-u4k2t){padding:1.25rem;border-bottom:3px solid var(--blog-bg)}.blog-hero-panel.svelte-u4k2t strong:where(.svelte-u4k2t){display:block;font-size:5.5rem;font-weight:900;line-height:.85;letter-spacing:0}.blog-hero-panel.svelte-u4k2t span:where(.svelte-u4k2t),.blog-hero-panel.svelte-u4k2t dt:where(.svelte-u4k2t),.blog-hero-panel.svelte-u4k2t dd:where(.svelte-u4k2t){font-family:Sometype Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem}.blog-hero-panel.svelte-u4k2t dl:where(.svelte-u4k2t){margin:0}.blog-hero-panel.svelte-u4k2t dl:where(.svelte-u4k2t) div:where(.svelte-u4k2t){display:grid;grid-template-columns:6rem 1fr;gap:1rem;padding:1rem 1.25rem;border-bottom:3px solid var(--blog-bg)}.blog-hero-panel.svelte-u4k2t dl:where(.svelte-u4k2t) div:where(.svelte-u4k2t):last-child{border-bottom:0}.blog-hero-panel.svelte-u4k2t dt:where(.svelte-u4k2t),.blog-hero-panel.svelte-u4k2t dd:where(.svelte-u4k2t){margin:0}.blog-hero-panel.svelte-u4k2t dt:where(.svelte-u4k2t){opacity:.68}.featured-post.svelte-u4k2t{display:grid;grid-template-columns:minmax(9rem,.22fr) minmax(0,1fr) minmax(13rem,.26fr);gap:clamp(1rem,3vw,3rem);align-items:stretch;margin-top:1rem;border-bottom:3px solid var(--blog-line);color:inherit;text-decoration:none}.featured-meta.svelte-u4k2t,.featured-tags.svelte-u4k2t{display:grid;align-content:start;gap:.6rem;padding:1.25rem 0;color:var(--blog-muted);font-size:.78rem;font-weight:700}.featured-copy.svelte-u4k2t{padding:clamp(1.25rem,3vw,2rem) 0}.featured-copy.svelte-u4k2t h2:where(.svelte-u4k2t){max-width:21ch;margin:0;font-family:Outfit,Avenir Next,sans-serif;font-size:clamp(2rem,3.8vw,3rem);font-weight:900;line-height:1;letter-spacing:0}.featured-copy.svelte-u4k2t p:where(.svelte-u4k2t){max-width:48rem;margin:1rem 0 0;color:var(--blog-muted);font-size:1.08rem;line-height:1.6}.featured-tags.svelte-u4k2t{justify-items:end}.featured-tags.svelte-u4k2t span:where(.svelte-u4k2t),.post-tags.svelte-u4k2t span:where(.svelte-u4k2t){border:2px solid var(--blog-line-muted);padding:.35rem .5rem}.featured-post.svelte-u4k2t:hover h2:where(.svelte-u4k2t),.post-row.svelte-u4k2t:hover h3:where(.svelte-u4k2t){text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.12em}.post-list-section.svelte-u4k2t{padding-top:clamp(3rem,7vw,6rem)}.post-list-header.svelte-u4k2t{display:grid;grid-template-columns:minmax(8rem,.22fr) minmax(0,1fr);gap:2rem;align-items:baseline;margin-bottom:1.5rem}.post-list-header.svelte-u4k2t span:where(.svelte-u4k2t){color:var(--blog-muted);font-size:.82rem;font-weight:700}.post-list-header.svelte-u4k2t h2:where(.svelte-u4k2t){margin:0;font-family:Outfit,Avenir Next,sans-serif;font-size:clamp(2.2rem,4vw,3rem);font-weight:900;line-height:1;letter-spacing:0}.post-list.svelte-u4k2t{border-top:3px solid var(--blog-line)}.post-row.svelte-u4k2t{display:grid;grid-template-columns:minmax(4rem,.08fr) minmax(0,1fr) minmax(10rem,.18fr);gap:clamp(1rem,3vw,3rem);padding:clamp(1.15rem,2.5vw,2rem) 0;border-bottom:3px solid var(--blog-line);color:inherit;text-decoration:none}.post-number.svelte-u4k2t,.post-row.svelte-u4k2t time:where(.svelte-u4k2t),.post-title-line.svelte-u4k2t span:where(.svelte-u4k2t){color:var(--blog-muted);font-size:.78rem;font-weight:700}.post-main.svelte-u4k2t{display:grid;gap:.85rem}.post-title-line.svelte-u4k2t{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:baseline}.post-title-line.svelte-u4k2t h3:where(.svelte-u4k2t){margin:0;font-family:Outfit,Avenir Next,sans-serif;font-size:2.25rem;font-weight:850;line-height:1;letter-spacing:0}.post-main.svelte-u4k2t p:where(.svelte-u4k2t){max-width:58rem;margin:0;color:var(--blog-muted);font-size:1rem;line-height:1.6}.post-tags.svelte-u4k2t{display:flex;flex-wrap:wrap;gap:.5rem;color:var(--blog-muted);font-size:.72rem;font-weight:700}.post-row.svelte-u4k2t time:where(.svelte-u4k2t){justify-self:end;text-align:right}.empty-state.svelte-u4k2t{margin:0;padding:2rem 0;color:var(--blog-muted);border-top:3px solid var(--blog-line);border-bottom:3px solid var(--blog-line)}.pagination.svelte-u4k2t{display:flex;justify-content:center;gap:.75rem;margin-top:3rem}.pagination-btn.svelte-u4k2t,.pagination-page.svelte-u4k2t{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;border:3px solid var(--blog-line);background:var(--blog-bg);color:var(--blog-fg);font:inherit;font-size:.78rem;font-weight:800;text-decoration:none;cursor:pointer}.pagination-btn.svelte-u4k2t{padding:.65rem .9rem}.pagination-page.svelte-u4k2t{width:2.8rem}.pagination-btn.disabled.svelte-u4k2t{cursor:not-allowed;opacity:.35;pointer-events:none}.pagination-page.active.svelte-u4k2t,.pagination-btn.svelte-u4k2t:hover:not(.disabled),.pagination-page.svelte-u4k2t:hover{background:var(--blog-fg);color:var(--blog-bg)}.pagination-pages.svelte-u4k2t{display:flex;gap:.5rem}@media(max-width:860px){.blog-index-shell.svelte-u4k2t{padding-inline:1rem}.blog-hero.svelte-u4k2t,.featured-post.svelte-u4k2t,.post-list-header.svelte-u4k2t,.post-row.svelte-u4k2t{grid-template-columns:1fr}.featured-tags.svelte-u4k2t{justify-items:start;display:flex;flex-wrap:wrap}.post-title-line.svelte-u4k2t{grid-template-columns:1fr}.blog-hero-panel.svelte-u4k2t strong:where(.svelte-u4k2t){font-size:4.5rem}.post-title-line.svelte-u4k2t h3:where(.svelte-u4k2t){font-size:1.8rem}.post-row.svelte-u4k2t time:where(.svelte-u4k2t){justify-self:start;text-align:left}}@media(max-width:560px){.blog-index-shell.svelte-u4k2t{padding-top:5rem}.blog-index-shell.svelte-u4k2t:before{display:none}.post-list-header.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:2.45rem}.post-title-line.svelte-u4k2t h3:where(.svelte-u4k2t){font-size:1.45rem}.blog-hero-panel.svelte-u4k2t dl:where(.svelte-u4k2t) div:where(.svelte-u4k2t){grid-template-columns:1fr;gap:.35rem}.pagination.svelte-u4k2t{flex-wrap:wrap}}