/* Blog reading layout; lesson notes and authored custom content keep their styles. */
.content-page-main--blog{max-width:78rem;padding-top:1.6rem}
.article-masthead{max-width:54rem;margin:0 auto 1.5rem;padding:.4rem .2rem}
.article-masthead .article-breadcrumbs{margin-bottom:1.4rem;font-size:.68rem;font-weight:700}
.article-eyebrow{display:block;margin-bottom:.65rem;color:var(--public-blue);font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.article-masthead .content-page-title{margin:0 0 1rem;color:var(--public-ink);font-size:clamp(1.85rem,3.8vw,2.9rem);line-height:1.12;text-wrap:balance}
.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem 1.2rem;margin-bottom:1rem;color:var(--public-muted);font-size:.76rem;font-weight:700}
.article-meta>span{min-width:0}
.article-meta i{font-size:.8rem}
.article-meta #article-read-badge{padding:.25rem .5rem;border:1px solid var(--public-line);border-radius:.5rem;background:var(--public-surface-solid);font-size:.65rem}
.article-masthead .article-topic-tags{gap:.4rem;margin:0}
.article-masthead .article-topic-tags a{padding:.3rem .55rem;border-radius:.55rem;font-size:.65rem;font-weight:750}
.content-page-main--blog .article-page-layout{max-width:54rem;margin-inline:auto;gap:1.2rem}
.content-page-main--blog .article-page-layout>.content-page-article,.content-page-main--blog .article-page-layout>.article-toc{max-width:none}
.content-page-main--blog .content-page-article--blog{border:1px solid var(--public-line);border-radius:1.3rem;box-shadow:0 8px 28px rgba(34,74,126,.05)!important}
.article-cover{height:clamp(12rem,24vw,18rem);margin:0;overflow:hidden;background:var(--public-surface-muted);border-bottom:1px solid var(--public-line)}
.article-cover img{display:block;width:100%;height:100%;object-fit:cover}
.content-page-main--blog .content-page-body{padding:clamp(1.15rem,3vw,2.5rem)}
.article-page--standard .content-page-prose.rich-content{max-width:68ch;margin-inline:auto;font-size:1.08rem;line-height:1.85;color:var(--public-ink)}
.article-page--standard .content-page-prose.rich-content p{margin-bottom:1.25rem}
.article-page--standard .content-page-prose.rich-content :is(h1,h2,h3){line-height:1.3;text-wrap:balance;scroll-margin-top:7rem}
.article-page--standard .content-page-prose.rich-content h2{margin:2.2rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--public-line);font-size:1.5rem}
.article-page--standard .content-page-prose.rich-content h3{margin-top:1.7rem;font-size:1.2rem;color:var(--public-ink)}
.article-page--standard .content-page-prose.rich-content>:first-child{margin-top:0}
.article-page--standard .content-page-prose.rich-content blockquote{margin:1.6rem 0;padding:1rem 1.2rem;border-left:3px solid var(--public-blue);border-radius:0 .8rem .8rem 0;background:var(--public-surface-muted);font-size:1rem;font-weight:650}
.article-page--standard .content-page-prose.rich-content li{margin-bottom:.55rem}
.article-page--standard .content-page-prose.rich-content img{border-radius:.9rem}
.article-page--standard .content-page-prose.rich-content a{text-underline-offset:.2em}
.content-page-main--blog [data-article-content] [id]{scroll-margin-top:7rem}
.content-page-main--blog .article-toc{padding:.85rem;margin-bottom:0;border-radius:1rem;background:var(--public-surface-solid)}
.content-page-main--blog .article-toc__icon{width:2rem;height:2rem;border-radius:.65rem;font-size:.8rem}
.content-page-main--blog .article-toc__head small{font-size:.55rem}
.content-page-main--blog .article-toc__head strong{font-size:.95rem}
.content-page-main--blog .article-toc a{font-size:.76rem;font-weight:700;padding:.5rem;line-height:1.45}
.content-page-main--blog .article-toc__number{flex-basis:1rem;font-size:.6rem}
.content-page-main--blog .article-feedback-tools{margin-top:2rem;border-radius:.9rem;background:var(--public-surface-muted);box-shadow:none}
.article-finish{margin-top:1.5rem;padding:1.3rem 1rem;border-radius:1rem;background:color-mix(in srgb,var(--public-blue) 5%,var(--public-surface-solid));text-align:center}
.article-finish>p{margin-bottom:.8rem;color:var(--public-muted);font-size:.78rem;line-height:1.5}
.article-finish>button{padding:.8rem 1.2rem;border-radius:.8rem;font-size:.7rem;letter-spacing:0;text-transform:none}
.content-page-main--blog .article-community{margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid var(--public-line)}
.content-page-main--blog .article-related{max-width:100%;margin-top:1.5rem;padding:1.2rem;border-radius:1.2rem;box-shadow:none}
.content-page-main--blog .article-related__head h2{font-size:1.3rem}
.content-page-main--blog .article-related-card{display:grid;grid-template-columns:5.5rem minmax(0,1fr);border-radius:.85rem}
.content-page-main--blog .article-related-card__media{aspect-ratio:auto;height:100%;min-height:8rem}
.content-page-main--blog .article-related-card>div{padding:.75rem}
.content-page-main--blog .article-related-card h3{font-size:.82rem;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.content-page-main--blog .article-related-card__link{font-size:.68rem}
.article-page--custom .article-page-layout{max-width:72rem}
.article-page--custom .content-page-body{padding:clamp(.9rem,2vw,1.5rem)}
[data-theme="dark"] .article-masthead .content-page-title,
[data-theme="dark"] .article-page--standard .content-page-prose.rich-content :is(h2,h3){color:#f1f5f9}
@media(min-width:1280px){
 .content-page-main--blog .article-page-layout--with-toc{max-width:none;grid-template-columns:minmax(0,1fr) 14rem;gap:1.5rem}
 .content-page-main--blog .article-page-layout--with-toc>.content-page-article{grid-column:1;grid-row:1}
 .content-page-main--blog .article-page-layout--with-toc>.article-toc{grid-column:2;grid-row:1;max-width:none;top:6.3rem}
 .content-page-main--blog:has(.article-page-layout--with-toc) .article-masthead{margin-left:0;margin-right:15.5rem;max-width:none}
}
@media(max-width:767px){
 .content-page-main--blog{padding-top:1.1rem}
 .article-masthead{margin-bottom:1.2rem}
 .article-masthead .article-breadcrumbs{margin-bottom:1rem;font-size:.62rem}
 .article-masthead .content-page-title{font-size:clamp(1.7rem,6.8vw,2.25rem);margin-bottom:.8rem;text-wrap:pretty}
 .article-meta{gap:.5rem .8rem;font-size:.66rem}
 .article-meta i{font-size:.7rem}
 .article-cover{height:12rem}
 .content-page-main--blog .content-page-body{padding:1.1rem}
 .article-page--custom .content-page-body{padding:.75rem}
 .article-page--standard .content-page-prose.rich-content{font-size:1rem;line-height:1.8}
 .article-page--standard .content-page-prose.rich-content h2{font-size:1.3rem;margin-top:1.8rem}
 .article-page--standard .content-page-prose.rich-content h3{font-size:1.1rem}
 .content-page-main--blog .article-related__grid{grid-template-columns:1fr}
 .content-page-main--blog .article-related{padding:1rem}
 .content-page-main--blog .article-related-card__media{min-height:6.5rem}
}

/* Editorial scale with a thumbnail masthead instead of a large cover banner. */
body.marketing-page:has(.content-page-main--blog) canvas#seasonal-public-canvas{z-index:0;opacity:.12}
.content-page-main--blog{max-width:72rem;padding-top:1rem}
.article-masthead{display:grid;grid-template-columns:minmax(0,1fr) 14rem;align-items:center;gap:1.5rem;max-width:none;margin-bottom:1.15rem;padding:.3rem 0 1.1rem;border-bottom:1px solid var(--public-line)}
.article-masthead:not(:has(.article-cover)){grid-template-columns:1fr;max-width:54rem}
.article-masthead__copy{min-width:0}
.article-masthead .article-breadcrumbs{margin-bottom:.75rem;font-size:.6rem}
.article-eyebrow{margin-bottom:.5rem;font-size:.55rem;letter-spacing:.13em}
.article-masthead .content-page-title{font-size:clamp(1.55rem,2.8vw,2.05rem);line-height:1.18;margin-bottom:.75rem;text-wrap:pretty}
.article-meta{gap:.45rem .85rem;margin-bottom:.65rem;font-size:.66rem}
.article-meta i{font-size:.65rem}
.article-masthead .article-topic-tags a{font-size:.58rem;padding:.22rem .4rem;border-radius:.4rem}
.article-masthead .article-cover{position:relative;height:auto;border:1px solid var(--public-line);border-radius:.7rem;background:var(--public-surface-solid);box-shadow:5px 5px 0 color-mix(in srgb,var(--public-blue) 7%,transparent)}
.article-cover img{height:9rem;object-fit:cover}
.article-cover figcaption{display:flex;justify-content:space-between;gap:.4rem;padding:.5rem .55rem;font-size:.5rem;font-weight:800;color:var(--public-muted);border-top:1px solid var(--public-line)}
.content-page-main--blog .content-page-body{padding:clamp(1rem,2.5vw,1.8rem)}
.content-page-main--blog .content-page-article--blog{border-radius:.8rem}
.article-page--standard .content-page-prose.rich-content{counter-reset:reading-section;font-size:1.025rem;line-height:1.78;max-width:70ch}
.article-page--standard .content-page-prose.rich-content p{margin-bottom:1rem}
.article-page--standard .content-page-prose.rich-content>h2{display:flex;align-items:baseline;gap:.65rem;counter-increment:reading-section;margin:1.8rem 0 .8rem;padding:0;border:0;font-size:1.3rem}
.article-page--standard .content-page-prose.rich-content>h2::before{content:counter(reading-section,decimal-leading-zero);flex:0 0 auto;padding:.23rem .35rem;border:1px solid var(--public-line);border-radius:.35rem;color:var(--public-blue);font:850 .62rem/1.4 'Nunito',sans-serif;letter-spacing:.04em}
.article-page--standard .content-page-prose.rich-content>:first-child{margin-top:0}
.article-page--standard .content-page-prose.rich-content blockquote{position:relative;padding:1rem 1rem 1rem 2.4rem;font-size:.95rem;border-left-width:2px}
.article-page--standard .content-page-prose.rich-content blockquote::before{content:'“';position:absolute;left:.65rem;top:.2rem;font:2.8rem Georgia,serif;color:var(--public-blue);opacity:.6}
.article-page--standard .content-page-prose.rich-content table thead{background:color-mix(in srgb,var(--public-blue) 7%,var(--public-surface-solid))}
.content-page-main--blog .article-toc{border-radius:.7rem;padding:.7rem}
.content-page-main--blog .article-toc__head{gap:.5rem}
.content-page-main--blog .article-toc__head strong{font-size:.8rem}
.content-page-main--blog .article-toc__head small{font-size:.5rem;letter-spacing:0;text-transform:none}
.content-page-main--blog .article-toc a{font-size:.7rem;padding:.45rem}
.article-finish{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem;border:1px solid var(--public-line);border-radius:.7rem;margin-top:1.1rem}
.article-finish>p{font-size:.7rem;text-align:left;margin:0;max-width:23rem}
.article-finish>button{flex:0 0 auto;padding:.6rem .8rem;font-size:.66rem}
.content-page-main--blog .article-feedback-tools{margin-top:1.3rem}
.content-page-main--blog .article-related{margin-top:1rem;border-radius:.8rem;padding:.9rem}
.content-page-main--blog .article-related__head h2{font-size:1.1rem}
@media(min-width:1280px){.content-page-main--blog:has(.article-page-layout--with-toc) .article-masthead{margin-right:0;margin-left:0;max-width:none}.content-page-main--blog .article-page-layout--with-toc{gap:1.1rem}}
@media(max-width:639px){
 .article-masthead{display:block;margin-bottom:.9rem;padding-bottom:.9rem}
 .article-masthead .content-page-title{font-size:1.5rem;line-height:1.2}
 .article-masthead .article-cover{display:block;margin-top:.85rem;box-shadow:none;max-width:100%}
 .article-cover img{height:4.75rem;width:100%;object-position:center 42%}
 .article-cover figcaption{position:absolute;right:.4rem;bottom:.4rem;display:block;border:0;border-radius:.3rem;padding:.25rem .4rem;color:white;background:rgba(15,23,42,.8);font-size:.55rem}
 .article-cover figcaption>span:first-child{display:none}
 .article-meta{font-size:.6rem;gap:.4rem .6rem}.article-meta #article-read-badge{font-size:.58rem}
 .content-page-main--blog .content-page-body{padding:.95rem}
 .article-page--standard .content-page-prose.rich-content{font-size:.98rem;line-height:1.75}
 .article-page--standard .content-page-prose.rich-content>h2{font-size:1.18rem;gap:.5rem}
 .article-finish{align-items:stretch;flex-direction:column;gap:.65rem}
 .article-finish>p{max-width:none;text-align:center}
 .article-finish>button{justify-content:center}
}