.cs-public .cs-blog-index .cs-blog-hero .pg-hero-intro h1{max-width:17ch}.cs-public .cs-blog-index .cs-blog-list{padding-block:clamp(36px,4.5vw,56px) clamp(64px,8vw,112px)}.cs-public .cs-blog-filters{display:grid;gap:14px;margin-bottom:clamp(28px,3.5vw,40px);padding-bottom:20px;border-bottom:1px solid var(--cs-line)}.cs-public .cs-blog-filter-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px}.cs-public .cs-blog-filter-label{margin:0;color:var(--cs-muted);font:500 11px/1.6 var(--cs-font-mono);letter-spacing:.12em;text-transform:uppercase}.cs-public .cs-blog-count{margin:0;color:var(--cs-muted);font:400 12.5px/1.6 var(--cs-font-mono)}.cs-public .cs-blog-count strong{color:var(--cs-ink);font-weight:500}.cs-public .cs-blog-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.cs-public .cs-blog-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:1px solid var(--cs-line);border-radius:var(--cs-r-chip);background:var(--cs-surface);color:var(--cs-ink-2);font:400 13.5px/1.3 var(--cs-font-ui);cursor:pointer;transition:background-color .14s var(--cs-ease),border-color .14s var(--cs-ease),color .14s var(--cs-ease)}.cs-public .cs-blog-chip:hover{border-color:var(--cs-line-strong);background:var(--cs-control);color:var(--cs-ink)}.cs-public .cs-blog-chip span{color:var(--cs-muted);font:400 11.5px/1 var(--cs-font-mono);font-variant-numeric:tabular-nums}.cs-public .cs-blog-chip[aria-pressed=true]{border-color:var(--cs-solid);background:var(--cs-solid);color:var(--cs-on-solid)}.cs-public .cs-blog-chip[aria-pressed=true] span{color:inherit;opacity:.72}.cs-public .cs-blog-more{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 6px;border:0;background:transparent;color:var(--cs-ink);font:500 13.5px/1.3 var(--cs-font-ui);text-decoration:underline;text-decoration-color:var(--cs-link-rule);text-underline-offset:4px;cursor:pointer}.cs-public .cs-blog-more:hover{text-decoration-color:currentColor}.cs-public .cs-blog-more svg{transition:transform .16s var(--cs-ease)}.cs-public .cs-blog-more[aria-expanded=true] svg{transform:rotate(180deg)}.cs-public .cs-blog-lead{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px clamp(32px,5vw,72px);margin-bottom:20px;padding:clamp(24px,3.5vw,44px);border:1px solid var(--cs-line);border-radius:var(--cs-r-panel);background:var(--cs-surface);box-shadow:var(--cs-card-shadow);color:var(--cs-ink);text-decoration:none;transition:border-color .16s var(--cs-ease),box-shadow .16s var(--cs-ease)}.cs-public .cs-blog-lead:hover{border-color:var(--cs-line-strong);box-shadow:var(--cs-lift)}.cs-public .cs-blog-lead h2{margin:16px 0 0;color:var(--cs-ink);font:600 clamp(28px,3.1vw,42px)/1.08 var(--cs-font-display);letter-spacing:-.032em;text-wrap:balance}.cs-public .cs-blog-lead:hover h2{text-decoration:underline;text-decoration-color:var(--cs-link-rule);text-decoration-thickness:1px;text-underline-offset:6px}.cs-public .cs-blog-lead-side{display:flex;flex-direction:column;justify-content:space-between;gap:24px}.cs-public .cs-blog-lead-side p{margin:0;color:var(--cs-ink-2);font-size:17px;line-height:1.65}.cs-public .cs-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}.cs-public .cs-blog-card{display:flex;flex-direction:column;height:100%;padding:24px;border:1px solid var(--cs-line);border-radius:var(--cs-r-card);background:var(--cs-surface);box-shadow:var(--cs-card-shadow);color:var(--cs-ink);text-decoration:none;transition:border-color .16s var(--cs-ease),box-shadow .16s var(--cs-ease)}.cs-public .cs-blog-card:hover{border-color:var(--cs-line-strong);box-shadow:var(--cs-lift)}.cs-public .cs-blog-card h3{margin:14px 0 10px;color:var(--cs-ink);font:600 20px/1.28 var(--cs-font-display);letter-spacing:-.02em;text-wrap:pretty}.cs-public .cs-blog-card:hover h3{text-decoration:underline;text-decoration-color:var(--cs-link-rule);text-decoration-thickness:1px;text-underline-offset:4px}.cs-public .cs-blog-card .cs-blog-excerpt{display:-webkit-box;margin:0 0 20px;overflow:hidden;color:var(--cs-ink-2);font-size:15px;line-height:1.6;-webkit-line-clamp:4;-webkit-box-orient:vertical}.cs-public .cs-blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;margin:0;color:var(--cs-muted);font:400 12px/1.6 var(--cs-font-mono)}.cs-public .cs-blog-meta>*+:before{content:"·";margin-inline:8px;color:var(--cs-faint)}.cs-public .cs-blog-topic{color:var(--cs-ink-2);font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.cs-public .cs-blog-read{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--cs-line);color:var(--cs-link);font:500 13.5px/1.4 var(--cs-font-ui)}.cs-public .cs-blog-read svg{flex-shrink:0}.cs-public .cs-blog-lead .cs-blog-read{margin-top:0}.cs-public .cs-blog-empty{display:grid;justify-items:start;gap:14px;padding:clamp(28px,4vw,48px);border:1px dashed var(--cs-line-strong);border-radius:var(--cs-r-panel);background:var(--cs-surface)}.cs-public .cs-blog-empty h2{margin:0;color:var(--cs-ink);font:600 24px/1.2 var(--cs-font-display);letter-spacing:-.02em}.cs-public .cs-blog-empty p{margin:0;color:var(--cs-ink-2)}@media (max-width:1100px){.cs-public .cs-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.cs-public .cs-blog-lead{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.cs-public .cs-blog-chips{flex-wrap:nowrap;margin-inline:-20px;padding:2px 20px 6px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.cs-public .cs-blog-chips::-webkit-scrollbar{display:none}.cs-public .cs-blog-chips>li{flex-shrink:0}.cs-public .cs-blog-chip,.cs-public .cs-blog-more{white-space:nowrap}.cs-public .cs-blog-grid{grid-template-columns:minmax(0,1fr);gap:14px}.cs-public .cs-blog-card{padding:20px}.cs-public .cs-blog-lead{padding:22px 20px}}@media (prefers-reduced-motion:reduce){.cs-public :is(.cs-blog-card,.cs-blog-lead,.cs-blog-chip,.cs-blog-more svg){transition:none}}