.blog-page .blog-list-rail{display:flex;flex-direction:column;gap:var(--s-12)}.blog-page .blog-featured-row{display:grid;grid-template-columns:1fr;gap:var(--s-5)}.blog-page .blog-featured-row .post-card{display:grid;grid-template-columns:1.1fr 1fr}.blog-page .blog-featured-row .post-card-figure{aspect-ratio:auto;height:100%;min-height:300px}.blog-page .blog-featured-row .post-card-title{font-size:var(--fs-h3);line-height:1.18;-webkit-line-clamp:3}.blog-page .blog-featured-row .post-card-excerpt{font-size:var(--fs-sm);-webkit-line-clamp:4}.blog-page .blog-featured-row .post-card-body{padding:var(--s-8);gap:var(--s-4)}.fp-rail-blog{flex:1;max-width:1300px;border-left:1px dashed var(--border-mute);border-right:1px dashed var(--border-mute);padding:0 56px 56px;position:relative}@media(max-width:899px){.fp-rail-blog{padding:0 32px 48px}.blog-page .blog-list-rail{gap:var(--s-8)}.blog-page .blog-featured-row .post-card{grid-template-columns:1fr}.blog-page .blog-featured-row .post-card-figure{min-height:0;aspect-ratio:16 / 9}.blog-page .blog-featured-row .post-card-body{padding:var(--s-7)}}@media(max-width:767px){.fp-rail-blog{padding:0 20px 40px}.blog-page .blog-list-rail{gap:var(--s-7)}}@media(max-width:479px){.fp-rail-blog{padding:0 0 32px}.blog-page .blog-list-rail{gap:var(--s-6)}.blog-page .blog-filter-pill{padding:8px 12px;font-size:var(--fs-eyebrow)}}.blog-page .blog-grid-wrap{display:flex;flex-direction:column;gap:var(--s-7)}.blog-page .blog-filter{display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:center}.blog-page .blog-filter-pill{display:inline-flex;align-items:center;gap:var(--s-2);padding:10px 16px;border-radius:var(--r-full);background:var(--surface);border:1px solid var(--border-soft);color:var(--fg-1);font:var(--w-medium) var(--fs-sm) / 1 var(--font-body);cursor:pointer;transition:background var(--dur-fast) var(--ease-io),border-color var(--dur-fast) var(--ease-io),color var(--dur-fast) var(--ease-io)}.blog-page .blog-filter-pill:hover{border-color:var(--brand-red);color:var(--brand-red);background:var(--brand-red-tint-95)}.blog-page .blog-filter-pill.is-active{background:var(--surface-ink);border-color:var(--surface-ink);color:var(--fg-inv)}.blog-page .blog-filter-pill.is-active:hover{background:var(--surface-ink);color:var(--fg-inv)}.blog-page .blog-filter-count{font-family:var(--font-body);font-size:var(--fs-eyebrow);letter-spacing:.02em;opacity:.6}.blog-page .blog-filter-pill.is-active .blog-filter-count{opacity:.7}.blog-page .blog-grid .post-card.is-hidden{display:none}.blog-page .blog-filter-empty{font:var(--w-regular) var(--fs-sm) / 1.6 var(--font-body);color:var(--fg-3);padding:var(--s-8) 0 var(--s-4)}.blog-page .blog-pagination{display:flex;align-items:center;justify-content:center;gap:var(--s-2);margin-top:var(--s-8);flex-wrap:wrap}.blog-page .blog-pager-pages{list-style:none;padding:0;margin:0;display:flex;gap:var(--s-1);align-items:center}.blog-page .blog-pager-num,.blog-page .blog-pager-step{min-width:40px;height:40px;padding:0 14px;border-radius:var(--r-full);background:var(--surface);border:1px solid var(--border-soft);color:var(--fg-1);font:var(--w-medium) var(--fs-sm) / 1 var(--font-body);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background var(--dur-fast) var(--ease-io),border-color var(--dur-fast) var(--ease-io),color var(--dur-fast) var(--ease-io)}.blog-page .blog-pager-num:hover,.blog-page .blog-pager-step:not(:disabled):hover{border-color:var(--brand-red);color:var(--brand-red);background:var(--brand-red-tint-95)}.blog-page .blog-pager-num.is-active{background:var(--surface-ink);border-color:var(--surface-ink);color:var(--fg-inv)}.blog-page .blog-pager-num.is-active:hover{background:var(--surface-ink);color:var(--fg-inv)}.blog-page .blog-pager-step:disabled{opacity:.4;cursor:not-allowed}.blog-page .blog-pager-arrow{font-family:var(--font-body);font-size:var(--fs-xs);line-height:1}.blog-page .blog-pager-ellipsis{font-family:var(--font-body);color:var(--fg-3);padding:0 4px;letter-spacing:.08em}@media(max-width:599px){.blog-page .blog-pager-step .blog-pager-label{display:none}.blog-page .blog-pager-num,.blog-page .blog-pager-step{min-width:36px;height:36px;padding:0 10px}}