.cat-pill[data-astro-cid-335kazes]{display:inline-flex;align-items:center;gap:var(--sp-1);font-family:var(--f-ui);font-size:var(--fs-2xs);font-weight:600;color:var(--cat-color, var(--t-muted));text-decoration:none;text-transform:capitalize}a[data-astro-cid-335kazes].cat-pill:hover{opacity:.8}.cat-md[data-astro-cid-335kazes]{font-size:var(--fs-xs)}.cat-dot[data-astro-cid-335kazes]{width:6px;height:6px;border-radius:50%;background:var(--cat-color, var(--accent));flex-shrink:0}.category-announcement{--cat-color: var(--accent);--cat-bg: var(--accent-bg)}.category-lore{--cat-color: var(--color-warning);--cat-bg: var(--color-warning-bg)}.category-editorial{--cat-color: #c75b8c;--cat-bg: rgba(199, 91, 140, .12)}.category-behind-the-keyboard{--cat-color: var(--color-success);--cat-bg: var(--color-success-bg)}.category-media{--cat-color: #8e8ec9;--cat-bg: rgba(142, 142, 201, .12)}.reading-progress{position:fixed;top:var(--nav-h);left:0;width:100%;height:3px;z-index:var(--z-progress);background:var(--b-hairline)}.reading-progress-bar{height:100%;background:var(--accent);width:0%;transition:width 80ms linear}.toc{font-family:var(--f-ui);font-size:var(--fs-xs)}.toc-title{font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--t-dim);margin:0 0 var(--sp-3);font-size:var(--fs-2xs)}.toc-list{list-style:none;padding:0;margin:0}.toc-link{display:block;padding:var(--sp-1) 0;padding-left:var(--sp-3);color:var(--t-muted);text-decoration:none;border-left:2px solid transparent;transition:all var(--dur-micro) var(--ease-out);line-height:1.4}.toc-link:hover{color:var(--t-primary)}.toc-link.active{color:var(--accent-text);border-left-color:var(--accent)}.toc-link[data-level="3"]{padding-left:var(--sp-6);font-size:var(--fs-2xs)}.toc-link[data-level="4"]{padding-left:var(--sp-8);font-size:var(--fs-2xs);opacity:.85}.share-bar{display:flex;gap:var(--sp-2)}.share-btn{width:36px;height:36px;border-radius:50%;background:var(--s-overlay);border:1px solid var(--b-subtle);color:var(--t-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--dur-micro) var(--ease-out);text-decoration:none}.share-btn:hover{color:var(--accent-text);border-color:var(--accent-border);background:var(--accent-bg)}.share-btn svg{width:16px;height:16px;fill:currentColor}.prose>p:first-of-type:first-letter{font-size:3.5em;float:left;line-height:.85;margin-right:var(--sp-2);padding-top:.1em;color:var(--accent-text);font-family:var(--f-ui);font-weight:700;text-transform:none}@supports (initial-letter: 3){.prose>p:first-of-type:first-letter{initial-letter:3 2;float:none;margin-right:var(--sp-3);padding-top:0}}.prose blockquote[data-type=pull-quote]{border-left:none;padding:var(--sp-4) 0;margin:var(--sp-6) 0;text-align:center;font-size:var(--fs-h3);font-weight:600;color:var(--t-primary);line-height:1.4;border-top:2px solid var(--accent);border-bottom:2px solid var(--accent)}.prose .full-bleed{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;max-width:100vw;border-radius:0}.post-article{overflow-x:hidden;overflow-x:clip}.prose figcaption{font-family:var(--f-ui);font-size:var(--fs-xs);color:var(--t-dim);text-align:center;margin-top:var(--sp-2)}.blog-container{display:flex;flex-direction:column;gap:var(--sp-6)}.filter-active{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--b-hairline);font-family:var(--f-ui);font-size:var(--fs-sm);color:var(--t-primary);flex-wrap:wrap}.filter-active>span{font-weight:600;letter-spacing:.02em}.clear-filter{font-family:var(--f-ui);font-size:var(--fs-xs);font-weight:600;color:var(--accent-text);text-decoration:none;text-transform:uppercase;letter-spacing:.08em}.clear-filter:hover{color:var(--accent-hover);text-decoration:underline}.sort-form{display:flex;align-items:center;gap:var(--sp-2);margin-top:calc(var(--sp-4) * -1)}.sort-label{font-family:var(--f-ui);font-size:var(--fs-xs);font-weight:700;color:var(--t-dim);text-transform:uppercase;letter-spacing:.1em}.sort-form select{font-family:var(--f-ui);font-size:var(--fs-sm);color:var(--t-primary);background:var(--s-raised);border:1px solid var(--b-subtle);border-radius:var(--r-sm);padding:var(--sp-1) var(--sp-3);cursor:pointer;transition:border-color var(--dur-micro) var(--ease-out)}.sort-form select:hover,.sort-form select:focus{border-color:var(--accent);outline:none}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--sp-5)}.empty-state{padding:var(--sp-section) var(--sp-5);text-align:center;background:var(--s-raised);border:1px dashed var(--b-subtle);border-radius:var(--r-lg);font-family:var(--f-ui);color:var(--t-muted)}.empty-state p{margin:0;font-size:var(--fs-body)}.card-image-placeholder{position:relative;aspect-ratio:16 / 9;background:radial-gradient(circle at 30% 35%,var(--cat-bg, rgba(255, 255, 255, .04)) 0%,transparent 60%),linear-gradient(135deg,var(--s-sunken) 0%,var(--s-raised) 100%);border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:1px solid var(--b-subtle);overflow:hidden}.card-image-placeholder:after{content:attr(data-category);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-size:var(--fs-h2);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cat-color, var(--t-dim));opacity:.18;pointer-events:none}.blog-card{position:relative;display:flex;flex-direction:column;background:var(--s-raised);border:1px solid var(--b-subtle);border-radius:var(--r-lg);overflow:hidden;transition:border-color var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out),box-shadow var(--dur-micro) var(--ease-out)}.blog-card:hover,.blog-card:focus-within{border-color:var(--b-default);transform:translateY(-2px);box-shadow:var(--shadow-card)}.blog-card-link{color:inherit;text-decoration:none}.blog-card-link:after{content:"";position:absolute;inset:0;z-index:0}.blog-card-link:focus-visible{outline:none}.blog-card:focus-within{outline:2px solid var(--accent);outline-offset:2px}.blog-card:hover .blog-card-link{color:var(--accent-text)}.featured-badge{position:absolute;top:var(--sp-3);left:var(--sp-3);z-index:2;padding:2px var(--sp-2);background:var(--accent);color:var(--accent-on, #fff);border-radius:var(--r-sm);font-family:var(--f-ui);font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 2px 8px #00000040}.blog-card-footer{margin-top:auto;display:flex;flex-direction:column;gap:var(--sp-2);padding-top:var(--sp-2)}.blog-card-tags{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.blog-card-tag{position:relative;z-index:1;font-family:var(--f-ui);font-size:var(--fs-2xs);font-weight:500;color:var(--t-muted);background:var(--s-sunken);border:1px solid var(--b-hairline);padding:2px 8px;border-radius:9999px;text-decoration:none;transition:color var(--dur-micro) var(--ease-out),background var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out)}.blog-card-tag:before{content:"#";opacity:.6}.blog-card-tag:hover{color:var(--accent-text);background:var(--accent-bg);border-color:var(--accent-border)}.blog-card-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;border-bottom:1px solid var(--b-subtle)}.blog-card-body{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);flex:1}.blog-card-date{margin-top:auto;padding-top:var(--sp-2)}.blog-card-meta{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--f-ui);font-size:var(--fs-xs);color:var(--t-dim)}.blog-card-title{font-family:var(--f-ui);font-weight:700;color:var(--t-primary);margin:0;line-height:1.3}.blog-card:hover .blog-card-title{color:var(--accent-text)}.blog-card-excerpt{font-family:var(--f-ui);font-size:var(--fs-sm);color:var(--t-muted);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-date{font-family:var(--f-mono);font-size:var(--fs-2xs);color:var(--t-dim)}.blog-card-hero{display:grid;grid-template-columns:55% 45%;border-radius:var(--r-lg)}.blog-card-hero .blog-card-image{border-bottom:none;border-right:1px solid var(--b-subtle);border-radius:var(--r-lg) 0 0 var(--r-lg);height:100%;aspect-ratio:auto}.blog-card-hero .blog-card-body{padding:var(--sp-6);justify-content:center;gap:var(--sp-3)}.blog-card-hero .blog-card-title{font-size:var(--fs-h3)}.blog-card-hero .blog-card-excerpt{-webkit-line-clamp:4}.blog-card-compact .blog-card-body{padding:var(--sp-3)}.blog-card-compact .blog-card-title{font-size:var(--fs-sm)}@media(max-width:768px){.blog-card-hero{grid-template-columns:1fr}.blog-card-hero .blog-card-image{border-right:none;border-bottom:1px solid var(--b-subtle);border-radius:var(--r-lg) var(--r-lg) 0 0;aspect-ratio:16 / 9;height:auto}.blog-card-hero .blog-card-body{padding:var(--sp-4)}.blog-card-hero .blog-card-title{font-size:var(--fs-h4)}.prose>p:first-of-type:first-letter{font-size:2.8em}}.category-bar{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;justify-content:space-between}.category-pills{display:flex;gap:var(--sp-1-5);flex-wrap:wrap}.category-feed{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:9999px;font-family:var(--f-ui);font-size:var(--fs-xs);font-weight:600;color:var(--t-muted);text-decoration:none;background:var(--s-raised);border:1px solid var(--b-subtle);transition:all var(--dur-micro) var(--ease-out)}.category-feed:hover{color:var(--accent-text);border-color:var(--accent)}.category-feed svg{width:12px;height:12px}.category-pill{padding:var(--sp-1) var(--sp-3);border-radius:9999px;font-family:var(--f-ui);font-size:var(--fs-xs);font-weight:600;color:var(--t-muted);text-decoration:none;background:var(--s-raised);border:1px solid var(--b-subtle);transition:all var(--dur-micro) var(--ease-out)}.category-pill:hover{border-color:var(--accent);color:var(--t-primary)}.category-pill.active{background:var(--accent-bg);color:var(--accent-text);border-color:var(--accent-bg)}.reading-time{display:inline-flex;align-items:center;gap:var(--sp-1);font-family:var(--f-mono);font-size:var(--fs-2xs);color:var(--t-dim)}.reading-time svg{width:12px;height:12px;fill:currentColor;opacity:.6}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);font-family:var(--f-ui);font-size:var(--fs-sm);padding:var(--sp-4) 0}.blog-pagination a{color:var(--accent);text-decoration:none;font-weight:600}.blog-pagination a:hover{text-decoration:underline}.blog-pagination .page-info{color:var(--t-dim)}@media print{body>header,body>footer,nav.site-nav,.reading-progress,.share-section,.post-footer-ctas,.related-section,.prev-next-nav,.post-crumbs,.post-sidebar,.mobile-toc,.post-hero-pill,.post-hero-bg,.back-to-top{display:none!important}.post-article{padding:0}.post-hero{min-height:0;padding:0 0 var(--sp-4);text-align:left}.post-hero-inner{gap:var(--sp-2)}.post-layout{max-width:100%;grid-template-columns:1fr!important;padding:0}.prose{padding-top:var(--sp-3);border-top:1px solid #ccc;color:#000!important;font-size:11pt;line-height:1.55}.prose h2,.prose h3,.prose h4{break-after:avoid-page;page-break-after:avoid}.prose figure,.prose blockquote,.prose img,.prose table{break-inside:avoid;page-break-inside:avoid}.prose a[href]:after{content:" (" attr(href) ")";font-size:.85em;color:#555;word-break:break-all}.prose a[href^="#"]:after{content:""}}