.blog-listing{--blog-accent:#e8540a;--blog-accent-dark:#c4470a;--blog-border:#e8540a;--blog-text-muted:#6b6b6b;--blog-card-border:#ededed;--blog-placeholder-bg:#d9d9d9;margin:0 auto;max-width:1200px;padding:48px 24px}.blog-listing,.blog-listing *,.blog-listing :after,.blog-listing :before{box-sizing:border-box}.blog-listing__heading{border-bottom:1px solid var(--blog-accent);color:var(--blog-accent);font-family:Zilla Slab,serif;font-size:40px;font-weight:300;letter-spacing:0;line-height:1.1;margin:0 0 8px;padding-bottom:16px}.blog-listing__tabs{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 20px}.blog-listing__tab{appearance:none;background:#fff;border:1.5px solid var(--blog-border);border-radius:999px;color:var(--blog-accent);cursor:pointer;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;line-height:1.4;padding:10px 22px;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.blog-listing__tab:hover{background:rgba(240,100,30,.08)}.blog-listing__tab:focus-visible{outline:2px solid var(--blog-accent-dark);outline-offset:2px}.blog-listing__tab.is-active{background:var(--blog-accent);border-color:var(--blog-accent);color:#fff}.blog-listing__description{color:var(--blog-text-muted);margin:0 0 32px;max-width:62ch;text-align:left;transition:opacity .15s ease}.blog-listing__grid{display:grid;gap:28px;grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.blog-listing__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.blog-listing__grid{grid-template-columns:1fr}.blog-listing__tabs{justify-content:center}.blog-listing__description{max-width:none;text-align:center}}.blog-listing__card{background:#fff;border:1px solid var(--blog-card-border);border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.blog-listing__card[hidden]{display:none!important}.blog-listing__image-link{display:block}.blog-listing__image{background:var(--blog-placeholder-bg);display:block;object-fit:cover}.blog-listing__image,.blog-listing__image--placeholder{aspect-ratio:16/10;width:100%}.blog-listing__content{display:flex;flex-direction:column;flex-grow:1;padding:18px 20px 24px}.blog-listing__date{color:var(--blog-text-muted);font-size:.85em;margin-bottom:6px}.blog-listing__card-title{line-height:1.3;margin:0 0 10px}.blog-listing__card-title a{color:var(--blog-accent);text-decoration:none}.blog-listing__card-title a:hover{text-decoration:underline}.blog-listing__excerpt{color:#333;flex-grow:1;margin:0 0 18px}.blog-listing__cta{align-items:center;align-self:flex-start;border:1.5px solid var(--blog-border);border-radius:999px;color:var(--blog-accent);display:inline-flex;font-weight:700;gap:8px;padding:8px 18px;text-decoration:none;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.blog-listing__cta-icon{flex-shrink:0;transition:transform .18s ease}.blog-listing__cta:focus-visible,.blog-listing__cta:hover{background:var(--blog-accent);border-color:var(--blog-accent);color:#fff}.blog-listing__cta:focus-visible{outline:2px solid var(--blog-accent-dark);outline-offset:2px}.blog-listing__cta:hover .blog-listing__cta-icon{transform:translateX(2px)}.blog-listing__empty{color:var(--blog-text-muted);padding:40px 0;text-align:center}.blog-listing__pagination{align-items:center;display:flex;flex-wrap:wrap;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;gap:4px;justify-content:center;line-height:1.4;margin-top:40px}.blog-listing__page-btn{appearance:none;background:transparent;border:none;border-radius:50%;color:var(--blog-text-muted);cursor:pointer;font:inherit;height:34px;min-width:34px;transition:background-color .18s ease,color .18s ease}.blog-listing__page-btn:hover:not(:disabled):not(.is-active){background:rgba(232,84,10,.08);color:var(--blog-accent)}.blog-listing__page-btn:focus-visible{outline:2px solid var(--blog-accent-dark);outline-offset:2px}.blog-listing__page-btn.is-active{background:var(--blog-accent);color:#fff;font-weight:700}.blog-listing__page-btn:disabled{background:transparent;color:#c9c9c9;cursor:not-allowed}.blog-listing__page-ellipsis{color:var(--blog-text-muted);padding:0 6px}