.blog-post{padding:3rem 0}@media (max-width:767px){.blog-post{padding:2rem 0}}@media (max-width:767px){.blog-post__container{padding:0 1rem}}.blog-post__date{color:var(--medium-grey);display:block;font-size:.9375rem;margin-bottom:1.5rem;text-align:center}.blog-post__title{color:var(--professional-navy);margin-bottom:1rem;text-align:center}@media (max-width:767px){.blog-post__title{font-size:2rem}}.blog-post__author{color:var(--medium-grey);font-size:.9375rem;margin-bottom:2.5rem;text-align:center}.blog-post__author-link{color:var(--brinker-red);text-decoration:none}.blog-post__author-link:hover{text-decoration:underline}.blog-post__featured-image{margin:2.5rem 0}.blog-post__featured-image img{display:block;height:auto;width:100%}.blog-post__body{display:grid;gap:2rem 4rem;grid-template-areas:"content" "sidebar";grid-template-columns:1fr;grid-template-rows:auto}@media (min-width:1024px){.blog-post__body{grid-template-areas:"content sidebar" "content sidebar";grid-template-columns:2fr 1fr}}.blog-post__sidebar{align-self:start;background:var(--white);border-radius:var(--border-radius--small);box-shadow:var(--long-shadow);display:flex;flex-direction:column;grid-area:sidebar;position:sticky;top:2rem;transition:top .2s ease}@media (max-width:767px){.blog-post__sidebar{margin:0 0 2rem;width:100%}}body:has(.main-header.main-header--pinned) .blog-post__sidebar{top:12rem}.blog-post__sidebar-title{color:var(--brinker-red);margin-bottom:1rem;padding:1.5rem 1.5rem 0}.blog-post__toc-list{list-style:none;margin:0;padding:0 1.5rem 1.5rem}.blog-post__toc-item{margin-bottom:.5rem}.blog-post__toc-link{border-left:3px solid transparent;border-radius:var(--border-radius--small);color:var(--dark-grey);display:block;font-size:.9375rem;line-height:1.5;padding:.5rem .75rem;text-decoration:none;transition:all .2s ease}.blog-post__toc-link:hover{background:var(--light-background);border-left-color:var(--medium-grey);color:var(--professional-navy)}.blog-post__toc-link.active{background:var(--light-background);border-left-color:var(--brinker-red);color:var(--brinker-red);font-weight:500}.blog-post__topic-list{list-style:none;margin:0 0 1.5rem;padding:0}.blog-post__topic-list li{margin-bottom:.5rem}.blog-post__topic-list a{color:var(--professional-navy);font-size:.9375rem;text-decoration:none}.blog-post__topic-list a:hover{color:var(--brinker-red);text-decoration:underline}.blog-post__read-time{color:var(--medium-grey);padding-bottom:1rem}.blog-post__previous-post{background:var(--light-background);border-top:1px solid var(--light-border);display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding:1.5rem;position:relative}.blog-post__previous-label{color:var(--medium-grey);font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.blog-post__previous-link{color:var(--professional-navy);display:-webkit-box;font-size:.9375rem;font-weight:500;-webkit-line-clamp:2;line-height:1.4;text-decoration:none;transition:color .2s ease;-webkit-box-orient:vertical;overflow:hidden}.blog-post__previous-link:after{content:"";inset:0;position:absolute}.blog-post__previous-link:hover{color:var(--brinker-red)}.blog-post__narration{border-radius:100px;box-shadow:var(--long-shadow);margin-block-end:2rem}@media (max-width:767px){.blog-post__content{font-size:1rem}}.blog-post__content img{display:block;height:auto;margin:2rem 0;max-width:100%}.blog-post__content pre{background:var(--deep-charcoal);border-radius:var(--border-radius--small);color:var(--white);font-size:.9375rem;margin:2rem 0;overflow-x:auto;padding:1.5rem}.blog-post__content code{background:var(--light-background);border-radius:.25rem;color:var(--brinker-red);font-size:.9em;padding:.125rem .375rem}.blog-post__content pre code{background:transparent;color:var(--white);padding:0}.blog-post__topics-footer{border-top:1px solid var(--light-border);margin-top:1rem;padding-top:1rem}.blog-post__topic-tag{color:var(--brinker-red);font-size:.9375rem;text-decoration:none}.blog-post__topic-tag:hover{text-decoration:underline}.blog-related{margin-top:4rem;padding:4rem 0}@media (max-width:767px){.blog-related{padding:3rem 0}}.blog-related__title{color:var(--professional-navy);font-size:clamp(2rem,3vw,2.5rem);font-weight:600;margin-bottom:2.5rem;text-align:center}@media (max-width:767px){.blog-related__grid>div{flex:0 0 100%;margin-bottom:1.5rem;max-width:100%;width:100%}}@media (min-width:768px) and (max-width:1023px){.blog-related__grid>div{flex:0 0 50%;max-width:50%;width:50%}}