/* source_agent=codex / machine=mac-mini. Same production blue, font and plain navigation. */
.blog-page{--guide-edge:#d9e4f1;--guide-ink:#173452;color:var(--guide-ink);background:#fff}
.blog-page .article-hero{background:linear-gradient(120deg,#071a38,#123d73);padding-block:50px 56px}
.blog-preview-note{margin:0;padding:10px 20px;text-align:center;background:#e9f1fc;color:#214b7b;font-size:13px;line-height:1.7}
.blog-page main{padding-top:var(--site-header-height,100px)}
.blog-page .blog-hero>.container{display:block}
.blog-page .blog-hero h1{color:#fff}
.blog-page .blog-hero .eyebrow{color:#a6c7ff}
.blog-page h1{max-width:100%;font-size:clamp(27px,3.6vw,48px);line-height:1.5;letter-spacing:-.03em}
.blog-page h1>span{display:block}
.blog-page .blog-lead{font-size:18px;line-height:1.9;max-width:42em;margin-top:24px;color:#e3edfc}
.blog-byline{margin-top:24px;font-size:13px;line-height:1.8;color:#d2e1f5}
.blog-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;font-size:13px;color:#c8dcf7}
.blog-breadcrumb a{text-decoration:underline;text-underline-offset:.25em}
.blog-topics{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:30px;color:#fff;font-weight:700;font-size:15px}
.blog-topics a{padding-block:8px;text-decoration:underline;text-underline-offset:.35em}
.blog-section{padding-block:56px;border-bottom:1px solid var(--guide-edge);scroll-margin-top:130px}
.blog-page .blog-section h2,.blog-page .blog-related h2{font-size:clamp(24px,2.8vw,34px);line-height:1.5}
.blog-section>p{margin:18px 0 30px;max-width:42em;font-size:17px;line-height:1.9}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.blog-card{display:flex;flex-direction:column;border:1px solid var(--guide-edge);border-radius:14px;padding:28px;min-width:0;background:linear-gradient(140deg,#fff,#f2f7fe)}
.blog-card-theme{font-size:13px;color:#245a9e;font-weight:700;align-self:flex-start;text-decoration:none}
.blog-card h3{font-size:23px;line-height:1.65;margin:14px 0}
.blog-card h3 a{text-decoration:none}
.blog-card h3 a:hover{text-decoration:underline;text-underline-offset:.2em}
.blog-card>p{font-size:16px;line-height:1.9;color:#405876;margin-bottom:24px}
.blog-read-link{margin-top:auto;padding-block:10px;color:#1856a8;font-weight:700;align-self:flex-start;text-decoration:underline;text-underline-offset:.3em}
.blog-resource-list{display:grid;gap:0;border-top:1px solid var(--guide-edge)}
.blog-resource-list a{display:block;padding:20px 2px;border-bottom:1px solid var(--guide-edge);font-weight:700;font-size:17px;line-height:1.8;text-decoration:underline;text-underline-offset:.25em}
.guide-body{max-width:780px;width:calc(100% - 48px);margin:48px auto 0;font-size:17px;line-height:2}
.guide-answer{border-left:4px solid #2563b0;padding:24px;background:#eef5ff;border-radius:0 12px 12px 0;font-weight:700}
.guide-answer p{margin:0}
.guide-audience{margin-top:24px;color:#405876}
.guide-toc{padding:26px 0 30px;margin-top:32px;border-block:1px solid var(--guide-edge)}
.blog-page .guide-toc h2{font-size:21px}
.guide-toc ol{padding-left:1.5em;margin:14px 0 0}
.guide-toc a{color:#1856a8;text-underline-offset:.25em}
.guide-section{padding-top:48px;scroll-margin-top:120px}
.blog-page .guide-section h2,.blog-page .guide-sources h2,.blog-page .guide-service h2{font-size:clamp(22px,2.6vw,30px);line-height:1.55;margin-bottom:24px;letter-spacing:-.02em;text-wrap:balance}
.guide-section p{margin:0 0 22px}
.guide-section ul{padding-left:1.4em;margin:20px 0}
.guide-section li+li{margin-top:10px}
.guide-table{overflow-x:auto;border:1px solid var(--guide-edge);border-radius:10px;margin:24px 0;-webkit-overflow-scrolling:touch}
.guide-table table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px;line-height:1.8;text-align:left}
.guide-table th,.guide-table td{padding:16px;vertical-align:top;border-bottom:1px solid var(--guide-edge)}
.guide-table th{background:#e9f1fc;color:#173e70;font-weight:700}
.guide-table tr:last-child td{border:0}
.guide-note{font-size:15px;color:#405876}
.guide-links a,.guide-sources a{color:#1856a8;text-underline-offset:.25em;overflow-wrap:anywhere}
.guide-links{list-style:none;padding-left:0!important}
.guide-sources{padding-top:40px;margin-top:32px;border-top:1px solid var(--guide-edge);font-size:15px}
.guide-sources ul{padding-left:1.4em}
.guide-service{padding:30px;margin-top:40px;background:#edf4fd;border-radius:14px}
.guide-service>p{margin:0 0 22px}
.guide-service-link{display:block;color:#1856a8;margin-bottom:24px;text-underline-offset:.25em}
.guide-service .button{min-width:0;max-width:100%;white-space:normal}
.blog-related{padding-block:56px}
.blog-related>.blog-grid{margin-top:28px}
.blog-page .case-pagination{display:flex;justify-content:space-between;gap:26px;padding-block:30px;margin-bottom:40px;line-height:1.8;font-weight:700}
.blog-page .case-pagination a{max-width:48%;text-decoration:underline;text-underline-offset:.25em}
.blog-home-entry{background:#f0f6ff;color:#173e70}
.blog-home-entry h2{font-size:clamp(24px,3vw,36px);line-height:1.5}
.blog-home-entry p:not(.eyebrow){font-size:17px;margin:22px 0}
.blog-home-entry .button{margin-top:6px}
@media(max-width:699px){
 .blog-page main{padding-top:var(--site-header-height,76px)}
 .blog-page .article-hero{padding-block:32px 36px}
 .blog-page h1{font-size:clamp(24px,6.2vw,32px)}
 .blog-page .blog-lead{font-size:16px;margin-top:20px}
 .blog-lead br{display:none}
 .blog-breadcrumb{margin-bottom:24px}
 .blog-topics{gap:6px 18px;font-size:14px}
 .blog-section{padding-block:36px}
 .blog-grid{grid-template-columns:1fr;gap:18px}
 .blog-card{padding:22px}
 .blog-card h3{font-size:21px}
 .blog-section>p{font-size:16px}
 .guide-body{width:calc(100% - 40px);margin-top:30px;font-size:16px;line-height:1.95}
 .guide-answer{padding:20px}
 .guide-section{padding-top:36px}
 .guide-service{padding:24px 20px}
 .guide-service .button{width:100%;font-size:15px;padding:14px 20px}
 .guide-table{margin-inline:0}
 .blog-page .case-pagination{flex-direction:column;gap:20px}
 .blog-page .case-pagination a{max-width:100%}
 .blog-related{padding-block:36px}
 .blog-home-entry h2{max-width:12em;text-wrap:balance}
}

.blog-card h3 a>span{display:block}
.blog-page .blog-directory-hero{padding-block:28px 30px}
.blog-directory-hero .eyebrow{margin:0 0 8px}
.blog-page .blog-directory-hero h1{font-size:clamp(27px,3vw,36px);line-height:1.4;margin:0}
.blog-directory-hero .blog-lead{font-size:16px;line-height:1.7;margin-top:12px}
.blog-directory{padding-block:28px 36px}
.blog-filters{display:flex;flex-wrap:wrap;gap:8px}
.blog-filters[hidden],.blog-list-item[hidden]{display:none}
.blog-filters button{font:inherit;font-size:14px;font-weight:700;padding:10px 16px;min-height:44px;border:1px solid #b7cce5;border-radius:6px;color:#214b7b;background:#fff;cursor:pointer}
.blog-filters button[aria-pressed="true"]{color:#fff;background:#174b88;border-color:#174b88}
.blog-filters button:focus-visible,.blog-list-link:focus-visible{outline:3px solid #427cd4;outline-offset:3px}
.blog-list-count{font-size:14px;color:#405876;margin:18px 0 10px}
.blog-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--guide-edge)}
.blog-list-item{margin:0;border-bottom:1px solid var(--guide-edge)}
.blog-list-link{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:20px;padding:20px 12px;text-decoration:none;min-height:64px}
.blog-list-link:hover{background:#f0f6fd}
.blog-list-theme{font-size:13px;font-weight:700;color:#245a9e}
.blog-page .blog-list-link h2{font-size:18px;line-height:1.6;margin:0;font-weight:700;color:var(--guide-ink);letter-spacing:0}
.blog-page .blog-list-link h2>span{display:inline}
.blog-list-link:hover h2{text-decoration:underline;text-underline-offset:.25em}
@media(max-width:699px){
 .blog-page .blog-directory-hero{padding-block:22px 24px}
 .blog-directory-hero .blog-lead{font-size:15px}
 .blog-directory{padding-block:20px 24px}
 .blog-list-link{grid-template-columns:1fr;gap:5px;padding:14px 0;min-height:70px}
 .blog-page .blog-list-link h2{font-size:17px;line-height:1.65}
 .blog-list-theme{font-size:12px}
 .blog-filters button{padding:9px 12px}
}
@media(max-width:460px){.blog-page .blog-list-link h2>span{display:block}}

/* source_agent=codex / machine=mac-mini. Explicit homepage article entry. */
.blog-home-entry .blog-grid{margin:28px 0}
.blog-home-entry .blog-card h3{margin:14px 0;font-size:23px;line-height:1.6}
.blog-home-entry .blog-card>p{font-size:16px;margin:0 0 24px}
@media(max-width:699px){.blog-home-entry .blog-card h3{font-size:21px}}