.blog-index-page{background:var(--background);color:var(--foreground)}.blog-index-page .ol-site-rail{width:min(var(--content-width),calc(100% - 32px));margin-inline:auto;border-inline:0}.blog-index-breadcrumb .ol-site-rail{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:24px 0 0;color:var(--muted-foreground);font-size:var(--text-secondary);line-height:1.4}.blog-index-breadcrumb a{color:var(--muted-foreground);transition:color var(--motion-duration) var(--motion-ease)}.blog-index-breadcrumb a:hover{color:var(--interactive-accent)}.blog-index-breadcrumb [aria-current=page]{color:var(--foreground)}.blog-index-page .blog-index-hero{padding:0;border:0;background:var(--background)}.blog-index-hero-inner{padding:clamp(40px,6vw,72px) 0 clamp(32px,4vw,48px)}.blog-index-hero h1{max-width:18ch;margin:0;font-family:var(--font-heading);font-size:var(--text-title-1);font-weight:600;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.blog-index-lead{max-width:var(--measure);margin:20px 0 0;color:var(--muted-foreground);font-size:var(--text-lead);line-height:1.55}.blog-index-page .blog-index-section{padding:0 0 clamp(80px,9vw,120px);border:0}.blog-topic-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:32px;padding:0;border:0}.blog-topic-filter{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 18px;border:0;border-radius:999px;background:var(--muted);color:var(--foreground);font-size:var(--text-secondary);font-weight:500;line-height:1.3;white-space:nowrap;box-shadow:none;transition:background-color var(--motion-duration) var(--motion-ease),color var(--motion-duration) var(--motion-ease)}.blog-topic-filter:hover{background:color-mix(in srgb,var(--muted) 82%,var(--foreground));color:var(--foreground)}.blog-topic-filter.is-active,.blog-topic-filter.is-active:hover{background:var(--foreground);color:var(--background);font-weight:600}.blog-index-breadcrumb a:focus-visible,.blog-index-empty a:focus-visible,.blog-pagination-link:focus-visible,.blog-tile a:focus-visible,.blog-topic-filter:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.blog-index-page .blog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0;border:0;background:transparent}.blog-tile{position:relative;display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:clamp(24px,3vw,32px);border:0;border-radius:var(--radius-card);background:var(--surface-muted);transition:background-color var(--motion-duration) var(--motion-ease)}.blog-tile:hover{background:color-mix(in srgb,var(--surface-muted) 90%,var(--foreground))}.blog-tile-topic{position:relative;z-index:1;display:inline-flex;max-width:100%;align-items:center;color:var(--muted-foreground);font-size:14px;font-weight:600;line-height:1.4}.blog-tile-topic:hover{color:var(--foreground);text-decoration:underline;text-underline-offset:3px}.blog-tile-title{margin:10px 0 0;color:var(--foreground);font-family:var(--font-heading);font-size:var(--text-title-3);font-weight:600;line-height:1.25;letter-spacing:-.02em;text-wrap:balance}.blog-tile-title a{color:inherit;transition:color var(--motion-duration) var(--motion-ease)}.blog-tile-title a:after{position:absolute;inset:0;border-radius:inherit;content:""}.blog-tile:hover .blog-tile-title a{color:var(--interactive-accent)}.blog-tile-excerpt{max-width:var(--measure);margin:12px 0 24px;color:var(--muted-foreground);font-size:var(--text-body);line-height:1.55}.blog-tile-byline{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:auto;color:var(--muted-foreground);font-size:var(--text-secondary);line-height:1.4}.blog-tile-avatar{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:50%;background:var(--background);color:var(--foreground);font-family:var(--font-heading);font-size:var(--text-caption);font-weight:700}.blog-tile-separator{color:var(--muted-foreground)}.blog-index-page .blog-index-empty{max-width:none;padding:clamp(40px,5vw,64px);border:0;border-radius:var(--radius-card);background:var(--surface-muted)}.blog-index-empty h2{margin:0 0 8px;color:var(--foreground);font-family:var(--font-heading);font-size:var(--text-title-3);font-weight:600}.blog-index-empty p{margin:0 0 16px;color:var(--muted-foreground);font-size:var(--text-body)}.blog-index-empty a{display:inline-flex;min-height:44px;align-items:center;color:var(--interactive-accent);font-weight:600}.blog-pagination{align-items:center;margin-top:40px;border:0;background:transparent}.blog-pagination,.blog-pagination-pages{display:flex;flex-wrap:wrap;gap:8px;padding:0}.blog-pagination-pages{margin:0;list-style:none}.blog-pagination-link{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:10px 16px;border:0;border-radius:999px;background:var(--muted);color:var(--foreground);font-size:var(--text-secondary);font-weight:600;transition:background-color var(--motion-duration) var(--motion-ease)}.blog-pagination-link:hover{background:color-mix(in srgb,var(--muted) 82%,var(--foreground))}.blog-pagination-link.is-active,.blog-pagination-link.is-active:hover{background:var(--foreground);color:var(--background)}@media (max-width:700px){.blog-index-page .blog-list{grid-template-columns:1fr;gap:12px}.blog-index-page .blog-index-section{padding-bottom:64px}.blog-topic-bar{flex-wrap:nowrap;margin-inline:-16px;padding-inline:16px;overflow-x:auto;scrollbar-width:none}.blog-topic-bar::-webkit-scrollbar{display:none}.blog-tile{padding:24px 20px}}@media (prefers-reduced-motion:reduce){.blog-article-page :is(a,.blog-tile),.blog-index-page :is(a,.blog-tile){transition:none}}