/* Blog archive follows the same typography, grey surfaces and orange accents. */
.blog-hero>.container{padding-block:2.3rem 2.8rem}
.blog-hero .service-lead{max-width:44rem}
.blog-hero:after{inset-inline-start:68%}
.blog-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}
.blog-section-heading p{color:var(--muted);font-size:.9375rem;line-height:1.5}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.blog-card{min-width:0;background:#fff;border:1px solid #e6e8ea;border-top:3px solid var(--orange);border-radius:.6rem;box-shadow:0 3px 12px #00000006}
.blog-card-link{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;height:100%;min-height:13.5rem;padding:1.5rem;border-radius:.4rem}
.blog-card time{display:block;color:var(--muted);font-size:.9375rem;line-height:1.4}
.blog-card h3{font-size:1.3rem;line-height:1.25;letter-spacing:-.025em}
.blog-read-more{display:inline-flex;align-items:center;gap:.5rem;margin-top:auto;padding-top:.65rem;color:var(--orange-dark);font-size:1rem;font-weight:700;line-height:1.4}
.blog-read-more .icon{width:1.25rem;height:1.25rem}
.blog-card-link:hover{background:var(--soft)}
.blog-card-link:hover h3{text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px}
.blog-card-link:focus-visible{outline:3px solid #0060a8;outline-offset:4px}
.blog-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.blog-pagination a,.blog-pagination>span{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:2.75rem;min-height:2.75rem;padding:.5rem .65rem;border:1px solid var(--line);border-radius:.35rem;font-size:1rem;line-height:1.3;background:#fff}
.blog-pagination .blog-page-direction{padding-inline:1rem}
.blog-pagination .icon{width:1.15rem;height:1.15rem}
.blog-pagination .is-current,.blog-pagination .current{background:var(--charcoal);border-color:var(--charcoal);color:var(--orange);font-weight:700}
.blog-pagination a:hover{background:var(--soft);border-color:var(--orange-dark)}
.blog-reading{max-width:48rem}
.blog-article-header h1{max-width:100%;font-size:clamp(2.1rem,3.5vw,3rem);line-height:1.12}
.blog-article-date{margin-top:1.1rem;color:var(--muted);font-size:.9375rem;line-height:1.5}
.blog-reading-body{padding-block:2.5rem 3rem}
.blog-article-content{font-size:1.0625rem;line-height:1.7;overflow-wrap:anywhere}
.blog-article-content p{margin:0 0 1.2rem}
.blog-article-content h2{font-size:clamp(1.6rem,2.5vw,2rem);line-height:1.2;margin:2.25rem 0 1rem}
.blog-article-content h3{font-size:1.35rem;line-height:1.25;margin:1.75rem 0 .8rem}
.blog-article-content ul,.blog-article-content ol{padding-left:1.4rem;margin:1rem 0 1.5rem}
.blog-article-content li{padding-left:.2rem;margin-bottom:.55rem}
.blog-article-content li::marker{color:var(--orange-dark)}
.blog-article-content a{color:var(--orange-dark);text-decoration:underline;text-underline-offset:.18em}
.blog-article-content a:hover{color:var(--ink)}
.blog-article-image{margin:0 0 2rem}
.blog-article-image img{width:100%;height:auto;max-height:32rem;object-fit:contain;border-radius:.6rem;background:var(--soft)}
.blog-article-image figcaption{font-size:.875rem;line-height:1.5;color:var(--muted);margin-top:.65rem}
.blog-article-return{padding-top:1.5rem;margin-top:2rem;border-top:1px solid var(--line)}
@media(min-width:769px) and (max-width:1100px){
  .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:768px){
  .blog-hero>.container{padding-block:1.5rem 2rem}
  .blog-section-heading{align-items:flex-start;flex-direction:column;gap:.6rem;margin-bottom:1.3rem}
  .blog-grid{grid-template-columns:minmax(0,1fr);gap:1rem}
  .blog-card-link{min-height:11.5rem;padding:1.25rem;gap:.85rem}
  .blog-card h3{font-size:1.25rem;line-height:1.3}
  .blog-pagination{gap:.5rem;margin-top:1.5rem}
  .blog-article-header h1{font-size:clamp(1.85rem,7vw,2.5rem)}
  .blog-reading-body{padding-block:1.8rem 2.2rem}
  .blog-article-content{font-size:1rem;line-height:1.65}
  .blog-article-content h2{font-size:1.55rem;margin-top:1.8rem}
  .blog-article-content h3{font-size:1.3rem}
  .blog-article-image{margin-bottom:1.5rem}
}

/* Imported WordPress blocks must stay within the reading column. */
.blog-article-content :is(iframe,video,embed,object){max-width:100%}
.blog-article-content iframe{border:0}
.blog-article-content pre,.blog-article-content .wp-block-table{max-width:100%;overflow-x:auto}
.blog-article-content table{max-width:100%;border-collapse:collapse}
.blog-article-content th,.blog-article-content td{padding:.6rem;border:1px solid var(--line);overflow-wrap:anywhere}
.blog-article-content figure{max-width:100%;margin-inline:0}