@import "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(.985 .008 var(--blogs-hue));--blogs-fg:oklch(.22 .02 var(--blogs-hue));--blogs-muted:oklch(.48 .025 var(--blogs-hue));--blogs-line:oklch(.9 .012 var(--blogs-hue));--blogs-accent:oklch(.58 .16 var(--blogs-hue));--blogs-surface:oklch(1 .004 var(--blogs-hue));color:var(--blogs-fg);background-color:var(--blogs-bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}.blogs-surface .blogs-display{font-family:var(--font-blogs-display)}.blogs-surface .blogs-hero{border-bottom:1px solid var(--blogs-line);position:relative;overflow:hidden}.blogs-surface .blogs-hero__backdrop{pointer-events:none;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%,#51ac8c14,transparent 58%);position:absolute;inset:0}@supports (color:lab(0% 0 0)){.blogs-surface .blogs-hero__backdrop{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%,lab(64.206% -34.3177 7.68206/.08),transparent 58%)}}.blogs-surface .blogs-hero__grid{z-index:1;gap:clamp(1.75rem,4vw,2.5rem);display:grid;position:relative}@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{border:1px solid var(--blogs-line);background:var(--blogs-surface);border-radius:1rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.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);color:var(--blogs-fg);font-size:clamp(1.5rem,3vw,1.875rem);font-weight:600;line-height:1.15}.blogs-surface .blogs-stat-strip__label{color:var(--blogs-muted);margin-top:.25rem;font-size:.875rem;line-height:1.4}.blogs-surface .blogs-type-nav{flex-wrap:wrap;gap:.5rem;display:flex}.blogs-surface .blogs-type-nav__link{border:1px solid var(--blogs-line);color:var(--blogs-muted);background:var(--blogs-surface);border-radius:9999px;align-items:center;gap:.45rem;padding:.45rem .8rem;font-size:.875rem;line-height:1.25;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);display:inline-flex}.blogs-surface .blogs-type-nav__link:hover,.blogs-surface .blogs-type-nav__link:focus-visible{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{min-width:1.25rem;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));border-radius:9999px;justify-content:center;align-items:center;padding:.1rem .35rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.blogs-surface .blogs-search-panel{border:1px solid var(--blogs-line);background:var(--blogs-surface);--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:.625rem;border-radius:1rem;padding:clamp(1rem,2.5vw,1.25rem) clamp(1.1rem,2.5vw,1.35rem)}.blogs-surface .blogs-post-list{border:1px solid var(--blogs-line);background:var(--blogs-surface);border-radius:1rem;flex-direction:column;display:flex;overflow:hidden}.blogs-surface .blogs-post-row{border-top:1px solid var(--blogs-line);gap:.65rem;padding:clamp(1.15rem,2.8vw,1.5rem) clamp(1.15rem,2.8vw,1.65rem);transition:background-color .35s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.blogs-surface .blogs-post-row:first-child{border-top:none}.blogs-surface .blogs-post-row:hover,.blogs-surface .blogs-post-row:focus-within{background:color-mix(in oklch,var(--blogs-row-accent,var(--blogs-accent))5%,var(--blogs-surface))}.blogs-surface .blogs-post-row__badge{letter-spacing:.04em;text-transform:uppercase;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));width:fit-content;color:color-mix(in oklch,var(--blogs-row-accent,var(--blogs-accent))72%,var(--blogs-fg));border-radius:9999px;align-items:center;padding:.3rem .55rem;font-size:.6875rem;font-weight:600;line-height:1;display:inline-flex}.blogs-surface .blogs-post-row__title{font-family:var(--font-blogs-display);color:var(--blogs-fg);font-size:clamp(1.125rem,2.2vw,1.3125rem);font-weight:600;line-height:1.25;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{color:var(--blogs-muted);font-size:.8125rem;line-height:1.4}.blogs-surface .blogs-post-row__tldr{color:var(--blogs-muted);font-size:.9375rem;line-height:1.55}.blogs-surface .blogs-empty{border:1px dashed var(--blogs-line);text-align:center;color:var(--blogs-muted);background:color-mix(in oklch,var(--blogs-line)25%,var(--blogs-surface));border-radius:1rem;padding:clamp(2rem,5vw,3rem)}@media (min-width:768px){.blogs-surface .blogs-post-row{grid-template-rows:auto auto auto;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:1.25rem}.blogs-surface .blogs-post-row__badge{grid-row:1/-1;align-self:start;margin-top:.2rem}.blogs-surface .blogs-post-row__title,.blogs-surface .blogs-post-row__tldr,.blogs-surface .blogs-post-row__meta{grid-column:2}}@media (prefers-reduced-motion:reduce){.blogs-surface .blogs-post-row,.blogs-surface .blogs-type-nav__link{transition:none}}