.blog-index{max-width:1160px;padding:clamp(56px, 8vw, 104px) var(--article-gutter) 0;margin:0 auto}.blog-index-header{gap:16px;margin-bottom:clamp(40px,5vw,64px);display:grid}.blog-index-header h1{font:600 clamp(44px, 6vw, 72px) / 1 var(--bc-font-display);letter-spacing:-.055em;margin:0}.blog-index-header>p{max-width:52ch;color:var(--bc-text-muted);margin:0;font-size:18px;line-height:1.6}.blog-filters{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:12px;display:flex}.blog-filters[hidden],.blog-filter-status[hidden],.blog-filter-chip[hidden],.blog-filter-empty[hidden]{display:none}.blog-filter-types{flex-wrap:wrap;gap:8px;display:flex}.blog-filter-types button{border:1px solid var(--bc-line);border-radius:var(--bc-radius-pill);background:var(--bc-surface);color:var(--bc-text);font:inherit;cursor:pointer;transition:background var(--bc-duration-colour) ease, border-color var(--bc-duration-colour) ease, color var(--bc-duration-colour) ease;padding:7px 14px;font-size:13.5px;line-height:1.3}.blog-filter-types button:hover{border-color:var(--bc-text)}.blog-filter-types button[aria-pressed=true]{border-color:var(--bc-text);background:var(--bc-text);color:var(--bc-surface)}.blog-filter-divider{background:var(--bc-line);width:1px;height:24px}.blog-filter-authors{gap:4px;display:flex}.blog-filter-author{border-radius:var(--bc-radius-pill);cursor:pointer;transition:border-color var(--bc-duration-colour) ease, transform var(--bc-duration-base) var(--bc-ease);background:0 0;border:1px solid #0000;padding:2px;display:inline-flex;position:relative}.blog-filter-author .author-face{width:30px;height:30px}.blog-filter-author:hover{transform:translateY(-1px)}.blog-filter-author[aria-pressed=true]{border-color:var(--bc-text)}.blog-filter-tip{z-index:20;border:1px solid var(--bc-line);border-radius:var(--bc-radius-panel);background:var(--bc-raised);width:max-content;max-width:240px;box-shadow:var(--bc-shadow-overlay);color:var(--bc-text);text-align:left;pointer-events:none;opacity:0;visibility:hidden;gap:2px;padding:10px 12px;font-size:12.5px;line-height:1.4;transition:opacity .12s,transform .12s,visibility 0s linear .12s;display:grid;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px)}.blog-filter-tip-name{font:600 13.5px / 1.3 var(--bc-font-display)}.blog-filter-tip-role{color:var(--bc-text-muted)}.blog-filter-tip-action{border-top:1px solid var(--bc-line);color:var(--bc-text-muted);align-items:center;gap:6px;margin-top:6px;padding-top:8px;font-size:12px;display:flex}.blog-filter-tip-action svg{flex-shrink:0;width:14px;height:14px}.blog-filter-tip-clear,.blog-filter-author[aria-pressed=true] .blog-filter-tip-show{display:none}.blog-filter-author[aria-pressed=true] .blog-filter-tip-clear{display:flex}.blog-filter-author:focus-visible .blog-filter-tip{opacity:1;visibility:visible;transition:opacity .16s ease, transform var(--bc-duration-base) var(--bc-ease), visibility 0s;transform:translate(-50%)}@media (hover:hover){.blog-filter-author:hover .blog-filter-tip{opacity:1;visibility:visible;transition:opacity .16s ease .2s, transform var(--bc-duration-base) var(--bc-ease) .2s, visibility 0s linear .2s;transform:translate(-50%)}}.blog-filter-status{margin:0}.blog-filter-chip{border:1px solid var(--bc-line);border-radius:var(--bc-radius-pill);background:var(--bc-surface);color:var(--bc-text);align-items:center;gap:6px;padding:4px 4px 4px 12px;font-size:13px;display:inline-flex}.blog-filter-chip button{border-radius:var(--bc-radius-pill);width:22px;height:22px;color:var(--bc-text-muted);cursor:pointer;transition:background var(--bc-duration-colour) ease, color var(--bc-duration-colour) ease;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.blog-filter-chip button:hover{background:var(--bc-neutral-bg);color:var(--bc-text)}.blog-filter-chip svg{width:14px;height:14px}.blog-filter-empty{color:var(--bc-text-muted);margin:0 0 24px;font-size:15px}.blog-filter-empty button{color:var(--bc-accent);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@media (prefers-reduced-motion:reduce){.blog-filter-author:hover{transform:none}.blog-filter-tip,.blog-filter-author:focus-visible .blog-filter-tip{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce) and (hover:hover){.blog-filter-author:hover .blog-filter-tip{transform:translate(-50%)}}.blog-timeline{margin:0;padding:0;list-style:none;display:grid}.blog-timeline-item{grid-template-columns:110px 16px minmax(0,1fr) minmax(200px,300px);align-items:start;gap:24px;padding-bottom:44px;display:grid;position:relative}.blog-timeline-item[hidden]{display:none}.blog-timeline-item:before{background:var(--bc-line);content:"";width:1px;position:absolute;top:22px;bottom:0;left:141px}.blog-timeline-item:last-child:before{display:none}.blog-timeline-date{color:var(--bc-text-muted);font:400 11px / 1.5 var(--bc-font-mono);letter-spacing:.08em;text-transform:uppercase;padding-top:4px}.blog-timeline-marker{border:2px solid var(--bc-accent);border-radius:var(--bc-radius-pill);background:var(--bc-canvas);width:11px;height:11px;margin:6px auto 0}.blog-timeline-body{gap:8px;display:grid}.blog-timeline-body h2{font:600 clamp(21px, 2vw, 26px) / 1.2 var(--bc-font-display);letter-spacing:-.03em;text-wrap:balance;margin:0}.blog-timeline-body h2 a{color:var(--bc-text);text-decoration:none;transition:color .15s}.blog-timeline-body h2 a:after{content:"";position:absolute;inset:0 0 44px}.blog-timeline-item .author-hover{z-index:1}.blog-timeline-item:hover:not(:has(.author-hover:hover)) .blog-timeline-body h2 a{color:var(--bc-accent)}.blog-timeline-excerpt{max-width:62ch;color:var(--bc-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-timeline-image{transition:transform .22s cubic-bezier(.23,1,.32,1);display:block}.blog-timeline-item:hover:not(:has(.author-hover:hover)) .blog-timeline-image{transform:translateY(-2px)}.blog-guides{margin-top:clamp(56px,7vw,88px);padding-bottom:clamp(80px,10vw,128px)}.blog-guides-head{border-bottom:1px solid var(--bc-text);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;margin-bottom:24px;padding-bottom:14px;display:flex}.blog-guides-head h2{font:600 22px / 1.2 var(--bc-font-display);letter-spacing:-.02em;margin:0}.blog-guides-head span,.blog-guides-topic h3{color:var(--bc-text-muted);font:400 11px / 1.4 var(--bc-font-mono);letter-spacing:.08em;text-transform:uppercase}.blog-guides-topics{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:32px 48px;display:grid}.blog-guides-topic h3{border-bottom:1px solid var(--bc-line);color:var(--bc-text);gap:8px;margin:0;padding:4px 0 10px;display:flex}.blog-guides-topic h3 span{color:var(--bc-text-muted)}.blog-guides-topic ul{margin:0;padding:0;list-style:none}.blog-guides-topic li{border-bottom:1px solid var(--bc-line)}.blog-guides-topic li a{color:var(--bc-text);text-wrap:pretty;padding:13px 0;font-size:15px;font-weight:500;line-height:1.45;text-decoration:none;transition:color .15s;display:block}.blog-guides-topic li a:hover{color:var(--bc-accent)}.blog-guides-more summary{color:var(--bc-text-muted);cursor:pointer;align-items:center;gap:6px;padding:12px 0 4px;font-size:14px;list-style:none;display:inline-flex}.blog-guides-more summary::-webkit-details-marker{display:none}.blog-guides-more summary:hover{color:var(--bc-text)}.blog-guides-more summary svg{width:16px;height:16px;transition:transform var(--bc-duration-base) var(--bc-ease)}.blog-guides-more[open] summary{display:none}@media (width<=600px){.blog-filter-divider{display:none}}@media (width<=900px){.blog-timeline-item{grid-template-columns:16px minmax(0,1fr);gap:8px 16px}.blog-timeline-item:before{left:7px}.blog-timeline-date{grid-area:1/2;padding-top:0}.blog-timeline-marker{grid-area:1/1;margin-top:3px}.blog-timeline-body{grid-column:2}.blog-timeline-image{grid-area:2/2;max-width:420px}}