.blogs-page{max-width:1200px;margin:0 auto;padding:2rem 1rem 4rem}.blogs-heading{color:var(--color-text,#1a1a1a);letter-spacing:-.02em;margin:0 0 2rem;font-size:2rem;font-weight:700}.blogs-empty,.blogs-error{color:var(--color-text-muted,#666);padding:2rem 0;font-size:1rem}.blogs-error{color:var(--color-error,#b91c1c)}.blogs-grid{grid-template-columns:1fr;gap:1.5rem;margin:0 0 2.5rem;padding:0;list-style:none;display:grid}@media (min-width:600px){.blogs-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blogs-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{color:inherit;background:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e5e5);border-radius:12px;flex-direction:column;text-decoration:none;transition:box-shadow .18s,transform .18s;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.blog-card__media{aspect-ratio:16/9;background:var(--color-bg-subtle,#f5f5f5);overflow:hidden}.blog-card__image{object-fit:cover;width:100%;height:100%;display:block}.blog-card__body{flex-direction:column;flex:1;gap:.5rem;padding:1.25rem;display:flex}.blog-card__title{color:var(--color-text,#1a1a1a);margin:0;font-size:1.1rem;font-weight:600;line-height:1.35}.blog-card__excerpt{color:var(--color-text-muted,#555);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-card__meta{color:var(--color-text-muted,#888);flex-wrap:wrap;gap:.5rem 1rem;margin-top:auto;padding-top:.75rem;font-size:.8125rem;display:flex}.blog-card__author{font-weight:500}.blogs-pagination{justify-content:center;margin-top:1rem;display:flex}.blogs-load-more{border:1.5px solid var(--color-border,#d1d5db);color:var(--color-text,#1a1a1a);border-radius:8px;padding:.75rem 2rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:inline-block}.blogs-load-more:hover{background:var(--color-bg-subtle,#f5f5f5);border-color:var(--color-text-muted,#888)}.blog-article{max-width:780px;margin:0 auto;padding:2rem 1rem 5rem}.blog-article__back{color:var(--color-text-muted,#666);margin-bottom:2rem;font-size:.875rem;text-decoration:none;display:inline-block}.blog-article__back:hover{color:var(--color-text,#1a1a1a);text-decoration:underline}.blog-article__content{width:100%}.blog-article__hero{aspect-ratio:16/7;background:var(--color-bg-subtle,#f5f5f5);border-radius:12px;width:100%;margin-bottom:2rem;overflow:hidden}.blog-article__hero-img{object-fit:cover;width:100%;height:100%;display:block}.blog-article__header{margin-bottom:2.5rem}.blog-article__title{color:var(--color-text,#1a1a1a);letter-spacing:-.025em;margin:0 0 1rem;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;line-height:1.2}.blog-article__byline{color:var(--color-text-muted,#888);flex-wrap:wrap;gap:.375rem 1rem;margin-bottom:1rem;font-size:.875rem;display:flex}.blog-article__author{font-weight:500}.blog-article__excerpt{color:var(--color-text-muted,#444);border-left:3px solid var(--color-border,#d1d5db);margin:0;padding-left:1rem;font-size:1.125rem;line-height:1.65}.blog-article__body{flex-direction:column;gap:1.5rem;display:flex}.blog-block{margin:0}.blog-block--paragraph{color:var(--color-text,#1a1a1a);font-size:1.0625rem;line-height:1.75}.blog-block--heading{color:var(--color-text,#1a1a1a);letter-spacing:-.02em;font-weight:700;line-height:1.25}.blog-article__body h2.blog-block--heading{font-size:1.625rem}.blog-article__body h3.blog-block--heading{font-size:1.375rem}.blog-article__body h4.blog-block--heading,.blog-article__body h5.blog-block--heading,.blog-article__body h6.blog-block--heading{font-size:1.125rem}.blog-block--image{width:100%;margin:0}.blog-block__img{border-radius:8px;width:100%;height:auto;display:block}.blog-block__caption{color:var(--color-text-muted,#888);text-align:center;margin-top:.5rem;font-size:.8125rem;display:block}.blog-block--list{padding-left:1.5rem}.blog-block--list li{color:var(--color-text,#1a1a1a);margin-bottom:.35rem;font-size:1.0625rem;line-height:1.7}.blog-block--quote{border-left:4px solid var(--color-border,#d1d5db);margin:0;padding:1rem 0 1rem 1.25rem}.blog-block--quote p{color:var(--color-text,#333);margin:0 0 .5rem;font-size:1.125rem;font-style:italic;line-height:1.65}.blog-block__attribution{color:var(--color-text-muted,#888);font-size:.875rem;font-style:normal}@media (max-width:420px){.blogs-page,.blog-article{padding-left:.875rem;padding-right:.875rem}.blogs-heading{font-size:1.5rem}.blog-card__title{font-size:1rem}.blog-article__hero{border-radius:8px}}
