.blog-index-page{background:var(--background);color:var(--foreground)}.blog-index-breadcrumb{border-bottom:1px solid var(--border)}.blog-index-breadcrumb .ol-site-rail{display:flex;min-height:38px;align-items:center;gap:10px;padding:10px 31px;border-inline:1px solid var(--border);color:var(--muted-foreground);font-size:13px}.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-bottom:1px solid var(--border);background:var(--hero-background)}.blog-index-hero-inner{position:relative;min-height:314px;padding:clamp(58px,6vw,76px) 31px 52px;overflow:hidden;border-inline:1px solid var(--border)}.blog-index-hero-inner:after{position:absolute;top:15%;right:-9%;width:58%;height:90%;background-image:radial-gradient(var(--hero-dot) .9px,transparent 1px);background-size:5px 5px;-webkit-mask-image:radial-gradient(ellipse,black 4%,transparent 72%);mask-image:radial-gradient(ellipse,black 4%,transparent 72%);content:"";pointer-events:none}.blog-index-hero-inner>*{position:relative;z-index:1}.blog-index-hero h1{max-width:960px;margin:0;font-family:var(--font-heading);font-size:clamp(37px,4vw,49px);font-weight:500;line-height:1.12;letter-spacing:-.034em;text-wrap:balance}.blog-index-hero .ol-site-highlight{text-decoration-thickness:3px;text-underline-offset:8px}.blog-index-lead{max-width:770px;margin:22px 0 0;color:var(--muted-foreground);font-size:17px;line-height:1.62}.blog-index-editor{display:flex;align-items:center;gap:11px;margin-top:32px;color:var(--foreground);font-size:13px;line-height:1.45}.blog-index-editor-avatar{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:1px solid rgb(var(--brand-blue-rgb)/.18);border-radius:50%;background:var(--accent-ui);color:var(--interactive-accent);font-size:11px;font-weight:700;letter-spacing:-.03em}.blog-index-editor a{color:var(--foreground);font-weight:600;text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px}.blog-index-editor a:hover{color:var(--interactive-accent)}.blog-index-editor small{display:block;color:var(--muted-foreground);font-size:12px}.blog-index-page .blog-index-section{padding:0}.blog-index-section>.ol-site-rail{border-inline:1px solid var(--border)}.blog-topic-bar{display:flex;min-height:73px;align-items:center;flex-wrap:wrap;gap:7px;padding:16px 31px;border-bottom:1px solid var(--border)}.blog-topic-filter{display:inline-flex;min-height:27px;align-items:center;justify-content:center;padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius-button);background:var(--card);color:var(--foreground);font-size:12px;font-weight:600;line-height:1.3;box-shadow:var(--shadow-card);white-space:nowrap;transition:border-color var(--motion-duration) var(--motion-ease),background var(--motion-duration) var(--motion-ease),color var(--motion-duration) var(--motion-ease)}.blog-topic-filter:hover{border-color:var(--interactive-accent);color:var(--interactive-accent)}.blog-topic-filter.is-active,.blog-topic-filter.is-active:hover{border-color:var(--brand-blue);background:var(--brand-blue);color:var(--primary-foreground)}.blog-index-breadcrumb a:focus-visible,.blog-index-editor a: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:0;border:0;background:var(--card)}.blog-tile{display:flex;min-width:0;min-height:284px;flex-direction:column;align-items:flex-start;padding:35px 31px 30px;border-bottom:1px solid var(--border);background:var(--card);transition:background var(--motion-duration) var(--motion-ease)}.blog-tile:nth-child(odd){border-right:1px solid var(--border)}.blog-tile:hover{background:var(--surface-muted)}.blog-tile-topic{display:inline-flex;max-width:100%;align-items:center;padding:3px 8px;border-radius:999px;background:var(--accent-ui);color:var(--interactive-accent);font-size:11px;font-weight:600;line-height:1.3}.blog-tile-topic:hover{color:var(--brand-blue-deep)}.blog-tile-title{margin:17px 0 0;color:var(--foreground);font-family:var(--font-heading);font-size:clamp(19px,1.8vw,22px);font-weight:600;line-height:1.34;letter-spacing:-.027em;text-wrap:balance}.blog-tile-title a{color:inherit;transition:color var(--motion-duration) var(--motion-ease)}.blog-tile:hover .blog-tile-title a{color:var(--interactive-accent)}.blog-tile-excerpt{max-width:540px;margin:17px 0 24px;color:var(--muted-foreground);font-size:15px;line-height:1.65}.blog-tile-byline{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:auto;color:var(--muted-foreground);font-size:12px;line-height:1.4}.blog-tile-avatar{display:grid;width:25px;height:25px;flex:0 0 25px;place-items:center;border:1px solid rgb(var(--brand-blue-rgb)/.2);border-radius:50%;background:var(--accent-ui);color:var(--interactive-accent);font-family:var(--font-heading);font-size:12px;font-weight:700}.blog-tile-separator{color:var(--muted-foreground)}.blog-index-empty{max-width:none;padding:64px 31px;border:0;border-radius:0}.blog-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:24px 31px;border-bottom:1px solid var(--border);background:var(--card)}.blog-pagination-pages{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.blog-pagination-link{display:inline-flex;min-width:36px;min-height:36px;align-items:center;justify-content:center;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-button);background:var(--card);color:var(--foreground);font-size:13px;font-weight:600;transition:border-color var(--motion-duration) var(--motion-ease),color var(--motion-duration) var(--motion-ease)}.blog-pagination-link:hover{border-color:var(--interactive-accent);color:var(--interactive-accent)}.blog-pagination-link.is-active,.blog-pagination-link.is-active:hover{border-color:var(--brand-blue);background:var(--brand-blue);color:var(--primary-foreground)}.blog-pagination-link:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.blog-index-empty p{margin-bottom:16px}.blog-index-empty a{color:var(--interactive-accent);font-weight:600}@media (max-width:700px){.blog-index-breadcrumb .ol-site-rail{padding-inline:22px}.blog-index-hero-inner{min-height:0;padding:62px 22px 46px}.blog-index-hero-inner:after{right:-25%;width:100%}.blog-index-hero h1{font-size:clamp(36px,8vw,44px)}.blog-index-lead{font-size:16px}.blog-topic-bar{min-height:0;flex-wrap:wrap;gap:8px;padding:17px 22px}.blog-index-page .blog-list{grid-template-columns:1fr}.blog-tile{min-height:0;padding:31px 22px 28px}.blog-tile,.blog-tile:nth-child(odd){border-right:0}.blog-tile-excerpt{margin-bottom:28px}.blog-index-empty{padding:46px 22px}.blog-pagination{padding:20px 22px}}@media (prefers-reduced-motion:reduce){.blog-index-page :is(a,.blog-tile){transition:none}}