.blog-hero{border:1px solid color-mix(in srgb, var(--brand) 16%, var(--border));background:radial-gradient(700px 220px at 8% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%), radial-gradient(520px 200px at 100% 100%, color-mix(in srgb, var(--brand) 12%, transparent), transparent 58%), var(--surface-elevated);box-shadow:var(--shadow-sm);border-radius:1.25rem;padding:1.15rem;position:relative;overflow:hidden}@media (min-width:640px){.blog-hero{padding:1.75rem}}.blog-hero__eyebrow{border:1px solid color-mix(in srgb, var(--brand) 18%, var(--border));background:var(--brand-mist);letter-spacing:.06em;text-transform:uppercase;color:var(--brand);border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-flex}.blog-hero__actions{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}@media (min-width:640px){.blog-hero__actions{flex-wrap:wrap;display:flex}}.blog-hero__stats{flex-wrap:wrap;gap:.4rem;display:flex}.blog-hero__stat{border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--surface-elevated) 70%, transparent);color:var(--muted);border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.blog-hero__stat b{color:var(--brand);font-weight:800}.blog-toolbar{z-index:20;margin-inline:calc(-1 * var(--blog-gutter,1rem));padding:.6rem var(--blog-gutter,1rem) .55rem;background:color-mix(in srgb, var(--background) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #0000;transition:border-color .2s;position:sticky;top:3.5rem}.blog-toolbar.is-stuck{border-bottom-color:color-mix(in srgb, var(--border) 80%, transparent)}@media (min-width:768px){.blog-toolbar,.blog-tabs{margin-inline:0;padding-inline:0}.blog-toolbar{padding-block:.75rem}}.blog-toolbar__row{align-items:center;gap:.5rem;display:flex}.blog-search{flex:auto;min-width:0;position:relative}.blog-search__input{border:1px solid color-mix(in srgb, var(--brand) 14%, var(--border));background:var(--surface-elevated);width:100%;min-width:0;min-height:2.75rem;color:var(--foreground);box-shadow:var(--shadow-sm);border-radius:999px;padding:.5rem 2.6rem .5rem 2.4rem;font-size:1rem}.blog-search__input::placeholder{color:color-mix(in srgb, var(--muted) 75%, transparent)}.blog-search__input:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.blog-search__icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.blog-search__clear{width:2.1rem;height:2.1rem;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.blog-search__clear:hover,.blog-search__clear:active{background:var(--brand-mist);color:var(--brand)}.blog-sort{border:1px solid color-mix(in srgb, var(--brand) 14%, var(--border));background:var(--surface-elevated);min-height:2.75rem;color:var(--brand);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:999px;flex:none;padding:0 .75rem;font-size:.8125rem;font-weight:600}.blog-tabs{scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;margin-top:.5rem;margin-inline:calc(-1 * var(--blog-gutter,1rem));padding-block:.15rem;padding-inline:var(--blog-gutter,1rem);gap:.4rem;display:flex;overflow-x:auto}.blog-tabs::-webkit-scrollbar{display:none}.blog-tab{scroll-snap-align:start;border:1px solid color-mix(in srgb, var(--brand) 12%, var(--border));background:var(--surface-elevated);white-space:nowrap;min-height:2.5rem;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;flex:none;align-items:center;gap:.35rem;padding:0 .8rem;font-size:.8125rem;font-weight:700;line-height:1;transition:background .18s,color .18s,border-color .18s,transform .12s;display:inline-flex}.blog-tab:active{transform:scale(.97)}.blog-tab__count{background:var(--brand-mist);color:var(--brand);border-radius:999px;padding:.1rem .4rem;font-size:.6875rem;font-weight:800}.blog-tab.is-active{background:var(--brand);border-color:var(--brand);color:var(--cream)}.blog-tab.is-active .blog-tab__count{background:color-mix(in srgb, var(--cream) 22%, transparent);color:var(--cream)}.blog-rail{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:calc(-1 * var(--blog-gutter,1rem));padding:.25rem var(--blog-gutter,1rem) .5rem;grid-auto-columns:82%;grid-auto-flow:column;gap:.75rem;display:grid;overflow-x:auto}.blog-rail::-webkit-scrollbar{display:none}.blog-rail>*{scroll-snap-align:start}@media (min-width:768px){.blog-rail{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;gap:1rem;margin-inline:0;padding-inline:0;overflow:visible}}.post-card{isolation:isolate;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden;padding:0!important}.post-card:hover{border-color:color-mix(in srgb, var(--brand) 40%, var(--border));box-shadow:var(--shadow-md);transform:translateY(-2px)}.post-card:active{transform:scale(.995)}.post-card__media{aspect-ratio:16/9;background:var(--brand-mist);position:relative;overflow:hidden}.post-card__media-empty{background:radial-gradient(circle at 24% 26%, color-mix(in srgb, var(--accent) 40%, transparent), transparent 60%), linear-gradient(135deg, var(--brand), color-mix(in srgb, var(--brand) 62%, #000));height:100%}.post-card__badges{z-index:2;flex-wrap:wrap;gap:.3rem;max-width:calc(100% - 1.2rem);display:flex;position:absolute;top:.6rem;left:.6rem}.post-card__badge{background:color-mix(in srgb, var(--surface-elevated) 92%, transparent);letter-spacing:.01em;color:var(--brand);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;border:1px solid #0000001f;border-radius:999px;padding:.2rem .55rem;font-size:.6875rem;font-weight:800}.post-card__badge--featured{background:var(--accent);color:var(--accent-ink);border-color:color-mix(in srgb, var(--accent-deep) 45%, transparent)}.post-card__play{z-index:1;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.post-card__play span{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;border-radius:999px;place-items:center;width:3rem;height:3rem;display:grid}.post-card__body{flex-direction:column;flex:auto;gap:.45rem;padding:.85rem .9rem .9rem;display:flex}@media (min-width:640px){.post-card__body{padding:1rem}}.post-card__title{letter-spacing:-.01em;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.0625rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.post-card__link:after{content:"";z-index:0;position:absolute;inset:0}.post-card__link:focus-visible{outline:none}.post-card:has(.post-card__link:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.post-card__excerpt{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.post-card__foot{z-index:1;justify-content:space-between;align-items:flex-end;gap:.6rem;min-width:0;margin-top:auto;padding-top:.7rem;display:flex;position:relative}.post-card__foot>:first-child{min-width:0}.blog-empty{border:1px dashed color-mix(in srgb, var(--brand) 22%, var(--border));background:color-mix(in srgb, var(--brand-mist) 60%, transparent);text-align:center;border-radius:1.05rem;place-items:center;gap:.6rem;padding:2rem 1rem;display:grid}.reading-progress{z-index:60;pointer-events:none;background:0 0;width:100%;height:3px;position:fixed;top:0;left:0}.reading-progress__bar{transform-origin:0;background:linear-gradient(90deg, var(--brand), var(--accent));width:100%;height:100%;transform:scaleX(0)}.article-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.35rem .6rem;font-size:.8125rem;font-weight:600;display:flex}.article-meta__dot{opacity:.5;background:currentColor;border-radius:999px;width:3px;height:3px}.article-body{border:1px solid color-mix(in srgb, var(--border) 90%, transparent);background:color-mix(in srgb, var(--surface-elevated) 92%, transparent);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:1.25rem;padding:1.1rem}@media (min-width:768px){.article-body{padding:2rem}}.post-toc{border:1px solid color-mix(in srgb, var(--brand) 16%, var(--border));background:color-mix(in srgb, var(--brand-mist) 70%, var(--surface-elevated));border-radius:1.05rem;overflow:hidden}.post-toc__toggle{width:100%;min-height:3rem;color:var(--brand);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .9rem;font-size:.875rem;font-weight:800;display:flex}.post-toc__list{flex-direction:column;padding:0 .5rem .5rem;display:flex}.post-toc__link{color:var(--muted);border-radius:.6rem;padding:.55rem .6rem;font-size:.875rem;line-height:1.35;text-decoration:none;display:block}.post-toc__link:hover,.post-toc__link:active{background:color-mix(in srgb, var(--brand) 10%, transparent);color:var(--brand)}.post-toc__link--sub{padding-left:1.5rem;font-size:.8125rem}.prose-pb :is(h2,h3)[id]{scroll-margin-top:5rem}.article-actions{flex-wrap:wrap;gap:.5rem;display:flex}@media (prefers-reduced-motion:reduce){.post-card,.post-card:hover,.post-card:active,.blog-tab:active{transform:none}}