@layer components{.toc{background-color:var(--cream-40);border-radius:12px;flex-direction:column;align-items:flex-start;padding:.75rem;display:flex;overflow:auto}.toc_list{flex-direction:column;align-items:flex-start;margin:0;padding:0;list-style:none;display:flex}.toc_item{margin:0;&.level-h2{margin-left:8px;& .toc_link{font-weight:var(--weight-medium)}}&.level-h3{margin-left:24px;& .toc_link{font-size:.9375rem}}&.level-h4{margin-left:44px;& .toc_link{padding:4px 8px 4px 12px;font-size:.875rem;line-height:1.25;@media (width>=48rem){font-size:.75rem}}}}.toc_link{color:#7c838d;transition:color var(--hover-duration) var(--hover-ease), background-color var(--hover-duration) var(--hover-ease);border-radius:6px;padding:4px 8px;font-size:1rem;line-height:1.2;text-decoration:none;display:inline-block;&.active{color:var(--cream-60);background-color:var(--opal-120);font-weight:var(--weight-regular)}@media (hover:hover){&:not(.active):hover{color:var(--text);background-color:rgb(var(--mint-rgb) / .3)}}}.share{flex-direction:column;margin-top:20px;padding:12px 0;display:none;@media (width>=48rem){display:flex}}.share_label{color:var(--text);white-space:nowrap;align-items:center;margin:0;font-size:1.125rem;line-height:1.25;display:flex;&:before,&:after{content:"";background-color:rgb(var(--mint-rgb) / .3);flex:1;height:1px;margin:20px 0}&:before{margin-right:16px}&:after{margin-left:16px}}.share_list{justify-content:space-around;margin:0;padding:1rem 0;list-style:none;display:flex}.share_link{width:52px;height:52px;color:var(--text);border-radius:var(--radius-round);transition:background-color var(--hover-duration) var(--hover-ease), transform var(--hover-duration) var(--hover-ease), box-shadow var(--hover-duration) var(--hover-ease);background-color:#f3f3f3;justify-content:center;align-items:center;font-size:1rem;display:flex;@media (hover:hover){&:hover{background-color:var(--mint-100);box-shadow:var(--shadow-card-hover);transform:rotate(-8deg)}}}.post_hero{width:100%;padding:2rem 0;@media (width>=30rem){padding-bottom:2.5rem}@media (width>=48rem){padding-bottom:3rem}@media (width>=64rem){padding-bottom:4rem}}.post_hero_row{flex-wrap:wrap;align-items:center;column-gap:2rem;padding-top:.5rem;display:flex;@media (width>=30rem){padding-top:0}@media (width>=64rem){flex-wrap:nowrap}@media (width>=80rem){column-gap:4rem}}.post_title{color:var(--text);margin:0 0 .5rem;@media (width>=64rem){margin-top:1.5rem}@media (width>=80rem){margin-top:0}}.post_hero_media{border-radius:20px;flex:0 auto;width:100%;max-width:100%;margin:12px auto 0;overflow:hidden;box-shadow:0 20px 40px #00000024;@media (width>=30rem){max-width:none;margin-top:0}@media (width>=48rem){min-height:22.5rem}@media (width>=64rem){max-width:32.5rem}}.post_hero_image{width:100%;display:block}.post_rule{background-color:var(--granite-60);border:0;width:100%;height:1px;margin:3rem 0 0}.post_body{width:100%;@media (width>=48rem){grid-template-columns:.5fr 1fr;column-gap:24px;display:grid}}.post_aside{flex-direction:column;justify-content:flex-start;margin-bottom:1rem;padding-top:.25rem;display:flex;@media (width>=48rem){align-self:start;max-height:100vh;margin-bottom:0;position:sticky;top:12vh}}.post_article{min-width:0}.post_download{background-color:var(--cream-40);width:100%;box-shadow:0 4px 18px rgb(var(--midnight-eagle-120-rgb) / .12);color:var(--mint-100);font-size:1rem;font-weight:var(--weight-medium);transition:transform var(--hover-duration) var(--hover-ease), box-shadow var(--hover-duration) var(--hover-ease);border:1px solid #e7edee;border-radius:15px;justify-content:space-between;margin-bottom:1.25rem;padding:16px 32px;line-height:1.4;text-decoration:none;display:flex;@media (width>=30rem){padding:1.625rem 2.25rem;font-size:1.125rem}@media (hover:hover){&:hover{box-shadow:0 16px 32px -6px rgb(var(--mint-rgb) / .2);transform:translateY(-2px)}}}.post_richtext :is(h1,h2,h3,h4,h5,h6) :is(strong,b){font-weight:inherit}.post_article .post_richtext{color:var(--text);font-family:var(--font-sans);font-size:1.125rem;font-weight:var(--weight-regular);&>:first-child{margin-top:0}& p{letter-spacing:-.01rem;color:var(--text);margin:.5rem 0 .25rem;font-size:1.125rem;line-height:1.7;display:inline-block;@media (width>=30rem){margin-bottom:.375rem}}& p span{background-color:rgb(var(--mint-rgb) / .25);border-radius:1rem;padding:0 .5rem}& :is(h2,h3,h4){font-family:var(--font-heading);font-weight:var(--weight-medium);color:var(--text);text-wrap:initial;line-height:1.25;@media (width>=30rem){line-height:1.2}}& h2{letter-spacing:-.02em;margin:1.75rem 0 .5rem;font-size:1.875rem;@media (width>=30rem){margin-top:2rem;font-size:2.5rem}}& h3{letter-spacing:-.015em;margin:1.75rem 0 .5rem;font-size:1.5rem;@media (width>=30rem){margin-top:2.5rem;font-size:1.85rem}}& h4{letter-spacing:-.2px;margin:1.75rem 0 .5rem;font-size:1.125rem;@media (width>=30rem){margin-top:2rem;font-size:1.5rem}}& :is(h5,h6){margin-top:2rem}& ul{margin:.25rem 0 .5rem;padding-left:1.75rem;overflow:hidden;@media (width>=30rem){margin-bottom:1.5rem}}& ol{margin:2rem 0;padding-left:40px;overflow:hidden}& li{color:var(--text);margin:0 0 .5rem;font-size:1rem;line-height:1.875;@media (width>=30rem){font-size:1.125rem}}& li+li{margin-top:0}& li::marker{color:inherit}& :is(ol,ul)>li:last-child,&>:last-child{margin-bottom:0}& a{color:var(--opal-120);font-size:inherit;transition:color var(--hover-duration) var(--hover-ease);text-decoration:none;@media (hover:hover){&:hover{color:var(--opal-100)}}}& blockquote{border-left:.25rem solid var(--opal-120);background-color:#0000000d;margin:0;padding:.5rem 1rem;font-size:1.125rem;line-height:1.5}& .richtext_figure{max-width:60%;margin:2rem 0;& img{vertical-align:middle;border-radius:0}& figcaption{color:#767676;margin-top:0;font-size:.875rem}}& .richtext_figure--center{margin-inline:auto}& .richtext_figure--fullwidth{text-align:center;max-width:100%;margin-inline:auto;& img{object-fit:fill;width:auto;display:inline-block}}}.post_related_head{justify-content:space-between;align-items:end;gap:var(--space-4);width:100%;padding-top:var(--space-8);border-top:var(--border-width) solid var(--border);flex-wrap:wrap;display:flex;&>.sectionhead{margin-bottom:0}}.post_related_grid{width:100%}}