.blog-hero{padding:var(--space-lg) 0 var(--space-md)}@media(min-width:640px){.blog-hero{padding:var(--space-2xl) 0 var(--space-xl)}}.blog-hero__subtitle{color:var(--c-text-light);font-size:1rem;max-width:560px}@media(min-width:640px){.blog-hero__subtitle{font-size:1.1rem}}.blog-meta__date{font-size:var(--fs-xs);color:var(--c-text-lighter)}.blog-meta__dot{color:var(--c-border);font-size:var(--fs-xs)}.blog-meta__read{font-size:var(--fs-xs);color:var(--c-text-lighter)}.blog-tag{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .6rem;border-radius:var(--radius);background-color:var(--c-amber-light);color:var(--c-amber-dark)}.blog-featured{display:block;text-decoration:none;background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-md);transition:box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease);margin-bottom:var(--space-lg)}@media(min-width:640px){.blog-featured{padding:var(--space-lg) var(--space-lg) var(--space-md);margin-bottom:var(--space-xl)}}.blog-featured:hover{box-shadow:0 6px 28px #00000012;border-color:var(--c-amber)}.blog-featured__meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:var(--space-sm)}.blog-featured__title{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:600;color:var(--c-green-900);line-height:var(--lh-tight);margin-bottom:.6rem}.blog-featured__desc{color:var(--c-text-light);font-size:var(--fs-body);line-height:var(--lh-body);max-width:680px}.blog-featured__link{display:inline-block;margin-top:var(--space-md);font-size:var(--fs-small);font-weight:600;color:var(--c-green-800);transition:color var(--duration) var(--ease)}.blog-featured:hover .blog-featured__link{color:var(--c-amber-dark)}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{display:flex;text-decoration:none;background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-md);transition:box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease),transform var(--duration) var(--ease)}.blog-card:hover{box-shadow:0 4px 20px #0000000f;border-color:var(--c-green-100);transform:translateY(-2px)}.blog-card article{display:flex;flex-direction:column;height:100%}.blog-card__meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.6rem}.blog-card__title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--c-green-900);line-height:1.3;margin-bottom:.5rem}.blog-card__desc{color:var(--c-text-light);font-size:var(--fs-small);line-height:1.6;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__link{display:inline-block;margin-top:var(--space-sm);font-size:var(--fs-small);font-weight:600;color:var(--c-green-800);transition:color var(--duration) var(--ease)}.blog-card:hover .blog-card__link{color:var(--c-amber-dark)}.empty-state{padding:var(--space-2xl);background-color:var(--c-bg-alt);border-radius:var(--radius-lg);text-align:center;color:var(--c-text-light)}.pagination{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--c-border)}.pagination__link,.pagination__current,.pagination__dots{display:inline-flex;align-items:center;justify-content:center;min-width:2.2rem;height:2.2rem;font-size:var(--fs-small);font-weight:500;border-radius:var(--radius);text-decoration:none;transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.pagination__link{color:var(--c-text-light);border:1px solid var(--c-border);background:var(--c-white)}.pagination__link:hover{background-color:var(--c-green-100);border-color:var(--c-green-100);color:var(--c-green-900)}.pagination__current{background-color:var(--c-green-900);color:var(--c-white);border:1px solid var(--c-green-900)}.pagination__dots{color:var(--c-text-lighter);border:none;cursor:default}.pagination__arrow{padding:0 .6rem;font-size:var(--fs-small);font-weight:600;letter-spacing:.02em}.pagination__arrow--disabled{opacity:.35;pointer-events:none}.pagination__info{display:block;text-align:center;margin-top:var(--space-sm);font-size:var(--fs-xs);color:var(--c-text-lighter)}
