.learn-page{--learn-muted:#5f5870}.learn-page .tools-breadcrumbs{font-size:13px}.learn-page .tools-breadcrumbs a{padding:12px 2px;display:inline-block}.learn-page .tools-hero .hero-copy>p{font-size:16px;line-height:1.6}.learn-section{width:100%;min-width:0;max-width:1340px;margin:0 auto 48px;padding:0 50px}main.tools-page.learn-page>section.learn-section>h2{margin:0 0 16px;font-size:24px;line-height:1.25}main.tools-page.learn-page>section.learn-section h3{color:var(--ink);margin:0;font-size:18px;line-height:1.35}main.tools-page.learn-page>section a:not(.button):not(.x1):not(.x2):not(.x3){text-decoration:none}main.tools-page.learn-page>section .learn-article,main.tools-page.learn-page>section a.learn-article-link{color:var(--ink);text-decoration:none}main.tools-page.learn-page>section .learn-links a{color:#4b3b8f}main.tools-page.learn-page>section .learn-sub h3 a{color:var(--ink)}main.tools-page.learn-page>section :is(.learn-links a,.learn-sub h3 a):hover,main.tools-page.learn-page>section .learn-article:hover a.learn-article-link{text-decoration:underline}.learn-article{position:relative}.learn-article-link:after{content:"";border-radius:16px;position:absolute;inset:0}.learn-article-link:focus-visible{outline:none}.learn-article:focus-within{outline:2px solid var(--accent,#6b4eff);outline-offset:2px}main.tools-page.learn-page>section.tools-related a{color:var(--ink)}.learn-card-grid,.learn-article-grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.learn-sub{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;min-width:0;padding:22px;display:flex}.learn-sub h3{margin:0 0 6px}.learn-sub h3 a{padding:6px 0;display:inline-block}.learn-desc{color:var(--learn-muted);margin:0 0 10px;font-size:15px;line-height:1.55}.learn-meta{color:var(--learn-muted);margin:0 0 8px;font-size:13px}.learn-sub .learn-meta:last-child{margin:auto 0 0;padding-top:8px}.learn-links{border-top:1px solid var(--line);margin:4px 0 0;padding:0;list-style:none}.learn-links li+li{border-top:1px solid var(--line)}.learn-links a{color:#5c4d80;align-items:center;min-height:44px;padding:8px 0;font-size:15px;font-weight:500;line-height:1.4;display:flex}.learn-sub .learn-desc+.learn-links{margin-top:2px}.learn-article-item{min-width:0;display:block}.learn-article{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:8px;height:100%;padding:20px 22px;transition:border-color .15s;display:flex}.learn-article:hover{border-color:#cabde8}.learn-article p{color:var(--learn-muted);margin:0;font-size:15px;line-height:1.55}.learn-chips{flex-wrap:wrap;gap:6px;display:flex}.learn-chip{background:var(--lavender);color:#4a3a8a;letter-spacing:.01em;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.learn-chip-start{color:#fff;background:#25252d}.learn-next{color:var(--learn-muted);margin:22px 0 0;font-size:14px;line-height:1.6}.learn-filter{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.learn-filter button{border:1px solid var(--line);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:0 16px;font-size:14px;font-weight:500}.learn-filter button span{color:var(--learn-muted);margin-left:4px;font-weight:400}.learn-filter button:hover{border-color:#cabde8}.learn-filter button[aria-pressed=true]{color:#fff;background:#25252d;border-color:#25252d}.learn-filter button[aria-pressed=true] span{color:#d8d3e6}.learn-filter button:focus-visible{outline:3px solid var(--purple);outline-offset:2px}.learn-scope[data-filter=guide] [data-type]:not([data-type=guide]),.learn-scope[data-filter=how-to] [data-type]:not([data-type=how-to]),.learn-scope[data-filter=fix] [data-type]:not([data-type=fix]),.learn-scope[data-filter=template] [data-type]:not([data-type=template]),.learn-scope[data-filter=comparison] [data-type]:not([data-type=comparison]),.learn-scope[data-filter=specs] [data-type]:not([data-type=specs]),.learn-scope[data-filter=glossary] [data-type]:not([data-type=glossary]){display:none}.learn-scope[data-filter=guide] .learn-sub:not(:has([data-type=guide])){display:none}.learn-scope[data-filter=how-to] .learn-sub:not(:has([data-type=how-to])){display:none}.learn-scope[data-filter=fix] .learn-sub:not(:has([data-type=fix])){display:none}.learn-scope[data-filter=template] .learn-sub:not(:has([data-type=template])){display:none}.learn-scope[data-filter=comparison] .learn-sub:not(:has([data-type=comparison])){display:none}.learn-scope[data-filter=specs] .learn-sub:not(:has([data-type=specs])){display:none}.learn-scope[data-filter=glossary] .learn-sub:not(:has([data-type=glossary])){display:none}.learn-page .tools-related{padding:0 50px}.learn-page .tools-related h2{font-size:18px}.learn-page .tools-related a{align-items:center;min-height:44px;padding:0 18px;font-size:14px;display:inline-flex}.learn-pill-count{color:var(--learn-muted);margin-left:6px;font-size:12px}@media (max-width:760px){.learn-section,.learn-page .tools-related{padding:0 20px}.learn-section{margin-bottom:36px}.learn-section>h2{font-size:20px}.learn-card-grid,.learn-article-grid{grid-template-columns:1fr;gap:14px}.learn-sub,.learn-article{padding:18px}}main.tools-page.learn-page>section.tools-related ul{margin:0;padding-left:0}main.tools-page.learn-page>section.tools-related>h2{margin:0 0 12px;font-size:20px}.learn-group{margin:0 0 28px}main.tools-page.learn-page>section.learn-section .learn-group>h3{margin:0 0 12px;font-size:19px}.learn-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}:is(.learn-scope[data-filter=guide] .learn-group:not(:has([data-type=guide])),.learn-scope[data-filter=how-to] .learn-group:not(:has([data-type=how-to])),.learn-scope[data-filter=fix] .learn-group:not(:has([data-type=fix])),.learn-scope[data-filter=template] .learn-group:not(:has([data-type=template])),.learn-scope[data-filter=comparison] .learn-group:not(:has([data-type=comparison])),.learn-scope[data-filter=specs] .learn-group:not(:has([data-type=specs])),.learn-scope[data-filter=glossary] .learn-group:not(:has([data-type=glossary]))){display:none}@media (max-width:760px){.learn-grid-2{grid-template-columns:1fr}}