.blog-layout{max-width:1280px;margin:0 auto;padding:8rem 2rem 4rem;display:flex;flex-direction:column;gap:3.5rem}.blog-hero{display:flex;flex-direction:column;gap:1.5rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:2.5rem}.blog-hero h1{font-size:2.6rem;color:var(--text-main);line-height:1.25}.blog-intro-copy{color:var(--text-muted);font-size:1.1rem;line-height:1.75;text-align:justify}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.blog-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;transition:var(--transition-smooth);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.blog-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 15px 35px #1b59c014}.card-meta{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-heading);font-size:.8rem;border-bottom:1px solid var(--border-color);padding-bottom:.8rem}.card-category{color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.card-date{color:var(--text-muted)}.blog-card h4{font-size:1.25rem;color:var(--primary);line-height:1.4;font-weight:600}.blog-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6;text-align:justify;flex-grow:1}.btn-read-more{align-self:flex-start;color:var(--accent-hover);text-decoration:none;font-family:var(--font-heading);font-size:.9rem;font-weight:600;border-bottom:2px solid var(--accent);padding-bottom:.2rem;transition:var(--transition-smooth)}.btn-read-more:hover{color:var(--primary);border-bottom-color:var(--primary);padding-left:.3rem}@media (max-width: 768px){.blog-layout{padding-top:0!important;gap:2.5rem}.blog-hero h1{font-size:2rem}.blog-grid{grid-template-columns:1fr}.blog-card{padding:1.5rem}}@media (max-width: 480px){.blog-layout{padding-top:0!important;padding-left:1rem!important;padding-right:1rem!important;gap:2rem!important}.blog-hero h1{font-size:1.45rem!important}.blog-intro-copy{font-size:.92rem!important;line-height:1.6!important}.blog-card{padding:1.25rem!important;gap:1rem!important}.blog-card h4{font-size:1.15rem!important}.blog-card p{font-size:.88rem!important;line-height:1.5!important}}