@layer components{.case-study-article.case-study-article{counter-reset:step;color:var(--primary-800);font-size:17px;line-height:1.7}.case-study-article.case-study-article h1,.case-study-article.case-study-article h2{text-wrap:balance;scroll-margin-top:96px;font-family:var(--font-display)!important;letter-spacing:-.01em!important;color:var(--primary-900)!important;margin:0 0 24px!important;font-weight:500!important;line-height:1.2!important}.case-study-article.case-study-article h1{font-size:clamp(30px,3.2vw,38px)!important}.case-study-article.case-study-article h1:not(:first-child){border-top:1px solid var(--border);margin-top:72px!important;padding-top:56px!important}.case-study-article.case-study-article h2{counter-increment:step;align-items:baseline!important;gap:12px!important;margin:40px 0 14px!important;font-size:clamp(22px,2.4vw,26px)!important;display:flex!important}.case-study-article.case-study-article h2:before{content:counter(step, decimal-leading-zero);color:var(--primary-500);font-family:var(--font-sans,inherit);letter-spacing:.02em;flex-shrink:0;font-size:13px;font-weight:600}.case-study-article.case-study-article h3{scroll-margin-top:96px;font-family:var(--font-display)!important;color:var(--primary-900)!important;margin:32px 0 12px!important;font-size:20px!important;font-weight:500!important;line-height:1.25!important}.case-study-article.case-study-article p{text-wrap:pretty;margin:0 0 20px!important}.case-study-article.case-study-article blockquote{border-left:2px solid var(--primary-500)!important;font-family:var(--font-display)!important;color:var(--primary-900)!important;margin:32px 0!important;padding:4px 0 4px 28px!important;font-size:22px!important;line-height:1.45!important}.case-study-article.case-study-article hr{border:none!important;border-top:1px solid var(--border)!important;margin:56px 0!important}.case-study-article.case-study-article img:not(.ProseMirror-separator){border-radius:var(--radius-2xl)!important;background:var(--secondary)!important;border:1px solid var(--border)!important;box-sizing:border-box!important;width:100%!important;padding:10px!important;display:block!important}.case-study-article.case-study-article ul{flex-direction:column!important;gap:12px!important;margin:0 0 20px!important;padding-left:0!important;list-style:none!important;display:flex!important}.case-study-article.case-study-article ul li{position:relative;padding-left:22px!important}.case-study-article.case-study-article ul li:before{content:"";background:var(--primary-500);border-radius:50%;width:7px;height:7px;position:absolute;top:.65em;left:0}}.case-study-article.case-study-article .callout:not(:has(.callout-content p:nth-child(4))){margin:0!important}.case-study-article.case-study-article .callout:not(:has(.callout-content p:nth-child(4)))>span:first-child{display:none!important}.case-study-article.case-study-article .callout:not(:has(.callout-content p:nth-child(3))):not(:has(.callout-content p:nth-child(4))){background:var(--card)!important;border:1px solid var(--border)!important;border-radius:1rem!important;padding:20px!important}.case-study-article.case-study-article .callout:not(:has(.callout-content p:nth-child(3))):not(:has(.callout-content p:nth-child(4))) .callout-content p:first-child{padding-left:16px;position:relative;color:var(--primary-900)!important;font-weight:600!important}.case-study-article.case-study-article .callout:not(:has(.callout-content p:nth-child(3))):not(:has(.callout-content p:nth-child(4))) .callout-content p:first-child:before{content:"";background:var(--primary-500);border-radius:50%;width:7px;height:7px;position:absolute;top:.55em;left:0}.case-study-article.case-study-article .callout:not(:has(.callout-content p:nth-child(3))):not(:has(.callout-content p:nth-child(4))) .callout-content p:last-child{color:var(--muted-foreground)!important;margin-top:6px!important;font-size:15px!important}.case-study-article.case-study-article .callout:has(.callout-content p:nth-child(3)):not(:has(.callout-content p:nth-child(4))){grid-template-columns:180px 1fr;align-items:start;gap:4px 24px;border:none!important;border-top:1px solid var(--border)!important;background:0 0!important;border-radius:0!important;padding:20px 4px!important;display:grid!important}.case-study-article.case-study-article .callout:has(.callout-content p:nth-child(3)):not(:has(.callout-content p:nth-child(4))) .callout-content{display:contents!important}.case-study-article.case-study-article .callout:has(.callout-content p:nth-child(3)):not(:has(.callout-content p:nth-child(4))) .callout-content>div{display:contents!important}.case-study-article.case-study-article .callout:has(.callout-content p:nth-child(3)):not(:has(.callout-content p:nth-child(4))) .callout-content p:first-child{text-transform:uppercase;letter-spacing:.04em;grid-area:1/1;color:var(--primary-500)!important;font-size:12px!important;font-weight:600!important}.case-study-article.case-study-article .callout:has(.callout-content p:nth-child(3)):not(:has(.callout-content p:nth-child(4))) .callout-content p:nth-child(2){grid-area:2/1;font-family:var(--font-display)!important;color:var(--primary-900)!important;font-size:17px!important;font-weight:600!important}.case-study-article.case-study-article .callout:has(.callout-content p:nth-child(3)):not(:has(.callout-content p:nth-child(4))) .callout-content p:nth-child(3){grid-area:1/2/span 2;align-self:center;color:var(--muted-foreground)!important;font-size:15px!important}