.avatar-toss-target{cursor:pointer;transition:transform .2s ease}.avatar-toss-target:hover{animation:avatar-hop .5s ease}.avatar-toss-target.tossed{animation:avatar-toss 1.5s linear forwards;pointer-events:none}@keyframes avatar-hop{0%{transform:translateY(0)}40%{transform:translateY(-.625rem)}70%{transform:translateY(0)}85%{transform:translateY(-.1875rem)}to{transform:translateY(0)}}@keyframes avatar-toss{0%{transform:translate(0) rotate(0);opacity:1}10%{transform:translate(calc(var(--toss-x) * .18),-1.7rem) rotate(calc(var(--toss-spin) * .1));opacity:1}20%{transform:translate(calc(var(--toss-x) * .36),-2.8rem) rotate(calc(var(--toss-spin) * .2));opacity:1}30%{transform:translate(calc(var(--toss-x) * .5),-3.2rem) rotate(calc(var(--toss-spin) * .3));opacity:1}40%{transform:translate(calc(var(--toss-x) * .64),-2.8rem) rotate(calc(var(--toss-spin) * .4));opacity:1}50%{transform:translate(calc(var(--toss-x) * .82),-1.7rem) rotate(calc(var(--toss-spin) * .5));opacity:.6}58%{transform:translate(var(--toss-x)) rotate(calc(var(--toss-spin) * .6));opacity:0}68%{transform:translate(0) rotate(0);opacity:0}to{transform:translate(0) rotate(0);opacity:1}}main{padding:1.25rem;max-width:1152px;margin:0 auto;display:grid;grid-template-columns:1fr;row-gap:1rem;@media(min-width:1024px){padding:2.25rem 1.25rem;grid-template-areas:"title   sidebar" "heromedia    sidebar" "content sidebar";grid-template-columns:1fr 320px;column-gap:6rem}}#article-header{order:1;@media(min-width:1024px){grid-area:title;order:unset}h1{font-size:clamp(1.875rem,1.071rem + 2.143vw,3rem);margin-block-end:.75rem}.subheading{font-size:var(--font-size--medium);text-wrap:pretty;margin-block-end:.75rem}.icon-verified{display:inline;width:1.2em;height:1.2em;vertical-align:-.25em;margin-right:.25em;color:var(--clr-accent-1)}.byline-author{background:none}}#hero-media{order:2;@media(min-width:1024px){grid-area:heromedia;order:unset}}.hero-image{width:100%;overflow:clip}#article-sidebar{display:contents;@media(min-width:1024px){display:flex;flex-direction:column;gap:1rem;grid-area:sidebar;align-self:start;position:sticky;top:calc(var(--header-height) + 2.25rem)}}.toc{order:3;@media(min-width:1024px){order:unset}ol{margin-block-start:.5rem;list-style:none;padding:0}li+li{margin-block-start:.25rem}}.sidebar-extras{order:5;@media(min-width:1024px){order:unset}.sidebar-cta{padding:1.25rem;font-size:var(--font-size--large);background:var(--gradient-base)}.ai-tools_heading{font-size:var(--font-size--small);color:var(--clr-contrast-2);font-family:Courier New,Courier,monospace;margin:1.125rem 0 .5rem!important;text-transform:uppercase}.ai-tools_button{display:flex;gap:.375rem;align-items:center;font-size:var(--font-size--small);color:var(--clr-contrast-3);text-decoration:none;margin:.25rem 0 0;font-family:Courier New,Courier,monospace;&:hover{color:var(--clr-accent-1)}}}article{order:4;min-width:0;@media(min-width:1024px){grid-area:content;order:unset}}h2{font-size:clamp(1.625rem,1rem + 1.667vw,2.5rem)}h3{font-size:clamp(1.25rem,1.071rem + .476vw,1.5rem)}p,li{text-wrap:pretty}.callout{border-inline-start:3px solid var(--clr-accent-1);padding:.5rem 1.25rem;background-color:var(--clr-base-2);margin-block-end:1.25rem}article pre{overflow-x:visible!important}.copy-btn{position:sticky;top:calc(1rem + var(--header-height));display:block;width:fit-content;margin-inline-start:auto;margin-inline-end:.5rem;margin-block-end:-2rem;z-index:1;padding:.25rem .625rem;font-size:var(--font-size--small);font-weight:600;background:var(--gradient-base);color:var(--clr-contrast-2);border-radius:var(--squircle-m);corner-shape:var(--corner-shape-squircle)}pre:has(.copy-btn:hover){outline:2px dashed var(--clr-accent-1);outline-offset:3px}pre:has(.copy-btn.copied){outline:3px dotted #05a32f;outline-offset:3px}.post-categories{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;li{margin:0!important}a{display:block;padding:.125rem .75rem;background:var(--clr-base-2);border-radius:4rem;font-size:var(--font-size--small);font-weight:400;text-decoration:none;color:var(--clr-contrast-2);&:hover{background:var(--clr-base-3)}}}article figure{margin-block:1.5rem;img{inline-size:100%;block-size:auto}}article figcaption{padding:1rem;background:var(--clr-base-2);font-size:var(--font-size--small)}.post-img-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr));gap:1rem;margin-block:1.5rem;figure{margin:0}}article blockquote{margin-block:1.5rem;padding:1.25rem 1.5rem;background:var(--clr-base-2);border-inline-start:6px solid var(--clr-accent-1);font-size:1.15em}.more-posts{margin-block-start:clamp(2.5rem,1.429rem + 2.857vw,4rem);h2{font-family:inherit;font-size:var(--font-size--small)!important;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var(--clr-contrast-2)}ul{list-style:none;padding:0}li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;margin:0!important;padding-block:1rem;border-block-end:1px solid var(--clr-base-3)}a{font-family:var(--font-heading);font-size:clamp(1.125rem,1rem + .5vw,1.375rem);font-weight:500;text-decoration:none;color:var(--clr-accent-1);&:hover{text-decoration:underline}}time{font-size:var(--font-size--small);color:var(--clr-contrast-3)}}.author-card{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:flex-start;margin-block-start:clamp(2.5rem,1.429rem + 2.857vw,4rem);background-color:var(--clr-base-2);padding:1.5rem;.author-card-avatar{flex-shrink:0}.author-card-info{flex:1;min-width:11rem}.author-card-role{margin-block-end:.5rem}.author-card-bio{font-size:var(--font-size--small);color:var(--clr-contrast-3)}}