/* Blog components only. Main widths and spacing use the existing site system. */
.blog-page .page-hero h1{letter-spacing:-.5px;text-wrap:balance}
.blog-page .page-hero p{max-width:none}
.blog-page .page-hero .eyebrow{color:var(--orange-dark);font-size:11px;text-align:left}
.blog-page .page-hero .blog-meta{font-size:12px;line-height:1.6;margin-top:20px;text-align:left}
.blog-hero-photo{width:100%;max-width:300px;margin-inline:auto}
.blog-hero-photo img{width:100%;height:auto;border-radius:var(--radius)}
.blog-hero-photo figcaption{font-size:11px;line-height:1.55;color:var(--muted);margin-top:10px;text-align:center}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-grid)}
.blog-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.blog-card{min-width:0;padding:var(--space-panel);background:var(--white);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:16px}
.blog-card--guide{background:var(--pale)}
.blog-card .blog-category{font-size:12px;line-height:1.5;color:var(--orange-dark);margin:0;text-align:center}
.blog-card :is(h2,h3){font-size:20px;line-height:1.4;letter-spacing:-.3px;margin:0}
.blog-card :is(h2,h3) a:hover{color:var(--orange-dark)}
.blog-card .blog-excerpt{font-size:15px;line-height:1.75;color:var(--muted);margin:0;text-align:justify;text-align-last:left;hyphens:auto;overflow-wrap:break-word}
.blog-card-link{margin-top:auto;align-self:center;display:inline-flex;gap:12px;align-items:center;min-height:44px;text-align:center;line-height:1.5}
.blog-list-heading,.blog-related>.container>h2{font-size:28px;margin-bottom:var(--space-block);letter-spacing:-.5px}
.blog-section-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:var(--space-block)}
.blog-section-heading h2{font-size:28px;letter-spacing:-.5px}
.blog-section-heading>.text-link{min-height:44px;display:inline-flex;align-items:center}
.blog-article-section{scroll-margin-top:calc(var(--phone-bar-height) + 115px)}
.blog-article-section+.blog-article-section{margin-top:var(--space-block)}
.blog-article-section>:last-child{margin-bottom:0}
.blog-article li{margin-bottom:12px;color:var(--muted)}
.blog-article ul{padding-left:22px}
.blog-toc nav>a,.blog-toc-footer>a{display:block;font-size:14px;line-height:1.6;padding-block:10px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.blog-toc nav>a:hover,.blog-toc-footer>a:not(.btn):hover{color:var(--orange-dark);text-decoration:underline;text-underline-offset:3px}
.blog-toc-footer{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}
.blog-toc-footer a.btn{display:flex;margin-top:16px;padding:13px 16px;color:var(--navy);border:1px solid var(--orange)}
.blog-sidebar-links{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.blog-sidebar-links h3{font-size:16px;margin:0 0 8px}
.blog-table-wrap{max-width:100%;overflow-x:auto;margin:24px 0;overscroll-behavior-x:contain}
.blog-table-wrap:focus-visible{outline:3px solid #b85413;outline-offset:3px}
.blog-table{width:100%;border-collapse:collapse;min-width:470px;text-align:left;font-size:14px}
.blog-table caption{text-align:left;font-size:13px;color:var(--muted);padding-bottom:10px}
.blog-table th,.blog-table td{padding:12px;border:1px solid var(--line);vertical-align:top}
.blog-table th{background:var(--pale);font-weight:650}
@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.blog-page .content-layout,.blog-page .page-hero-grid{grid-template-columns:1fr}.blog-toc{position:static;grid-row:1}.blog-hero-photo{max-width:300px}.blog-page .hero-service-note{display:none}}
@media(max-width:680px){.blog-grid,.blog-grid--two{grid-template-columns:1fr}.blog-card :is(h2,h3){font-size:20px}.blog-section-heading{justify-content:center}.blog-list-heading,.blog-related>.container>h2,.blog-section-heading h2{font-size:24px}.blog-page .page-hero h1{font-size:26px;letter-spacing:0}.blog-page .page-hero .eyebrow,.blog-page .page-hero .blog-meta{text-align:center}.blog-page .hero-actions{justify-content:center}.blog-article-section{scroll-margin-top:calc(var(--phone-bar-height) + 90px)}}

.blog-topics{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:32px}.blog-topics a{display:flex;align-items:center;min-height:44px;padding:8px 18px;border:1px solid var(--line);border-radius:6px;background:var(--white)}.blog-topic-group{scroll-margin-top:150px}.blog-topic-group+.blog-topic-group{margin-top:48px}.blog-page .blog-hero-photo{margin-block:0}.blog-page .blog-hero-photo img{display:block;max-height:290px;object-fit:contain}.blog-page .blog-article a{overflow-wrap:anywhere}

@media(max-width:360px){.blog-page .page-hero h1{font-size:23px}}