:root{--purpleGradientBackground:linear-gradient(to top left,#b19cd8,#ccb7e5,#e6d1f2);--greenGradientBackground:linear-gradient(to top left,#43bc43,#8dd88d,#d8f3d8);--purpleGradientBackgroundHover:linear-gradient(to top left,#7c3aed,#6d28d9,#3730a3);--greenGradientBackgroundHover:linear-gradient(to top left,#16a34a,#059669,#0f766e);--primaryPurpleColor:#7c3aed;--primaryPurpleColorDarker:#5527a3;--primaryGreenColor:#16a34a;--primaryGreenColorDarker:#105c2c;--headerTextColor:#333;--headerBackgroundColor:#fff;--headerLinkHoverBackgroundColor:#0000000f;--headerOverlayBackgroundColor:#00000052;--headerBoxShadow:0 2px 8px #0000001a;--contentBorderRadius:10px;--headerHeight:calc((60/16)*1rem);--headerPaddingTopBottom:1rem;--headerPaddingLeftRight:1rem;--totalHeaderHeight:calc(var(--headerHeight) + (var(--headerPaddingTopBottom)*2));--breadcrumbsHeight:calc((40/16)*1rem);--breadcrumbsPaddingTopBottom:.5rem;--breadcrumbsPaddingLeftRight:.5rem;--buttonBorderRadius:.5rem;--maxWidthContent:calc((1440/16)*1rem);--maxWidthHeader:calc((1920/16)*1rem);--maxWidthReading:calc((768/16)*1rem)}.articlePage{min-height:100svh;min-height:calc(100svh - var(--headerHeight));flex-direction:column;align-items:center;padding-bottom:3rem;display:flex}.articlePage__backLink{font-size:.875rem;font-weight:500;line-height:1.3125rem;text-decoration:none;transition:opacity .2s;display:inline-block}@media (hover:hover){.articlePage__backLink:hover{opacity:.7}}.articlePage__backLink:active{opacity:.7}.articlePage__backLink:first-of-type{margin-bottom:1.5rem}.articlePage__backLink:last-of-type{margin-top:1.5rem}.articlePage--purple .articlePage__backLink{color:var(--primaryPurpleColor)}.articlePage--green .articlePage__backLink{color:var(--primaryGreenColor)}.articlePage__notFound{text-align:center;padding:4rem 0}.articlePage__notFound h1{color:var(--headerTextColor);margin-bottom:1rem;font-size:1.5rem;line-height:2.25rem}.articlePage__content{width:100%;max-width:800px;margin:0 auto}.articlePage__header{margin-bottom:1.5rem}.articlePage__category{background-color:var(--primaryPurpleColor);color:#fff;border-radius:calc(var(--contentBorderRadius)/2);z-index:1;padding:.3rem .75rem;font-size:.875rem;font-weight:700;line-height:1.3125rem;display:inline-block;position:absolute;top:.75rem;left:.75rem}.articlePage--green .articlePage__category{background-color:var(--primaryGreenColor)}.articlePage__meta{flex-flow:wrap;align-items:center;gap:1.5rem;display:flex}.articlePage__date{flex-direction:row;align-items:center;gap:.4rem;display:flex}.articlePage__date span{font-size:.875rem;font-weight:400;line-height:1.3125rem}.articlePage__dateIcon{width:16px;height:16px}.articlePage--purple .articlePage__date .articlePage__dateIcon{fill:var(--primaryPurpleColor)}.articlePage--purple .articlePage__date span{color:var(--primaryPurpleColor)}.articlePage--green .articlePage__date .articlePage__dateIcon{fill:var(--primaryGreenColor)}.articlePage--green .articlePage__date span{color:var(--primaryGreenColor)}.articlePage__author span{color:var(--headerTextColor);font-size:.875rem;font-weight:400;line-height:1.3125rem}.articlePage__headerImage{aspect-ratio:16/9;border-radius:var(--contentBorderRadius);width:100%;box-shadow:var(--headerBoxShadow);margin-bottom:2rem;position:relative;overflow:hidden}.articlePage__headerImage img{object-fit:cover;width:100%;height:100%}.articlePage__body{flex-direction:column;gap:1.5rem;display:flex}.articlePage__text{color:var(--headerTextColor);font-size:1rem;font-weight:400;line-height:1.7}@media only screen and (min-width:48rem){.articlePage__text{font-size:1.125rem;line-height:1.6875rem}}.articlePage__text b,.articlePage__text strong{font-weight:700}.articlePage__text i,.articlePage__text em{font-style:italic}.articlePage__text a{text-decoration:underline;transition:opacity .2s}@media (hover:hover){.articlePage__text a:hover{opacity:.7}}.articlePage__text a:active{opacity:.7}.articlePage--purple .articlePage__text a{color:var(--primaryPurpleColor)}.articlePage--green .articlePage__text a{color:var(--primaryGreenColor)}.articlePage__figure{width:100%;margin:.5rem 0}.articlePage__figure img{border-radius:var(--contentBorderRadius);width:100%;height:auto;box-shadow:var(--headerBoxShadow)}.articlePage__caption{color:var(--headerTextColor);opacity:.7;text-align:center;margin-top:.75rem;font-size:.875rem;font-style:italic;font-weight:400;line-height:1.3125rem}.articlePage__footer{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;margin-top:2.5rem;padding-top:1.5rem;padding-bottom:1.5rem}