/* Article layout built on the site's existing colors and typography. */
.blog-card-link{display:block;height:100%;color:inherit;text-decoration:none;border-radius:var(--radius)}
.blog-card-link .blog-card{height:100%}.blog-card-link:focus-visible{outline:3px solid var(--navy);outline-offset:4px}
.article-width{max-width:690px}main#main-content{background:#f7f5f0}.article-hero{background:#99b9cd;border-bottom:1px solid rgba(15,45,82,.2);padding:56px 0 40px}
.article-hero a.article-back-text{display:block;width:fit-content;margin:0 0 12px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:#246337;font-size:15px;font-weight:800;line-height:1.4;text-decoration:none}
@media(min-width:1220px){.article-hero .article-width--tidy,.article-hero .article-width--fifth{position:relative}.article-hero a.article-back-text{position:absolute;right:calc(100% + 22px);top:0;margin:0;white-space:nowrap}}
.article-hero a.article-back-text:hover{color:#174c2a;text-decoration:underline;text-underline-offset:3px}.article-hero a.article-back-text:focus-visible{outline:3px solid #174c2a;outline-offset:4px;border-radius:2px}.article-bottom a:hover{text-decoration:underline}
.article-hero .eyebrow{color:var(--navy)}.article-hero h1{font-size:clamp(38px,5vw,60px);max-width:820px;margin-bottom:18px;color:#12365d}
.article-hero h1 .title-blue{color:#12365d}.article-hero h1 .title-green{color:#2f6b3f}
.article-deck{font-size:clamp(18px,2.3vw,22px);line-height:1.5;color:var(--navy);margin:0}
.article-copy{padding:40px 0 50px;font-size:17px;line-height:1.8;color:var(--ink)}
.article-intro{border:2px solid #2f6b3f;border-radius:12px;background:transparent;padding:22px 26px;margin:0 0 38px}.article-intro .article-deck{font-size:19px;line-height:1.5;font-weight:600;margin-bottom:18px}.article-intro p:last-child{margin-bottom:0}
.article-copy p{margin:0 0 1.25em}.article-copy h2{font-size:17px;line-height:1.35;margin:2.1em 0 .9em;padding:9px 13px;width:fit-content;max-width:100%;border-radius:5px;background:var(--navy);color:#fff;letter-spacing:0}
.article-copy h2 strong{color:#fff}
.article-copy h2:first-child{margin-top:0}.article-copy ul{padding-left:1.4em;margin:0 0 1.5em}.article-copy li{margin:.3em 0;padding-left:.25em}
.article-copy strong{color:var(--navy)}.article-table-wrap{max-width:100%;overflow-x:auto;margin:1.4em 0 2em;border-radius:12px;border:1px solid var(--line)}
.article-table{border-collapse:collapse;width:100%;min-width:350px;text-align:left}.article-table th,.article-table td{padding:10px 15px;border-bottom:1px solid var(--line)}
.article-table th{background:var(--navy);color:white}.article-table tr:last-child td{border-bottom:0}.article-table tr:nth-child(even){background:var(--cream)}
.article-cta{margin:45px 0 0;background:var(--cream);border-left:4px solid var(--navy2);padding:25px 28px;border-radius:0 12px 12px 0}
.article-copy .article-cta h2{font-size:17px;margin:0 0 14px}.article-cta p{margin-bottom:15px}.article-actions{display:flex;gap:10px;flex-wrap:wrap}
.article-actions .btn-primary{background:var(--navy);color:white}.article-actions .btn-secondary{background:white;color:var(--navy)}
.article-bottom{border-top:1px solid var(--line);padding:24px 0 65px;display:flex;justify-content:space-between;gap:16px;font-weight:800;color:var(--navy)}

@media(max-width:760px){.article-hero{padding:38px 0}.article-copy{font-size:16px;padding:35px 0}.article-intro{padding:17px 18px}.article-cta{padding:20px}.article-bottom{flex-direction:column}}

/* Blog landing page category header colors. */
.blog-card--financial-literacy .blog-top{background:linear-gradient(135deg,#b88a35,#d5b45d)}
.blog-card--financial-literacy .blog-top span{color:#12365d}
.blog-card--quickbooks .blog-top{background:linear-gradient(135deg,#2f6b3f,#448b54)}
.blog-card--quickbooks .blog-top span{color:#fff}

/* Fifth article follows the compact paragraph and list layout of its source document. */
.article-copy--fifth{padding-top:32px;line-height:1.62}
.article-copy--fifth .article-deck{font-size:18px;font-weight:600;line-height:1.5;margin:0 0 1em}
.article-copy--fifth p{margin:0 0 .85em}
.article-copy--fifth h2{margin:1.55em 0 .65em}
.article-copy--fifth ul{margin:0 0 1em;padding-left:1.4em}
.article-copy--fifth li{margin:.12em 0}
.article-copy--fifth .article-cta{margin-top:32px}
@media(max-width:760px){.article-copy--fifth{padding-top:27px}.article-copy--fifth h2{margin-top:1.4em}}

/* Wider reading column for the revised single-column article. */
.article-width--fifth{max-width:800px}
.article-copy--fifth > p:not(.article-deck){text-align:justify}
@media(max-width:760px){.article-copy--fifth > p:not(.article-deck){text-align:left}}

/* Reading rhythm shared by all articles other than the fifth. */
.article-width--tidy{max-width:800px}
.article-copy--tidy{padding-top:32px;line-height:1.62}
.article-copy--tidy .article-intro--plain{border:0;border-radius:0;padding:0;background:transparent;margin:0 0 1.1em}
.article-copy--tidy .article-intro--plain .article-deck{font-size:18px;line-height:1.5;font-weight:600;margin:0 0 1em}
.article-copy--tidy p{margin:0 0 .85em}
.article-copy--tidy h2{margin:1.55em 0 .65em}
.article-copy--tidy h3.article-subhead{font-size:19px;margin:1.2em 0 .45em;color:var(--navy)}
.article-copy--tidy ul{margin:0 0 1em;padding-left:1.4em}
.article-copy--tidy li{margin:.12em 0}
.article-copy--tidy p.article-example{font-weight:700;color:var(--navy);background:#fff;border-left:3px solid var(--navy);padding:8px 12px;margin:.3em 0 .9em}
.article-copy--tidy .article-cta{margin-top:32px}
.article-copy--tidy > p:not(.article-example),.article-copy--tidy .article-intro--plain p:not(.article-deck){text-align:justify}
@media(max-width:760px){.article-copy--tidy{padding-top:27px}.article-copy--tidy h2{margin-top:1.4em}.article-copy--tidy > p:not(.article-example),.article-copy--tidy .article-intro--plain p:not(.article-deck){text-align:left}}