.learn-reflow .learn-hero{--learn-hero-panel:color-mix(in oklab, var(--foreground) 78%, var(--primary));--learn-hero-panel-text:var(--primary-foreground);--learn-hero-panel-muted:color-mix(in oklab, var(--primary-foreground) 78%, var(--primary));--learn-search-border:color-mix(in oklab, var(--primary) 45%, var(--border));--learn-search-shadow:0 4px 16px -8px color-mix(in oklab, var(--foreground) 22%, transparent);background:var(--secondary)}.learn-reflow .learn-hero-brand{align-items:center;gap:12px;display:flex}.learn-reflow .learn-brand-logo{flex-shrink:0;width:48px;height:48px}.learn-reflow .learn-brand-label{color:var(--muted-foreground);font-weight:400}.learn-reflow .learn-hero-inner{padding-block:2.5rem 1.75rem}.learn-reflow .learn-hero-composition{grid-template-columns:minmax(0,1fr);display:grid}.learn-reflow .learn-hero-content{min-width:0}.learn-reflow .learn-hero-eyebrow{align-items:center;gap:.75rem;margin:0;display:flex}.learn-reflow .learn-hero-eyebrow:before{background:var(--primary);content:none;flex-shrink:0;width:1.5rem;height:2px}.learn-reflow .learn-hero-title{text-wrap:balance;max-width:16em;margin-top:1.125rem;font-size:2.75rem;line-height:1.15}.learn-reflow .learn-hero-description{max-width:38em;margin-top:1.125rem;line-height:1.75}.learn-reflow .learn-hero-search-area{margin-top:1.5rem}.learn-reflow .learn-hero-search{border-color:var(--learn-search-border);box-shadow:var(--learn-search-shadow)}.learn-reflow .learn-hero-paths{border-top:1px solid var(--border);min-width:0;margin-top:1.75rem;padding-top:1.25rem}.learn-reflow .learn-hero-paths legend{background:var(--secondary);margin-left:-.5rem;padding-inline:.5rem}.learn-reflow .learn-hero-path{gap:.75rem}.learn-reflow .learn-hero-path:before{content:"";border:1px solid;border-radius:50%;flex-shrink:0;width:.625rem;height:.625rem}.learn-reflow .learn-hero-path[aria-pressed=true]:before{background:currentColor}@media (width<=1023px){.learn-reflow .learn-hero-title{font-size:2.25rem}}@media (width<=639px){.learn-reflow .learn-hero-inner{flex-direction:column;padding-block:1.75rem 1.5rem;display:flex}.learn-reflow .learn-hero-composition{display:contents}.learn-reflow .learn-hero-title{font-size:2rem}.learn-reflow .learn-hero-paths{margin-top:1.5rem}}.learn-reflow>header>div:first-child{flex-wrap:wrap}.learn-reflow>header>div:first-child>a,.learn-reflow>header>div:first-child>nav,.learn-reflow>header>div:first-child>div{min-width:0;max-width:100%}.learn-reflow>header>div:first-child>div{flex-wrap:wrap}.learn-reflow>header a,.learn-reflow>footer,.learn-reflow main{overflow-wrap:anywhere}.learn-reflow>header>div:first-child>div>a{white-space:normal}.learn-reflow>header button{flex-shrink:0}.learn-reflow>footer nav>a{min-width:0;max-width:100%}.learn-reflow #guide-results,.learn-reflow #guide-results [id],.learn-reflow #guide-results li>a{scroll-margin-top:calc(var(--learn-header) + var(--learn-toolbar) + 16px)}@media (width<=639px){.learn-reflow main>.sticky>div>div,.learn-reflow #guide-results>div.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}}.learn-reflow .learn-mobile-copy,.learn-reflow .learn-mobile-selectors{display:none}@media (width<=767px){.learn-reflow .learn-desktop-copy,.learn-reflow .learn-hero-paths,.learn-reflow .learn-desktop-toolbar,.learn-reflow .learn-results-helper,.learn-reflow .learn-clear-filters{display:none}.learn-reflow .learn-mobile-copy{display:inline}.learn-reflow .learn-hero,.learn-reflow .learn-hero-inner,.learn-reflow .learn-hero-composition,.learn-reflow .learn-hero-content{display:contents}.learn-reflow .learn-mobile-intro{border:1px solid var(--primary);background:var(--learn-hero-panel);color:var(--learn-hero-panel-text);border-radius:6px;margin:8px 16px 4px;padding:6px 14px}.learn-reflow .learn-brand-logo{width:24px;height:24px}.learn-reflow .learn-hero-brand{gap:8px}.learn-reflow .learn-hero-eyebrow,.learn-reflow .learn-mobile-intro .learn-hero-title{color:var(--learn-hero-panel-text)}.learn-reflow .learn-mobile-intro .text-primary,.learn-reflow .learn-mobile-intro .learn-brand-label,.learn-reflow .learn-mobile-intro .learn-hero-description{color:var(--learn-hero-panel-muted)}.learn-reflow .learn-hero-eyebrow{font-size:.875rem}.learn-reflow .learn-hero-eyebrow:before{display:none}.learn-reflow .learn-hero-title{text-wrap:initial;margin-top:4px;font-size:1.75rem;line-height:1.2}.learn-reflow .learn-hero-description{margin-top:4px;line-height:1.5}.learn-reflow .learn-hero-search-area{top:var(--learn-header);z-index:30;background:var(--background);border-bottom:1px solid var(--border);margin:0;padding:8px 16px 12px;position:sticky}.learn-reflow.learn-toolbar-tall .learn-hero-search-area{position:static}.learn-reflow .learn-hero-search-area>label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.learn-reflow .learn-hero-search input{min-height:44px;padding-block:10px}.learn-reflow .learn-mobile-selectors{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:10px;display:grid}.learn-reflow .learn-results{padding-top:12px}.learn-reflow #results-heading{font-size:1.125rem;line-height:1.5}.learn-reflow #guide-results>div.grid{grid-template-columns:minmax(0,1fr) auto;align-items:center}.learn-reflow .learn-active-filters{gap:4px 12px;margin-top:4px}.learn-reflow .learn-guide-grid{grid-template-columns:minmax(0,1fr);margin-top:12px}.learn-reflow .learn-guide-grid li>a{padding:16px}.learn-reflow .learn-guide-grid h3{margin-top:4px;line-height:1.5}.learn-reflow .learn-guide-grid h3+p{margin-top:6px}}@media (width>=370px) and (width<=767px){.learn-reflow .learn-mobile-selectors{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}}.learn-reflow .learn-featured{margin-top:24px}.learn-reflow .learn-featured-card{background:var(--primary);color:var(--primary-foreground);border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:32px;display:grid}.learn-reflow .learn-section-eyebrow{font-size:14px;font-weight:600;line-height:1.5}.learn-reflow .learn-featured-card h3{margin-top:12px;font-size:28px;line-height:1.25}.learn-reflow .learn-featured-description{max-width:42em;margin-top:12px;font-size:16px;line-height:1.5}.learn-reflow .learn-featured-icon{width:100px;height:100px;margin-inline:32px}.learn-reflow .learn-read-guide{align-items:center;gap:8px;min-height:44px;margin-top:16px;font-size:14px;font-weight:600;display:inline-flex}.learn-reflow .learn-topic-section{padding-top:56px}.learn-reflow .learn-section-header{align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.learn-reflow .learn-section-icon{background:color-mix(in oklab, var(--primary) 10%, var(--background));width:44px;height:44px;color:var(--primary);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.learn-reflow .learn-section-header .learn-section-eyebrow{color:var(--primary)}.learn-reflow .learn-section-header h3{margin-top:4px;font-size:28px;line-height:1.25}.learn-reflow .learn-article-card{border:1px solid var(--border);background:var(--card);border-radius:16px;flex-direction:column;height:100%;padding:24px;display:flex}.learn-reflow .learn-article-card:hover{border-color:var(--primary)}.learn-reflow .learn-card-icon{box-sizing:content-box;background:var(--secondary);color:var(--primary);border-radius:12px;margin-bottom:20px;padding:12px}@media (width<=767px){.learn-reflow .learn-mobile-intro{background:var(--secondary);border-color:var(--border);color:var(--foreground)}.learn-reflow .learn-mobile-intro .learn-hero-title{color:var(--foreground)}.learn-reflow .learn-hero-eyebrow,.learn-reflow .learn-mobile-intro .text-primary{color:var(--primary)}.learn-reflow .learn-mobile-intro .learn-brand-label,.learn-reflow .learn-mobile-intro .learn-hero-description{color:var(--muted-foreground)}.learn-reflow .learn-featured{margin-top:12px}.learn-reflow .learn-featured-card{border-radius:16px;padding:16px;display:block}.learn-reflow .learn-featured-icon{display:none}.learn-reflow .learn-featured-card h3{margin-top:4px;font-size:20px;line-height:1.4}.learn-reflow .learn-featured-description{margin-top:6px}.learn-reflow .learn-read-guide{margin-top:8px}.learn-reflow .learn-topic-section{padding-top:28px}.learn-reflow .learn-section-header{margin-bottom:12px}.learn-reflow .learn-section-header h3{font-size:22px}.learn-reflow .learn-guide-grid{margin-top:0}.learn-reflow .learn-card-icon{display:none}.learn-reflow .learn-guide-grid li>a{padding:16px}}