
/* Blog, navigation and cookie banner. Uses the landing page's existing visual palette. */
.site-nav{display:flex;align-items:center;justify-content:center;gap:1.1rem;flex:1;margin:0 1.5rem}.site-nav a{color:inherit;text-decoration:none;font-weight:600;white-space:nowrap}.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--coral,#ff7f66)}
.blog-main,.article-main{background:var(--light-bg,#f6f8fb);padding-bottom:5rem}.blog-hero{padding:5rem 0 2.5rem;text-align:center}.blog-hero h1{max-width:850px;margin:1rem auto}.blog-hero p{max-width:720px;margin:0 auto}.blog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;align-items:stretch}.blog-card{display:flex;flex-direction:column;overflow:hidden;background:var(--white,#fff);border-radius:var(--radius-lg,18px);box-shadow:var(--shadow-md,0 12px 30px rgba(0,0,0,.1));transition:transform .25s ease}.blog-card:hover{transform:translateY(-6px)}.blog-card__image{display:block;aspect-ratio:4/3;overflow:hidden}.blog-card__image img{width:100%;height:100%;object-fit:cover;display:block}.blog-card__body{display:flex;flex-direction:column;flex:1;padding:1.25rem}.blog-card__category{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.blog-card h2{font-size:1.35rem;line-height:1.15;margin:.7rem 0}.blog-card h2 a{color:inherit;text-decoration:none}.blog-card__body>p{flex:1}.blog-card__meta{display:flex;justify-content:space-between;gap:.6rem;font-size:.8rem;opacity:.75;margin:1rem 0}.blog-card__button{align-self:flex-start}.article-container{max-width:920px;padding-top:3rem}.breadcrumbs{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:2rem}.article-main h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1}.article-meta{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0 2rem}.article-cover img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-lg,18px)}.article-cover figcaption{font-size:.9rem;opacity:.7;margin-top:.5rem}.article-lead{font-size:1.25rem;line-height:1.7}.article-main article>p,.article-main article>ul{font-size:1.05rem;line-height:1.8}.article-callout,.article-cta{padding:1.5rem;border-radius:var(--radius-lg,18px);background:var(--white,#fff);box-shadow:var(--shadow-md,0 12px 30px rgba(0,0,0,.1));margin:2rem 0}.article-checklist{display:grid;gap:.75rem}.article-main blockquote{margin:2rem 0;padding:1.5rem 2rem;border-left:5px solid var(--coral,#ff7f66);font-size:1.25rem;font-style:italic}.related ul{display:grid;gap:.75rem}.cookie-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:9999;background:var(--white,#fff);color:var(--dark,#172033);border-radius:var(--radius-lg,18px);box-shadow:0 18px 60px rgba(0,0,0,.28);padding:1rem 1.25rem}.cookie-banner__content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.cookie-banner p{margin:.25rem 0 0}.cookie-banner__actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.cookie-banner__button{border:0;border-radius:999px;padding:.75rem 1.1rem;background:var(--coral,#ff7f66);color:#fff;font-weight:700;cursor:pointer}.cookie-banner__button--secondary{background:transparent;color:inherit;border:1px solid currentColor}.cookie-banner__link{color:inherit}
@media(max-width:1100px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-container{flex-wrap:wrap}.site-nav{order:3;width:100%;margin:.75rem 0 0;flex-wrap:wrap}.header-notice{margin-left:auto}}
@media(max-width:640px){.blog-grid{grid-template-columns:1fr}.blog-hero{padding-top:3rem}.cookie-banner__content{align-items:flex-start;flex-direction:column}.cookie-banner__actions{width:100%}.cookie-banner__button{flex:1}.site-nav{gap:.7rem;font-size:.9rem}.header-notice{display:none}.blog-card__meta{flex-direction:column}}
