.hf-blog-solution section[id]{scroll-margin-top:24px}.hf-blog-solution-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:38px 0 54px}.hf-blog-solution-hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.12;letter-spacing:-.04em;margin:16px 0 24px}.hf-blog-solution-hero p{line-height:1.75}.hf-blog-solution-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:24px 0}.hf-blog-solution-note{font-size:.875rem;color:var(--hf-muted,#57635d)}.hf-blog-solution-figure{margin:0;min-width:0}.hf-blog-solution-figure img{display:block;width:100%;height:auto;border:1px solid #dce3dd;border-radius:16px;background:#fff}.hf-blog-solution-figure figcaption{font-size:.8125rem;line-height:1.6;color:#57635d;margin-top:12px}.hf-blog-solution-jump{display:flex;gap:24px;flex-wrap:wrap;border-block:1px solid #dce3dd;padding:20px 0}.hf-blog-solution-jump a{padding:6px 0}.hf-blog-solution-section{padding:50px 0}.hf-blog-solution-section>h2,.hf-blog-solution-split h2,.hf-blog-solution-checklist h2{font-size:clamp(1.65rem,3vw,2.2rem);line-height:1.25;letter-spacing:-.025em;margin:12px 0 28px}.hf-blog-solution-section p,.hf-blog-solution-section li{line-height:1.8}.hf-blog-solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hf-blog-solution-grid article{border-top:2px solid #b7cfbd;padding:24px 0;min-width:0}.hf-blog-solution-grid h3{font-size:1.3rem;line-height:1.4;margin:12px 0}.hf-blog-solution-number{color:#216b5f;font-size:.875rem;font-weight:700}.hf-blog-solution-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hf-blog-solution-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-left:24px}.hf-blog-solution-steps li{padding-left:4px}.hf-blog-solution-steps h3{font-size:1.125rem}.hf-blog-solution-checklist{border-block:1px solid #dce3dd}.hf-blog-solution-checklist ol{padding-left:24px}.hf-blog-solution-faq{max-width:860px}.hf-blog-solution-faq details{border-bottom:1px solid #dce3dd;padding:20px 0}.hf-blog-solution-faq summary{font-size:1.1rem;font-weight:650;cursor:pointer;padding:8px 4px;line-height:1.5}.hf-blog-solution-faq p{padding:0 4px}.hf-blog-solution-guides{list-style:none;padding:0;display:grid;gap:12px}.hf-blog-solution-guides a{display:inline-block;padding:10px 0}.hf-blog-team{max-width:860px}.hf-blog-team .hf-blog-article-header{max-width:none}.hf-blog-team .hf-blog-prose{max-width:740px;margin:0 auto}.hf-blog-solution :where(a,summary):focus-visible{outline:3px solid #216b5f;outline-offset:4px}
@media(max-width:760px){.hf-blog-solution-hero,.hf-blog-solution-split{grid-template-columns:1fr;gap:28px;padding-block:28px}.hf-blog-solution-grid,.hf-blog-solution-steps{grid-template-columns:1fr;gap:12px}.hf-blog-solution-section{padding:32px 0}.hf-blog-solution-jump{gap:12px 22px}.hf-blog-solution-hero .hf-blog-button{white-space:normal;text-align:center}.hf-blog-solution-actions{align-items:flex-start}.hf-blog-solution-grid article{padding-block:18px}.hf-blog-solution-steps h3{margin-bottom:8px}.hf-blog-solution-steps p{margin-top:0}}
.hf-blog-solution-hero .hf-blog-deck+p{margin-top:16px}
.hf-blog-solution-resource-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:24px}.hf-blog-solution-resource-links a{padding:8px 0}.hf-blog-solution-callout{margin-top:28px;padding:24px;border:1px solid #dce3dd;border-left:4px solid #216b5f;border-radius:8px;background:#edf3ee;max-width:860px}.hf-blog-solution-callout h3{font-size:1.125rem;line-height:1.5;margin-bottom:12px}.hf-blog-solution-callout p{margin-bottom:12px}.hf-blog-solution-journey{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.hf-blog-solution-journey li{min-width:0;border-top:2px solid #b7cfbd;padding:24px 0}.hf-blog-solution-journey span{font-size:.875rem;color:#216b5f;font-weight:700}.hf-blog-solution-journey h3{font-size:1.2rem;line-height:1.4;margin:12px 0}.hf-blog-solution-permalink{padding-bottom:32px}.hf-blog-solution-section .hf-blog-solution-split p+p{margin-top:16px}.hf-blog-solution-grid+p{margin-top:16px}
@media(max-width:960px){.hf-blog-solution-journey{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hf-blog-solution-journey{grid-template-columns:1fr;gap:0}.hf-blog-solution-journey li{padding:20px 0}.hf-blog-solution-callout{padding:20px}.hf-blog-solution-section>.hf-blog-solution-split{padding-top:0;padding-bottom:0}}
