learning-path-quiz{--lpq-btn:var(--fm-btn);--lpq-btn-hover:var(--fm-btn-hover);--lqp-link:var(--fm-text-link-dark);--lpq-link-hover:var(--fm-text-link-hover-dark);& .FM-Btn{background:var(--lpq-btn);&:hover{background:var(--lpq-btn-hover)}}& .FM-Form{color:var(--fm-gray-8);font-size:var(--fm-font-14);text-align:center;padding-top:var(--fm-space-48);padding-bottom:var(--fm-space-48);flex-direction:column;max-width:800px;margin:0 auto;display:flex;overflow:hidden;& .quiz-steps{margin-top:0;margin-bottom:var(--fm-space-48);opacity:1;transition:margin .4s,opacity .4s;position:relative;&.hidden{margin-top:calc(var(--fm-space-48)*-1);opacity:0;margin-bottom:0}& ul{justify-content:space-between;align-items:center;gap:4px;margin:0;padding:0;display:flex;position:relative}& li{color:var(--fm-surface-1);background:#fff;margin:0;line-height:1px;list-style-type:none;display:inline-block;&.quiz-step{text-align:center;border-radius:20px;width:40px;line-height:40px;transition:color .4s,background .4s;&.active{background:var(--lpq-btn);color:#fff}}&.quiz-line{flex:1;height:2px;padding:0;&:has(+.quiz-step.active){background:var(--lpq-btn)}}}}& input[type=email]{margin-left:auto;margin-right:auto}& .quiz-button-options{justify-content:center;gap:var(--fm-space-16);margin:var(--fm-space-24)0;opacity:1;flex-flow:wrap;max-height:500px;transition:max-height .8s,opacity .5s linear .2s;display:flex;position:relative;overflow:hidden;&.hidden{opacity:0;max-height:0;margin-bottom:0}& input{display:none}& input:checked+label,& label:hover{color:var(--fm-surface-1);background:#fff}& label{cursor:pointer;border:1px solid #fff;border-radius:8px;margin-bottom:0;padding:8px 30px;display:block}}& .quiz-checkboxes{margin:var(--fm-space-24)0;& ul{column-width:135px;text-align:left;column-gap:145px;margin:0;padding:0;list-style-type:none;& li{white-space:nowrap;margin-bottom:var(--fm-space-6)}}}& .quiz-text-fields{margin:auto;margin-bottom:var(--fm-space-16);margin-top:var(--fm-space-16);width:100%;max-width:400px}& .FM-Button-Row-Center{margin-top:var(--fm-space-16)}& .error-message{color:var(--fm-form-error);margin-top:var(--fm-space-12);opacity:1;order:1;font-style:italic;transition:opacity .3s,transform .3s;transform:translateY(0);&:empty{opacity:0;margin-top:0;transform:translateY(-10px)}}& .skip-link{margin-top:var(--fm-space-12)}}}@media screen and (width<915px){learning-path-quiz .FM-Form{& .quiz-checkboxes{& ul{max-width:500px;margin:0 auto}}}}@media screen and (width<650px){learning-path-quiz .FM-Form{& h1+p{margin-bottom:var(--fm-space-24)}& .error-message{top:-20px}& .quiz-button-options,& .quiz-checkboxes{margin-bottom:var(--fm-space-24);& ul{column-width:auto;column-gap:auto;max-width:150px;margin:auto}}}}@view-transition{navigation: auto;}*,:before,:after{box-sizing:border-box}body{margin:0;overflow-x:clip}img{max-width:100%;height:auto;display:block}.screen-reader-text,.comment-notes{position:absolute;top:-9999px;left:-9999px}html{color-scheme:light dark;--brand-red:oklch(.67 .24 27.98);--bg:light-dark(oklch(98% 0% 68deg),oklch(22% 0% 68deg));--text:light-dark(#323232,oklch(92% 0% 68deg));--link-color:light-dark(oklch(64% 43% 24deg),oklch(71% 43% 24deg))}@supports not (color:light-dark(white, black)){html{color-scheme:light;--bg:#f8f8f8;--text:#323232;--link-color:#e15856}}.site-header{background:oklch(28% 0% 68deg);color:oklch(92% 0% 68deg);& a{&:hover,&:focus-visible{color:#fff;text-decoration:underline}}}.site-header-top-links{align-content:center;gap:1rem;max-width:1140px;margin-inline:auto;padding:1rem;display:flex;@media (width<=800px){&{flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.5rem 1rem}}@media (width<=500px){& a[href="/blog/guest-writing-for-boost/"],& .rss-button{display:none}}}.site-header-nav{white-space:nowrap;font-family:var(--font-family-monospace);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:.85rem;display:flex}.auth-aware-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-inline-start:auto;display:flex;@media (width<=800px){&{gap:.5rem 1rem;margin-inline-start:0}}}.site-logo{padding:4rem 1rem 2rem;transition:all .2s;display:block;&>a{view-transition-name:site-logo;white-space:nowrap;gap:.5rem;max-inline-size:450px;display:flex;container:site-logo/inline-size;body:is(.home,.tag,.error404,.page) &{margin-inline:auto}&:hover,&:focus{text-decoration:none}}& .blog{font-size:6.1cqi;font-weight:700;position:relative;top:.46rem}}.logo{aspect-ratio:815/145;background-image:url(../images/logo-dark.svg);background-repeat:no-repeat;inline-size:320px;display:inline-block;@media (prefers-color-scheme:dark){&{background-image:url(../images/logo.svg)}}}html{--font-family-default:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-family-header:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-family-monospace:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;--font-size-xsm:.66rem;--font-size-sm:.85rem;--font-size-base:1rem;--font-size-md:1.25rem;--font-size-lg:1.6rem;--font-size-xl:1.85rem;--font-size-xxl:clamp(2rem,1rem + 4vw,3.5rem);font-family:var(--font-family-default);font-size:var(--font-size-base);letter-spacing:.01rem;font-weight:400;line-height:1.6}p,li{max-inline-size:75ch}h1,h2,h3,h4{font-family:var(--font-family-header);text-wrap:balance;letter-spacing:0;margin:0;line-height:1.1;&:has(.aal_anchor){position:relative;& .aal_anchor{opacity:.3;fill:var(--text);margin-inline-end:.25rem;text-decoration:none;position:absolute;right:100%;&:hover,&:focus{opacity:1}}}}h1,.h1{font-variation-settings:"wght" 900;font-size:var(--font-size-xxl);word-break:break-word;&:has(+time){margin-block-end:0}&:has(+time)+time{margin-block-end:2rem}}h2,.h2{font-size:var(--font-size-xl);letter-spacing:-.01rem;line-height:1.17;&>a{display:block}}h3,.h3{font-size:var(--font-size-lg);.jetpack-instant-search &{-webkit-text-fill-color:unset;background:0 0}}h4,.h4,.sd-title{text-transform:uppercase;font-weight:800;font-size:var(--font-size-base);letter-spacing:.1rem;margin-block-end:.5rem;& .header-link{font-size:var(--font-size-sm)!important;top:0!important}}.section-header{text-transform:uppercase;border-bottom:1px solid color-mix(in oklch,var(--text),transparent 80%);margin-block-end:1rem;padding-block-end:.5rem;font-size:1rem}a{color:inherit;text-decoration:none;&:hover,&:focus{text-decoration:underline}}pre,p,figure,blockquote{margin-block-start:0}blockquote{font-variation-settings:"wght" 200;margin-inline:0;padding-inline-start:2rem;& strong{font-variation-settings:"wght" 700}&>:first-child:before{content:"“"}&>:last-child:after{content:"”"}& :last-child{margin-block-end:0!important}&>cite{&:before{content:"— "}}}ol,ul{margin:0}.article-content{font-size:var(--font-size-md);@media (width<=850px){&{font-size:var(--font-size-base)}}}.article-content,.fem-message{position:relative;& h2,& h3,& h4{margin-block-end:1rem}& h2{margin-block-start:5rem;padding-block-end:.5rem}& h3,& h4{margin-block-start:2.5rem}& pre,& p,& figure,& blockquote,& baseline-status{margin-block-end:2.2rem}& em,& code{margin-inline-end:.1rem}& a{color:var(--link-color);text-underline-offset:2px;text-decoration:underline;&:hover,&:focus{color:var(--text);text-decoration-thickness:3px}}&>:last-child{margin-block-end:0}& ul,& ol{margin-block-end:2.66rem;padding-inline-start:1.5rem;& li{margin-block-end:.66rem;& ul,& ol{margin-block-start:.33rem;& li{margin-block-end:.25rem;&::marker{font-size:1rem}}}}}& blockquote{padding-block:.25rem}}.beat blockquote{padding-inline-start:1rem}.article-content,.comment-body{word-break:break-word;overflow-wrap:break-word}hr,.wp-block-separator{border:0;border-top:1px solid var(--text);margin-block:2rem}.wp-block-details{margin-block-end:1rem}.block-time{font-family:var(--font-family-monospace);text-transform:uppercase;font-size:var(--font-size-xsm);letter-spacing:.3rem;margin:0 0 .5rem;display:block}pre:not(:has(.hljs)),.hljs{background:light-dark(white,black);word-break:break-word;overflow-wrap:break-word;hyphens:none;border-radius:12px;font-size:13px;position:relative;overflow:hidden;white-space:pre-wrap!important;font-family:var(--font-family-monospace)!important;letter-spacing:0!important;margin:0!important;padding:2.5rem 1rem 1rem!important;&.wp-block-preformatted{margin-block-end:2.2rem!important;padding-top:1rem!important}}.copy-code{z-index:1;white-space:normal;opacity:.66;background:0 0;border:0;place-items:center;width:24px;height:24px;margin:0;padding:0;display:grid;position:absolute;top:2px;right:0;& svg{fill:var(--text);&:nth-child(2){display:none}}&.copied{& svg{&:first-child{display:none}&:nth-child(2){display:block}}}&:hover,&:focus{opacity:1}}.wp-block-code{background:linear-gradient(20deg,var(--bg)20%,var(--brand-red),var(--bg)80%);box-shadow:0 3px 5px light-dark(#0000001a,#000000e6);--colorDarkener:-.1;border-radius:12px;padding:1px;position:relative;& .shcb-language{display:block;width:100%!important}&:before{content:"";background:light-dark(white,color-mix(in oklch,var(--bg),white 10%));z-index:-1;border-radius:15px;position:absolute;inset:-10px}&[data-shcb-language-name="JSON / JSON with Comments"],&[data-shcb-language-name="HTML, XML"]{& .shcb-language__name{visibility:hidden;display:block;position:absolute;top:0;left:0;&:after{visibility:visible;color:inherit;position:absolute;top:0;left:.5rem}}}&[data-shcb-language-name="JSON / JSON with Comments"]{& .shcb-language__name:after{content:"JSON"}}&[data-shcb-language-name="HTML, XML"]{& .shcb-language__name:after{content:"HTML"}}@media (prefers-color-scheme:light){&{--colorDarkener:.133}}& .hljs-keyword,& .hljs-function,& .hljs-selector-tag,& .hljs-selector-class,& .hljs-name{color:oklch(calc(.6 - var(--colorDarkener)).2 25)}& .hljs-attr,& .hljs-built_in,& .hljs-class{color:oklch(calc(.7 - var(--colorDarkener)).2 57)}& .hljs-params,& .hljs-attribute{opacity:.9;color:oklch(calc(.7 - var(--colorDarkener)).2 0)}& .hljs-string,& .hljs-number{opacity:.77;color:oklch(calc(.75 - var(--colorDarkener)).2 200)}& .hljs-comment{opacity:.65}& mark{background:linear-gradient(90deg,#0000,#ffffaf 75px,#0000);margin-inline-start:-50px;padding-inline-start:50px;display:block;&,& span{color:#000!important}}}.wp-block-code .shcb-language{clip:initial;clip-path:none;text-indent:.5rem;font-family:var(--font-family-header);font-size:var(--font-size-base);font-variation-settings:"wght" 500,"wdth" 70;letter-spacing:.1rem;text-transform:uppercase;margin:auto;width:auto;height:auto;margin:0;display:block;position:absolute;top:3px;left:0}.wp-block-code .shcb-language__label,.wp-block-code .shcb-language__paren,.wp-block-code .shcb-language__slug{display:none}code,tt,kbd,samp{font-family:var(--font-family-monospace);font-size:95%}input[type=text],input[type=email],textarea{font:inherit;margin:0 0 .5rem;padding:.5rem;&.fullwidth{width:100%}}label{font-size:var(--font-size-sm)}.wp-block-buttons{margin:0 0 1rem}.button,.submit,.wp-block-button,.comment-form .submit,#cancel-comment-reply-link,.pagination>a,.FM-Btn{font-family:var(--font-family-default);font-size:var(--font-size-base);border:1px solid var(--brand-red);color:var(--text);background:0 0;border-radius:4px;padding:.5rem 1rem;display:inline-block;position:relative;text-decoration:none!important;&:hover,&:focus{background:var(--brand-red);color:#fff}}.button-solid.button-solid{color:#000;background:#fff;border:0}.button-full-width{text-align:center;width:100%}.quiz-button{font:inherit;color:var(--link-color);background:0 0;border:0;padding:0;&:hover,&:focus{text-decoration:underline}}#cancel-comment-reply-link{padding:.25rem .5rem;font-size:.75rem}.pagination{justify-content:space-between;gap:1rem;margin-block:2rem;display:flex;&>:only-child{margin-inline-start:auto}}.rss-button{--rss-button-clr:oklch(63% 0% 68deg);border:1px solid var(--rss-button-clr);border-radius:4px;align-items:center;gap:.2rem;padding-inline:.3rem;display:inline-flex;color:var(--rss-button-clr)!important;text-decoration:none!important;& svg{stroke:var(--rss-button-clr)}&:focus,&:hover{--rss-button-clr:white}}.wp-block-button__link{color:inherit!important;font-size:inherit!important;background:0 0!important;padding:0!important;text-decoration:none!important}html{background:var(--bg);color:var(--text);word-break:break-word}.content{z-index:1;max-width:1140px;margin-inline:auto;padding-inline:1rem;position:relative}article.page{margin-block:3rem;& h1{margin-block-end:2rem}}.card-grid{grid-template-columns:minmax(100px,1fr) minmax(100px,1fr);gap:2rem;display:grid;@media (width<=500px){&{grid-template-columns:minmax(100px,1fr);gap:5rem}}}.grid{grid-template-columns:minmax(100px,2fr) minmax(100px,1fr);gap:2rem;display:grid;@media (width<=1000px){&{border-left:0;border-right:0;grid-template-columns:1fr}}}.icon-row{gap:.5rem;display:flex;& img{opacity:.75;width:32px;@media (prefers-color-scheme:dark){&{filter:invert()}}}& a{transition:all .1s;&:hover,&:focus{scale:1.1;& img{opacity:1}}}}.limit-width{max-width:84ch;margin-inline:auto}.page-header{text-align:center;padding-block:2rem 4rem}fem-contributions{display:block;& h2{margin-block-start:0!important}& p{margin:0 0 1rem!important}& footer{margin:1rem 0 0}}baseline-status{display:block}.wp-block-table{max-inline-size:calc(100dvw - 2rem);overflow:auto;& th,& td{word-break:keep-all!important;overflow-wrap:normal!important}}.sep-2025-promo{background-color:#2489cb;background-image:url(https://assets.codepen.io/3/cloud-strip.jpg);background-position:bottom;background-repeat:no-repeat;background-size:1300px;padding:1.5rem 0;font-size:1.2rem;&>.content{flex-wrap:wrap;align-items:center;gap:1rem;display:flex;@media (width<575px){&{flex-direction:column}& .sale-title{max-width:150px;margin-inline:auto}}}}.sale-info{align-items:center;gap:1rem;display:flex}.sale-title{max-width:250px;margin-inline-end:auto}.sale-button{color:#fff;--shine:250,220,157;--bg:color-mix(in oklch,var(--brand-red),black 10%);background:linear-gradient(135deg,rgba(var(--shine),0)40%,rgba(var(--shine),.5)50%,rgba(var(--shine),0)60%),var(--bg);background-position:100% 0,0 0;background-size:300%,100%;border-top-left-radius:20px;border-bottom-right-radius:20px;padding:.5rem 1rem;font-weight:900;text-decoration:none;box-shadow:2px 3px 7px 4px #00000026;&:hover,&:focus{--bg:var(--brand-red);animation:.5s ease-in-out button-shine;text-decoration:none!important}}@keyframes button-shine{0%{background-position:100% 0,0 0}to{background-position:0 0,0 0}}.article-grid{grid-template-columns:minmax(0,1fr) 280px;gap:4rem;max-inline-size:1100px;margin-inline:auto;padding:2rem 0;display:grid;& article,& .comments,& .fem-conditional-message{grid-column:1/2}& .article-sidebar{grid-area:1/2/auto/3;& .wp-post-image{filter:grayscale();mix-blend-mode:hard-light;width:100%}}@media (width<=800px){&{grid-template-columns:1fr}& article,& .article-sidebar,& .comments{grid-area:auto}}}.single-featured-image{@media (width>800px){&{transform-origin:50%;animation:linear scale-down-on-scroll;animation-timeline:view()!important;animation-range:exit-crossing 0% exit-crossing 100%!important}}@media (prefers-reduced-motion:reduce){&{animation:none}}& img{aspect-ratio:16/9;object-position:top left;object-fit:cover;border-radius:8px;width:100%;display:block}}@keyframes scale-down-on-scroll{to{opacity:.5;translate:60vi;rotate:20deg;scale:.8}}.wp-block-jetpack-videopress{width:100%;margin-block:2.2rem!important;& .jetpack-videopress-player__wrapper{width:100%;&>iframe{width:100%}}}.wp-block-jetpack-slideshow{max-width:100vw}.wp-block-image{margin-block-end:1rem;& img{border-radius:2px}& figcaption{font-size:var(--font-size-sm);margin:.5rem 0 0!important}}.wp-block-image figure,figure.wp-block-image,.wp-block-jetpack-videopress{& figcaption{font-size:var(--font-size-sm)}}.wp-block-math{margin-block-end:2.2rem}.cp_embed_wrapper{resize:horizontal;z-index:20;margin-block-end:1rem;position:relative;overflow:hidden}.single-page{max-inline-size:650px;margin-inline:auto}.comment-reply-title{font-size:var(--font-size-xxl);margin-block-end:1rem}.comments{margin-block:8rem;&>h3{margin-block-end:1rem}}.comment-form{& p{margin:0}& label{display:block}& input[type=text],& textarea{width:min(100%,450px)}& .comment-form-cookies-consent{flex-wrap:wrap;margin:0 0 .5rem;display:flex}}.commentlist{padding:0;list-style:none}.comment-respond{margin-block-start:4rem}.comment-reply-link{border-bottom:1px solid var(--text)}.logged-in-as{display:none}.comment{border:1px solid var(--text);background:light-dark(white,black);border-radius:4px;margin-block-end:2rem;overflow:hidden;& .comment-author{color:var(--brand-red);border-bottom:1px solid var(--text);font-weight:700;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1rem;align-items:center;gap:.6rem;margin:0;padding:.25rem .5rem;display:flex;& .avatar{line-height:0;display:inline-block}& cite{font-style:normal}}& .comment-meta{text-transform:uppercase;font-size:var(--font-size-xsm);opacity:.5;margin-block:.5rem}& .children{margin:0;padding:1rem 1rem 0 4rem;& li:last-of-type{margin-block-end:1rem}}}.comment-body{padding-block-end:1rem;&>:not(.comment-author),&>:not(.comment-meta){padding-inline:1rem}& pre{margin-inline:1rem;padding-block:1rem!important}& ul,& ol{margin:.5rem 0 .5rem 1rem;padding:0;list-style:disc}}.box{border:1px solid var(--text);z-index:1;margin:2rem auto;line-height:1.5;position:relative;overflow:hidden;& header{border-bottom:1px solid var(--text)}& header,& footer{font-variation-settings:"wght" 500,"wdth" 70;text-transform:uppercase;letter-spacing:.1rem;margin:0;padding:.5rem 1rem;&,& h3{font-size:var(--font-size-base);font-variation-settings:"wght" 500,"wdth" 70;letter-spacing:.1rem}}& .wp-block-image{margin:0;padding:0}& .box-content{font-size:var(--font-size-sm);padding:1rem;& h4{font-size:var(--font-size-md);text-transform:revert;letter-spacing:0;margin:0 0 1rem}& p{margin:0 0 1rem}& .wp-block-group__inner-container>:last-child,&>:last-child{margin-block-end:0}}& .aal_anchor{display:none}& figure.wp-block-image{border-block-start:none;margin-block-end:0}}.sticky-boxes{top:calc(var(--wp-admin--admin-bar--height,0rem) + 1rem);height:calc(100dvh - 2rem - var(--wp-admin--admin-bar--height,0rem));flex-direction:column;gap:1rem;display:flex;position:sticky}.table-of-contents{flex-shrink:0;max-height:90vh;overflow:auto;& ol.toc{margin:0;padding:0;line-height:1.2;list-style:none inside;& li{font-size:var(--font-size-sm);margin-block-end:.5rem;& ol{margin:.5rem 0 0 .5rem;padding:0;list-style:none}}}}.article-series{& header{& h3{text-indent:1rem;margin:0;font-size:1rem;position:static;& .aal_anchor{right:calc(100% - 1rem)}}}& .box-content{& ol{gap:.25rem;margin:0;padding-inline-start:1rem;display:grid;& li{font-size:var(--font-size-sm);&.current-article{&::marker{content:"👉 "}}}}}}.learn-more{background:light-dark(white,black);border-radius:8px;margin-block:2.2rem;padding:1.5rem;position:relative;&:before{content:"";background:linear-gradient(45deg,color-mix(in oklch,var(--brand-red),transparent 90%),color-mix(in oklch,var(--brand-red),transparent 10%));z-index:-1;border-radius:8px;display:block;position:absolute;inset:-1px}& :first-child{margin-block-start:0}& :last-child{margin-block-end:0}}.feature-group{background:radial-gradient(900px at 100% 0,#8549bd 105px,#322241);border-radius:20px;margin-block-end:4rem;padding:2rem;border:1px solid #8549bd!important;&,& h2,& h3{color:#fff}& a{color:#81c4ff;&:hover,&:focus{color:#fff}}& .shcb-language{color:#000;@media (prefers-color-scheme:dark){&{color:#fff}}}}.feature-group h2{font-variation-settings:"wght" 500,"wdth" 40;text-transform:uppercase;font-size:clamp(1.6rem,1.75vw + 2.5rem,4rem);margin-block-start:0!important}.feature-group h2 span{font-weight:400;font-size:var(--font-size-xl)!important}.feature-group h2 code{letter-spacing:-.05rem;font-size:80%!important;font-weight:100!important}.feature-group h2,.feature-group h3{& .aal_anchor{opacity:0!important}&:hover .aal_anchor{opacity:1!important}}.feature-group .hljs{color:#fff;background:#000;@media (prefers-color-scheme:light){&{color:#000;background:#fff}}}.card{& .featured-image{& .wp-post-image{aspect-ratio:16/9;object-fit:cover;margin-block-end:.5rem;display:block}}& .excerpt{& :last-child{margin-block-end:0}}& h2{margin-block-end:.5rem}& .meta-half{flex-direction:column;gap:.25rem;height:100%;display:flex}}.featured{background:oklch(28% 20% 253deg);color:oklch(96% 0% 80deg);box-shadow:0 10px 20px -10px color-mix(in oklch,var(--bg),black 50%);border-radius:8px;margin-block-end:2rem;overflow:clip;& h2{color:oklch(65% 45% 42deg);text-transform:uppercase;letter-spacing:.075rem;margin-block-end:1rem;font-size:.88rem}& h3{margin-block-end:.5rem;font-size:2.2rem;& a{color:inherit}}& article{grid-template-columns:minmax(100px,2fr) minmax(100px,1fr);gap:2rem;display:grid;@media (width<=500px){&{grid-template-columns:minmax(100px,1fr) 25px}}&>div{padding:2rem}}& .featured-image{&>img{object-fit:cover;height:100%}}}learning-path-quiz{background:linear-gradient(to right,light-dark(color-mix(in oklch,var(--bg),black 3%),color-mix(in oklch,var(--bg),white 7%)),light-dark(color-mix(in oklch,var(--bg),black 15%),color-mix(in oklch,var(--bg),white 2%)));border:1px solid color-mix(in oklch,var(--text),transparent 85%);border-radius:8px;grid-column:1/-1;margin-block:2rem;padding:2rem;display:block;dialog &{border:0}& .FM-Form .error-message{height:auto;transition:opacity .2s,max-height .2s;top:0;&:empty{height:auto;max-height:0}}& .FM-Form .FM-Heading-2{margin-block:.5rem .75rem!important}& .FM-Form .FM-Heading+p{margin-block:.5rem 1rem!important}& .FM-Form .quiz-steps{margin-block-end:1rem;&.hidden{display:none!important}}& .FM-Form .quiz-step{background:var(--brand-red)!important;color:var(--bg)!important;&.active{background:var(--text)!important;color:var(--bg)!important}}& .FM-Form .quiz-line{background:var(--brand-red)!important}& .FM-Form button[type=submit]{margin-block-start:1rem}& .FM-Form .quiz-button-options{gap:.5rem}& .FM-Form .quiz-button-options label{color:var(--text)!important;background:0 0!important;&:hover,&:focus{background:var(--text)!important;color:var(--bg)!important}}& .FM-Form .quiz-button-options input:checked+label{background:var(--brand-red)!important}}#quiz-dialog{background:0 0;border:0;width:min(100%,750px);padding:1.5rem;position:relative;& learning-path-quiz{margin:2rem}}.close-quiz-dialog-button{color:#fff;background:0 0;border:0;padding:0;font-size:18px;position:absolute;top:.5rem;right:.5rem}::backdrop{opacity:.9;background:#000}.beat-articles{background:linear-gradient(to right,light-dark(color-mix(in oklch,var(--bg),black 2%),color-mix(in oklch,var(--bg),white 7%)),light-dark(color-mix(in oklch,var(--bg),black 6%),color-mix(in oklch,var(--bg),white 2%)));border:1px solid color-mix(in oklch,var(--text),transparent 85%);border-radius:8px;padding:1.5rem;&+&{margin-block-start:2rem}& :last-child{margin-block-end:0}}.beat{font-size:var(--font-size-sm);border-bottom:1px solid color-mix(in oklch,var(--text),transparent 85%);grid-template-columns:30px 1fr;gap:.5rem;margin-block-end:2rem;padding-block-end:1rem;line-height:1.6;display:grid;overflow:hidden;& pre:not(:has(.hljs)),& .hljs{font-size:var(--font-size-xsm)}& .article-content{font-size:var(--font-size-sm)}}.box,.beat{& .article-content{& pre,& p,& figure,& blockquote{margin:0 0 .9rem}}}.icon-link{opacity:.75;fill:var(--text);width:16px;height:16px;margin:.5rem auto;display:block;& svg{width:16px;height:16px}&:hover,&:focus{opacity:1}}.subscribe-and-write{& .article-content{font-size:var(--font-size-sm);& p{margin-block-end:1rem}}& h4{margin-block-start:0}& .rss-button{&:hover,&:focus{--rss-button-clr:light-dark(black,white)}}}.author-and-time{font-size:var(--font-size-sm);text-transform:uppercase;white-space:nowrap;opacity:.75;flex-wrap:wrap;align-items:center;gap:.25rem;margin:1rem 0;line-height:1.15;display:flex;& .author-link{display:inline-block}}.author-link{font-weight:700}.author-image{aspect-ratio:1;width:1.5em;display:inline-block}.avatar-wrap{place-self:start}.author-bio{font-size:var(--font-size-sm);margin:0 0 1rem;& .author-link{font-size:var(--font-size-lg)}& .avatar{border-radius:6px}& .author-company{margin-block-end:.5rem}}.author-circle{background:var(--text);color:var(--bg);aspect-ratio:1;font-size:var(--font-size-sm);border-radius:100%;place-items:center;width:100%;font-weight:700;display:inline-grid}.author-company{margin:0 0 .5rem}.homepage-tags{padding-block-end:1rem;font-weight:700;display:flex}.tag-links{flex:1;gap:.75rem;min-width:0;max-width:100%;padding-block-end:.9rem;padding-inline-end:2rem;display:flex;overflow:auto;@media (width<=820px){&{flex-wrap:wrap}}& a:not(.jetpack-search-filter__link){text-transform:uppercase;white-space:nowrap;border-width:1px;border-color:inherit;border-style:solid;border-radius:4px;padding:0 .43rem;font-size:.8rem!important;&:hover,&:focus{background:color-mix(in oklch,var(--text),transparent 66%);text-decoration:none}}&>a{flex:0}&::-webkit-scrollbar{height:1px}&::-webkit-scrollbar-thumb{background-color:#000}}.jetpack-search-filter__link{background:var(--bg);border-left:10px solid var(--bg);box-shadow:-10px 0 15px 10px var(--bg);& svg{fill:var(--text);aspect-ratio:1;width:1rem}}.fem-conditional-message{background:oklch(24% 8% 261deg);color:#fff;border:1px solid #000;border-radius:8px;container:fem-message/inline-size;& h3{border-bottom:1px solid oklch(40% 8% 261deg);letter-spacing:.1rem;text-transform:uppercase;margin:0;padding:1.5rem;font-size:1rem}& a{color:var(--link-color);&:hover{color:inherit}}& img{width:min(250px,100%);margin-block-end:.75rem;display:block}}.fem-message{padding:1rem 1.5rem 1.5rem;& p{margin:0 0 1rem}& .fem-message-checks{grid-template-columns:1fr 1fr;gap:.5rem;margin:0;padding:0;display:grid;@container (width<400px){&{grid-template-columns:1fr;gap:0}}& li::marker{content:"✓ ";color:oklch(72% 43% 156deg);font-weight:700}}}.fem-message-button{html.masterdotdev-account-logged-in &{display:none}}.percentage-off{font-size:2.4rem;font-weight:700}.sidebar-shoutout{background:oklch(24% 8% 261deg);color:#fff;border:1px solid #000;border-radius:8px;padding:1.5rem;& h3{margin:0 0 .5rem;font-size:1rem}& a{color:var(--link-color);text-decoration:underline;&:hover{color:#fff;text-decoration-thickness:3px}}}.course{background:light-dark(#ebebeb,oklch(71% 1% 326deg));border-radius:12px;grid-template-columns:1fr;max-inline-size:300px;margin-block:2rem;display:grid;overflow:hidden}.course .course-image img{block-size:auto;inline-size:100%;display:block}.course .course-text{gap:.5rem;padding:1rem;display:grid}.course .course-name{font-size:var(--font-size-md,1.25rem);margin:0;line-height:1.2;& .aal_anchor{display:none}}.course .course-name a{text-decoration:none}.course .course-author{align-items:center;gap:.75rem;margin-block-start:auto;padding:1rem;display:flex}.course .course-author-image{object-fit:cover;border-radius:50%;flex-shrink:0;block-size:48px;inline-size:48px}.course .course-author-meta{font-size:var(--font-size-sm,.875rem);flex-direction:column;line-height:1.3;display:flex}.course .course-author-name{text-transform:uppercase;font-weight:600}.course .course-author-company{opacity:.8}.course .course-description{font-size:var(--font-size-sm,.875rem);margin:0;line-height:1.5}.course .course-description p{margin:0 0 .5rem}.course .course-description p:last-child{margin-bottom:0}.course--placeholder{color:var(--text,#000);opacity:.7;padding:1rem}.contributions{text-align:center;background:radial-gradient(farthest-side at bottom center,lch(100% 0% 0/.15),transparent);margin-block-start:10rem;padding:2rem;position:relative;& p{margin-inline:auto;padding-inline:1rem}& a{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--brand-red),transparent 50%);text-underline-offset:.25em;&:hover,&:focus{text-decoration-color:var(--brand-red)}}&:after{content:"";background:linear-gradient(to right,transparent,var(--brand-red),transparent);width:100%;height:1px;display:block;position:absolute;bottom:1px;left:0}}.dollar-amount{filter:drop-shadow(0 2px 0 var(--brand-red));margin-block-end:.66rem;font-size:clamp(2rem,10vw,5rem);font-weight:900;line-height:1;& .dollar-sign{vertical-align:top;font-size:50%;font-weight:300;display:inline-block}&>span{animation-timeline:view();animation-range:entry 0% cover 40%;animation-name:scroll-in;animation-duration:1ms;animation-direction:alternate;display:inline-block}}@keyframes scroll-in{0%{opacity:0;scale:1.33;transform:translateX(calc((sibling-index())*4px))translateY(calc((sibling-index())*-20px))}}.site-footer{color-scheme:dark;background:oklch(28% 0% 68deg);color:oklch(92% 0% 68deg);font-family:var(--font-family-header);letter-spacing:0;padding:2rem;font-size:14px;font-weight:500;& .logo-frontend{fill:#d9d9d9}}.footer-nav-row{border-block-end:1px solid gray;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding-block-end:1rem;display:flex}.footer-right{text-align:right;@media (width<=820px){&>*{justify-content:space-between!important}}}.footer-logo{width:min(300px,100%);margin-block-end:1rem;display:block;overflow:hidden;& .logo{background-image:url(../images/logo.svg);width:100%}}.footer-nav{display:inline-block;& ul{flex-wrap:wrap;align-items:center;gap:.25rem 1rem;margin:0;padding:0;list-style:none;display:flex}}.native-app-links{justify-content:flex-end;gap:.5rem;margin-block-end:1rem;display:flex;&>*{place-items:center;display:grid}& img{height:40px}}.footer-social{justify-content:flex-end;gap:.5rem;margin-block-end:1rem;display:flex;& img{filter:invert();opacity:.75;width:40px}& a{&:hover,&:focus{& img{opacity:1}}}}.footer-bottom{justify-content:space-between;align-items:flex-end;gap:1rem;padding:1rem 0 2rem;display:flex;& a{white-space:nowrap}@media (width<=820px){&{display:block}& .copyright{text-align:start}}}.copyright{text-align:end}#svg-defs{position:absolute;top:-9999px;left:-9999px}