.blog-page,.blog-article{padding-top:calc(var(--header-h) + var(--space-7) + env(safe-area-inset-top));padding-bottom:var(--space-9);background:var(--bg)}.blog-article .container,.blog-page .container{max-width:1100px}.blog-article__body{max-width:780px;margin:0 auto}.blog-hero{text-align:center;margin-bottom:var(--space-8)}.blog-hero h1{font-size:clamp(2rem,4.5vw,3rem);margin-bottom:var(--space-3)}.blog-hero p{max-width:56ch;margin:0 auto;color:var(--muted)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.blog-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--e-1);transition:transform var(--t-med) var(--ease-out),box-shadow var(--t-med)}@media(hover:hover)and (pointer:fine){.blog-card:hover{transform:translateY(-4px);box-shadow:var(--e-2)}}.blog-card__link{display:block;color:inherit;height:100%}.blog-card__media{position:relative;aspect-ratio:40 / 21;overflow:hidden;background:var(--surface-sunken)}.blog-card__media img{width:100%;height:100%;object-fit:cover;display:block}.blog-card__category{position:absolute;top:var(--space-3);left:var(--space-3);background:var(--accent-dark);color:#fff;padding:4px 10px;border-radius:var(--r-pill);font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.blog-card__body{padding:var(--space-4) var(--space-5)}.blog-card__title{font-family:var(--font-display);font-size:1.25rem;color:var(--ink);margin-bottom:var(--space-2);line-height:1.3}.blog-card__excerpt{font-size:.9375rem;color:var(--muted);margin-bottom:var(--space-3);line-height:1.55}.blog-card__meta{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:var(--muted)}.blog-card__read-more{color:var(--accent-dark);font-weight:600}.blog-empty{text-align:center;color:var(--muted);padding:var(--space-9) 0}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-5);margin-top:var(--space-7);font-size:.9375rem}.blog-pagination a{color:var(--accent-dark);font-weight:600}.blog-breadcrumbs{font-size:.8125rem;color:var(--muted);margin-bottom:var(--space-5);display:flex;gap:var(--space-2);flex-wrap:wrap}.blog-breadcrumbs a{color:var(--accent-dark)}.blog-article__hero{aspect-ratio:40 / 21;border-radius:var(--r-lg);overflow:hidden;margin-bottom:var(--space-6);box-shadow:var(--e-2)}.blog-article__hero img{width:100%;height:100%;object-fit:cover;display:block}.blog-article__body>header h1{font-size:clamp(2rem,4.5vw,3rem);color:var(--ink);margin-bottom:var(--space-3)}.blog-article__meta{color:var(--muted);font-size:.875rem;margin-bottom:var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-3)}.blog-article__content{line-height:1.75}.blog-article__content h2{font-size:clamp(1.375rem,2.5vw,1.875rem);margin-top:var(--space-7);margin-bottom:var(--space-3)}.blog-article__content h3{font-family:var(--font-body);font-size:1.125rem;font-weight:600;margin-top:var(--space-5);margin-bottom:var(--space-2)}.blog-article__content p{margin-bottom:var(--space-4)}.blog-article__content ul,.blog-article__content ol{padding-left:1.25rem;margin-bottom:var(--space-4)}.blog-article__content li{margin-bottom:var(--space-2)}.blog-article__content li::marker{color:var(--accent)}.blog-article__content a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}.blog-article__content blockquote{border-left:3px solid var(--accent);padding:var(--space-4) var(--space-5);background:var(--surface);border-radius:0 var(--r-md) var(--r-md) 0;margin:var(--space-5) 0}.blog-cta-mid{background:var(--accent-tint);border-left-color:var(--accent-dark)}.blog-cta-mid a{font-weight:700}.blog-article__faq{margin-top:var(--space-7);padding-top:var(--space-6);border-top:1px solid var(--line)}.blog-article__faq h2{font-size:clamp(1.25rem,2.5vw,1.75rem);margin-bottom:var(--space-4)}.blog-article__faq details{padding:var(--space-3) 0;border-bottom:1px solid var(--line)}.blog-article__faq summary{cursor:pointer;font-weight:600;color:var(--ink);padding:var(--space-2) 0}.blog-article__cta{text-align:center;margin:var(--space-7) 0}.blog-article__credit{text-align:right;font-size:.8125rem;color:var(--muted);margin-top:var(--space-5);font-style:italic}.blog-article__credit a{color:var(--muted);text-decoration:underline}.blog-related{margin-top:var(--space-9);padding-top:var(--space-6);border-top:1px solid var(--line)}.blog-related h2{text-align:center;margin-bottom:var(--space-5)}.home-blog-widget{background:var(--surface-alt);padding:var(--space-8) 0}.home-blog-widget .blog-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
