.blog-hub-header h1{margin-bottom:.65rem}.blog-hub-header .section-lead{margin-bottom:.35rem}.blog-hub-lanes{margin-top:0}.blog-hub-lanes-head{gap:.55rem;margin-bottom:1.15rem;display:grid}.blog-hub-lanes-head h2{margin:0;font-size:clamp(1.5rem,2.8vw,2.25rem)}.blog-hub-lanes-head>p{color:var(--text-muted);margin:0;line-height:1.65}.blog-lane-nav-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1.35fr) minmax(15rem,.65fr);gap:clamp(1.25rem,3vw,2.5rem);display:grid}.blog-lane-nav-card{border-bottom:1px solid var(--editorial-line,var(--border));flex-direction:column;min-width:0;padding:0 0 1.25rem;display:flex}.blog-lane-nav-card--engineering{border:1px solid var(--editorial-line,var(--border));border-radius:var(--radius-lg);background:radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--accent-soft) 72%, transparent), transparent 33%), color-mix(in srgb, var(--surface-card) 96%, transparent);grid-row:1/span 2;padding:clamp(1.4rem,3vw,2.25rem)}.blog-lane-nav-card--pulse{grid-area:1/2}.blog-lane-nav-card--starter{grid-area:2/2}.blog-lane-nav-card h3{margin:0;font-size:clamp(1.3rem,2vw,1.7rem)}.blog-lane-nav-card--engineering h3{font-size:clamp(1.7rem,3vw,2.5rem)}.blog-lane-nav-card h3 a{color:var(--text);text-decoration:none}.blog-lane-nav-lead{color:var(--text-muted);margin:.65rem 0 1rem;line-height:1.6}.blog-lane-nav-recent{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.blog-lane-nav-recent li{border-bottom:1px solid var(--border)}.blog-lane-nav-recent a{color:var(--text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;padding:.7rem 0;line-height:1.45;text-decoration:none;display:-webkit-box;overflow:hidden}.blog-lane-nav-cta{color:var(--accent);margin-top:auto;padding-top:1rem;font-weight:700;text-decoration:none}.blog-index-tools{margin:0 0 .75rem}@media (width>=720px){.blog-preview--featured{grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:stretch}.blog-preview--featured-media{min-height:100%}.blog-preview--featured .blog-preview-image{object-fit:cover;height:100%;min-height:160px}}@media (width<=640px){.blog-hub-lanes-head{grid-template-columns:1fr;gap:.65rem}.blog-lane-nav-grid{grid-template-rows:none;grid-template-columns:1fr;gap:0}.blog-lane-nav-card{padding:1.2rem 0}.blog-lane-nav-card--engineering,.blog-lane-nav-card--pulse,.blog-lane-nav-card--starter{grid-area:auto}.blog-lane-nav-card--engineering{margin-bottom:.2rem;padding:1.35rem}.blog-lane-nav-card--pulse,.blog-lane-nav-card--starter{padding-inline:0}.blog-lane-nav-card--pulse .blog-lane-nav-lead,.blog-lane-nav-card--starter .blog-lane-nav-lead,.blog-lane-nav-card--pulse .blog-lane-nav-recent,.blog-lane-nav-card--starter .blog-lane-nav-recent{display:none}.blog-lane-nav-card--pulse .blog-lane-nav-cta,.blog-lane-nav-card--starter .blog-lane-nav-cta{margin-top:.65rem;padding-top:0}}#blog-list[hidden],#blog-list-more[hidden]{display:none}.blog-list-more{justify-content:center;margin-top:1.5rem;display:flex}.blog-filters{width:100%;min-width:0;max-width:100%;box-shadow:none;background:0 0;border:0;gap:.7rem;margin-bottom:0;padding:0;display:grid}.blog-filter-row{gap:.25rem;min-width:0;display:grid}.blog-filter-row-query{min-width:0}.blog-filter-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.blog-filter-query,.blog-filter-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg) 94%, #fff 6%);width:100%;min-width:0;max-width:100%;min-height:44px;color:var(--text);font:inherit;transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);padding:.55rem .72rem}.blog-filter-query::placeholder{color:color-mix(in srgb, var(--text-muted) 82%, transparent)}.blog-filter-query:focus-visible,.blog-filter-select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-soft) 85%, transparent);background:var(--bg);outline:none}.blog-filter-reset{white-space:nowrap;align-self:end;min-height:44px;padding-left:1rem;padding-right:1rem}.blog-filter-reset:disabled{cursor:not-allowed;opacity:.55}.blog-filter-empty{border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface-card) 92%, transparent);margin:1.5rem 0 0;padding:clamp(1.25rem,3vw,1.75rem)}.blog-filter-empty h2,.blog-filter-empty p{margin-top:0}.blog-filter-empty h2{font-size:1.2rem}.blog-filter-empty p{max-width:48ch;color:var(--text-muted);line-height:1.6}@media (width>=901px){.blog-hub-header h1:lang(zh-Hant){white-space:nowrap;max-width:none;font-size:clamp(2.5rem,5vw,4.75rem)}}.blog-lane-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.blog-lane-options a{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:44px;color:var(--text);align-items:center;padding:.45rem .7rem;font-size:1rem;line-height:1.5;text-decoration:none;display:flex}.blog-lane-options a[aria-current=true]{border-color:var(--accent);background:var(--accent-soft);font-weight:700}.blog-lane-options a:focus-visible,.blog-filter-more summary:focus-visible,.blog-recommendations>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.blog-filter-actions{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.blog-filter-more{flex:1;min-width:0}.blog-filter-more summary,.blog-recommendations>summary{min-height:44px;color:var(--text);cursor:pointer;padding:.55rem .2rem;font-size:1rem;font-weight:600;line-height:1.5}.blog-filter-more-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.75rem;padding:.65rem 0;display:grid}.blog-recommendations{border-bottom:1px solid var(--border);margin:0 0 .75rem}.blog-recommendations .blog-hub-lanes{padding:.75rem 0 1rem}.blog-results-head,.blog-results-head h2{margin:0 0 .25rem}.blog-results-head p{margin:0}.blog-noscript{border:1px solid var(--border);padding:.75rem}#blog-filter-retry[hidden],#blog-filter-more-count[hidden]{display:none}[data-theme] .inner-page-sections .blog-filters{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}@media (width<=640px){.blog-list-thumb{max-width:100%}.content-region>.blog-hub-header{margin-bottom:.5rem;padding-block:.75rem}[data-theme] .inner-page-sections:has(.blog-index-tools){gap:.5rem;padding-top:0}}@media (width>=641px){.blog-lane-options{grid-template-columns:repeat(4,minmax(0,1fr))}}