@import url("https://fonts.googleapis.com/css2?family=Spectral:wght@400;600;700&display=swap");.blogs-surface{--font-blogs-display:"Spectral",Georgia,"Times New Roman",serif;--blogs-hue:207;--blogs-bg:oklch(0.985 0.008 var(--blogs-hue));--blogs-fg:oklch(0.22 0.02 var(--blogs-hue));--blogs-muted:oklch(0.48 0.025 var(--blogs-hue));--blogs-line:oklch(0.9 0.012 var(--blogs-hue));--blogs-accent:oklch(0.58 0.16 var(--blogs-hue));--blogs-surface:oklch(1 0.004 var(--blogs-hue));font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--blogs-fg);background-color:var(--blogs-bg)}.blogs-surface .blogs-display{font-family:var(--font-blogs-display)}.blogs-surface .blogs-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--blogs-line)}.blogs-surface .blogs-hero__backdrop{pointer-events:none;position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 55% 45% at 12% 20%,oklch(.72 .12 var(--blogs-hue)/.14),transparent 62%),radial-gradient(ellipse 40% 35% at 88% 75%,oklch(.68 .1 168/.08),transparent 58%)}.blogs-surface .blogs-hero__grid{position:relative;z-index:1;display:grid;gap:clamp(1.75rem,4vw,2.5rem)}@media (min-width:1024px){.blogs-surface .blogs-hero__grid{grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);align-items:end}}.blogs-surface .blogs-stat-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--blogs-line);border-radius:1rem;overflow:hidden;background:var(--blogs-surface)}.blogs-surface .blogs-stat-strip__cell{padding:clamp(1rem,2.5vw,1.25rem) clamp(1.1rem,2.5vw,1.35rem)}.blogs-surface .blogs-stat-strip__cell+.blogs-stat-strip__cell{border-left:1px solid var(--blogs-line)}.blogs-surface .blogs-stat-strip__value{font-family:var(--font-blogs-display);font-size:clamp(1.5rem,3vw,1.875rem);font-weight:600;line-height:1.15;color:var(--blogs-fg)}.blogs-surface .blogs-stat-strip__label{margin-top:.25rem;font-size:.875rem;line-height:1.4;color:var(--blogs-muted)}.blogs-surface .blogs-type-nav{display:flex;flex-wrap:wrap;gap:.5rem}.blogs-surface .blogs-type-nav__link{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .8rem;border:1px solid var(--blogs-line);border-radius:9999px;font-size:.875rem;line-height:1.25;color:var(--blogs-muted);background:var(--blogs-surface);transition:background-color .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1)}.blogs-surface .blogs-type-nav__link:focus-visible,.blogs-surface .blogs-type-nav__link:hover{border-color:color-mix(in oklch,var(--blogs-type-accent,var(--blogs-accent)) 35%,var(--blogs-line));background:color-mix(in oklch,var(--blogs-type-accent,var(--blogs-accent)) 8%,var(--blogs-surface));color:var(--blogs-fg)}.blogs-surface .blogs-type-nav__link--active{border-color:color-mix(in oklch,var(--blogs-type-accent,var(--blogs-accent)) 40%,var(--blogs-line));background:color-mix(in oklch,var(--blogs-type-accent,var(--blogs-accent)) 12%,var(--blogs-surface));color:var(--blogs-fg);font-weight:600}.blogs-surface .blogs-type-nav__count{display:inline-flex;min-width:1.25rem;align-items:center;justify-content:center;padding:.1rem .35rem;border-radius:9999px;font-size:.75rem;font-weight:600;line-height:1;color:color-mix(in oklch,var(--blogs-type-accent,var(--blogs-accent)) 75%,var(--blogs-fg));background:color-mix(in oklch,var(--blogs-type-accent,var(--blogs-accent)) 14%,var(--blogs-surface))}.blogs-surface .blogs-search-panel{padding:clamp(1rem,2.5vw,1.25rem) clamp(1.1rem,2.5vw,1.35rem);--pagefind-ui-primary:var(--blogs-accent);--pagefind-ui-text:var(--blogs-fg);--pagefind-ui-fade:var(--blogs-muted);--pagefind-ui-background:var(--blogs-surface);--pagefind-ui-border:var(--blogs-line);--pagefind-ui-border-radius:0.625rem}.blogs-surface .blogs-post-list,.blogs-surface .blogs-search-panel{border:1px solid var(--blogs-line);border-radius:1rem;background:var(--blogs-surface)}.blogs-surface .blogs-post-list{display:flex;flex-direction:column;overflow:hidden}.blogs-surface .blogs-post-row{position:relative;display:grid;gap:.65rem;padding:clamp(1.15rem,2.8vw,1.5rem) clamp(1.15rem,2.8vw,1.65rem);border-top:1px solid var(--blogs-line);transition:background-color .35s cubic-bezier(.16,1,.3,1)}.blogs-surface .blogs-post-row:first-child{border-top:none}.blogs-surface .blogs-post-row:focus-within,.blogs-surface .blogs-post-row:hover{background:color-mix(in oklch,var(--blogs-row-accent,var(--blogs-accent)) 5%,var(--blogs-surface))}.blogs-surface .blogs-post-row__badge{display:inline-flex;align-items:center;width:fit-content;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1;padding:.3rem .55rem;border-radius:9999px;border:1px solid color-mix(in oklch,var(--blogs-row-accent,var(--blogs-accent)) 32%,var(--blogs-line));background:color-mix(in oklch,var(--blogs-row-accent,var(--blogs-accent)) 10%,var(--blogs-surface));color:color-mix(in oklch,var(--blogs-row-accent,var(--blogs-accent)) 72%,var(--blogs-fg))}.blogs-surface .blogs-post-row__title{font-family:var(--font-blogs-display);font-size:clamp(1.125rem,2.2vw,1.3125rem);font-weight:600;line-height:1.25;color:var(--blogs-fg);text-decoration:none;transition:color .25s cubic-bezier(.16,1,.3,1)}.blogs-surface .blogs-post-row__title:hover{color:color-mix(in oklch,var(--blogs-row-accent,var(--blogs-accent)) 70%,var(--blogs-fg))}.blogs-surface .blogs-post-row__meta{font-size:.8125rem;line-height:1.4;color:var(--blogs-muted)}.blogs-surface .blogs-post-row__tldr{font-size:.9375rem;line-height:1.55;color:var(--blogs-muted)}.blogs-surface .blogs-empty{border:1px dashed var(--blogs-line);border-radius:1rem;padding:clamp(2rem,5vw,3rem);text-align:center;color:var(--blogs-muted);background:color-mix(in oklch,var(--blogs-line) 25%,var(--blogs-surface))}@media (min-width:768px){.blogs-surface .blogs-post-row{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:1.25rem;align-items:start}.blogs-surface .blogs-post-row__badge{grid-row:1/-1;align-self:start;margin-top:.2rem}.blogs-surface .blogs-post-row__meta,.blogs-surface .blogs-post-row__title,.blogs-surface .blogs-post-row__tldr{grid-column:2}}@media (prefers-reduced-motion:reduce){.blogs-surface .blogs-post-row,.blogs-surface .blogs-type-nav__link{transition:none}}