/* Reading styles shared by the article directory and every article. */
.blog-hero{padding:48px 0 28px;text-align:left;background:#f4f0e9}
.blog-hero h1{font-size:clamp(2.25rem,4vw,3.25rem);font-weight:750;line-height:1.12;max-width:900px;margin:0 0 16px;color:#1a365d}
.blog-hero .lead{font-size:1.125rem;line-height:1.65;font-weight:400;color:#344557;margin:0;max-width:740px}
.blog-list-section{background:#fff;padding:12px 0 64px}
.blog-list-section>.shell,.blog-hero>.shell{max-width:1040px}
.blog-grid{display:block}.blog-topic-heading{font-size:1.125rem;text-transform:none;letter-spacing:0;font-weight:650;color:#5d6875;margin:36px 0 0;padding-bottom:14px;border-bottom:1px solid #dfe7e4}
.blog-card,.blog-card-featured,.blog-card-pro{display:flex;flex-direction:row;align-items:center;gap:32px;min-height:0;padding:26px 0;border:0;border-bottom:1px solid #dfe7e4;border-radius:0;background:#fff;color:#1a365d;box-shadow:none;transition:none}
a.blog-card:hover{transform:none;box-shadow:none;background:#f8faf9}.blog-card>div{flex:1;min-width:0}.blog-card .blog-meta{display:none}
.blog-card h2,.blog-card h3,.blog-card-featured h2{font-size:1.625rem;font-weight:650;line-height:1.3;letter-spacing:0;max-width:770px;color:#1a365d}
.blog-card p,.blog-card-featured p{font-size:1.0625rem;font-weight:400;line-height:1.6;color:#465462;margin:10px 0 0;max-width:740px}
.blog-read,.blog-card-featured .blog-read{font-size:.9375rem;font-weight:600;line-height:1.5;flex-shrink:0;margin:0;color:#1a365d;text-decoration:underline;text-underline-offset:4px}
.article-hero{padding:40px 0 30px;background:#fff}.article-shell{width:min(720px,calc(100% - 40px))}
.article-back{display:block;width:fit-content;margin:0 0 26px;font-size:.9375rem;font-weight:500;color:#1a365d;text-decoration:underline;text-underline-offset:4px}
.article-kicker{display:block;margin-bottom:14px;font-size:.8125rem;font-weight:600;letter-spacing:.07em;color:#a65300}
.article-hero h1{font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.15;font-weight:700;color:#1a365d;letter-spacing:-.015em;margin-bottom:22px}
.article-deck{font-size:1.1875rem;line-height:1.65;font-weight:400;color:#465462;max-width:none}
.article-body{padding:0 0 64px;background:#fff}.article-card{padding:0;border:0;border-radius:0;background:#fff;box-shadow:none}
.article-card p,.article-card ul,.article-card ol{font-size:1.1875rem;line-height:1.75;font-weight:400;color:#344557;margin:0 0 24px}
.article-card strong,.article-card b{font-weight:650}.article-card h2{font-size:1.875rem;font-weight:650;line-height:1.3;color:#1a365d;letter-spacing:0;margin:44px 0 18px;scroll-margin-top:150px}
.article-card h3{font-size:1.375rem;font-weight:650;line-height:1.35;margin:30px 0 16px;color:#1a365d}
.article-callout{padding:20px 24px;margin:32px 0;border-radius:0;border-left:3px solid #fa9a2d;background:#f4f0e9}.article-callout p{font-size:1.1875rem;line-height:1.65;font-weight:500;color:#344557;margin:0}
.article-card .article-note{font-size:.9375rem;line-height:1.6;color:#5d6875;font-weight:400}.article-byline{font-size:.875rem;color:#5d6875;margin:20px 0 0}
.article-contents{margin:30px 0 36px;padding:20px 24px;background:#f4f7f6;border:1px solid #dfe7e4;border-radius:12px}.article-contents summary{cursor:pointer;font-size:1rem;color:#1a365d;font-weight:600;min-height:28px}.article-contents ul{margin:18px 0 0;padding-left:20px}.article-contents li{margin:10px 0;font-size:1rem;line-height:1.5}.article-contents a{color:#1a365d;text-underline-offset:3px}
.article-body~.journey-section .shell{max-width:720px}.blog-card:focus-visible,.article-contents a:focus-visible{outline:3px solid #1a365d;outline-offset:4px}
@media(max-width:620px){.blog-hero{padding:32px 0 20px}.blog-card{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 0}.blog-card h2,.blog-card h3{font-size:1.5rem}.blog-read{min-height:36px}.article-shell{width:calc(100% - 40px)}.article-hero{padding:28px 0 26px}.article-card p,.article-card ul,.article-card ol{font-size:1.125rem;line-height:1.75}.article-card h2{font-size:1.5rem}.article-contents{padding:18px}.article-callout{padding:18px}.article-deck{font-size:1.125rem}}
