.topic-preview [hidden]{display:none!important}.topic-preview .topic-breadcrumb{margin-bottom:25px;font-size:.85rem}.topic-hero-label{display:inline-flex;align-items:center;gap:10px;font-size:.9rem;color:#afc2dd;margin-bottom:22px}.topic-hero-label svg{width:22px;height:22px;flex:none;fill:currentColor}.topic-hero-label.topic-tone-orange svg{color:#f09b68}.topic-hero-label.topic-tone-violet svg{color:#b398ff}.topic-hero-label.topic-tone-cyan svg{color:#7ed1e7}.topic-hero-label.topic-tone-yellow svg{color:#ebc86c}.topic-hero-label.topic-tone-green svg{color:#8edab4}.topic-hero-label.topic-tone-pink svg{color:#e79cbd}.topic-hero-label.topic-tone-blue svg{color:#83bbef}.topic-hero-label.topic-tone-sage svg{color:#a0cda0}.topic-hero-label.topic-tone-rose svg{color:#ebaabd}.topic-preview .catalog-intro h1{flex:1;min-width:0;font-size:clamp(3.45rem,5.35vw,5.6rem);letter-spacing:-.045em}.topic-preview .catalog-intro>p{flex:0 0 32%;max-width:36ch}.topic-preview .catalog-intro h1 span{color:#8bc7ff}.topic-preview .balanced-catalog-hero{padding-top:35px}.topic-preview .catalog-pagination button{font:inherit;border:1px solid #4782d7;cursor:pointer}.topic-preview .topic-seo>div>h2{margin-bottom:22px;font-size:1rem}.topic-preview .topic-seo p,.topic-preview .topic-seo li{font-size:.8125rem;line-height:1.75;color:#9bb0ca}.topic-preview .topic-seo p+p{margin-top:12px}.topic-preview .topic-seo a{color:#a5c8ed;text-decoration:underline}.topic-preview .topic-seo h3{font-size:.95rem;line-height:1.45;margin-bottom:12px;color:#c0cede}.topic-preview .topic-seo strong{font-weight:500}.topic-directory{padding-block:45px 75px;background:#0b1728}.topics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.topic-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #314359;border-radius:16px;background:#122238}.topic-visual{display:flex;align-items:center;padding:26px 26px 0}.topic-icon{--topic-tint:100,181,246;display:grid;place-items:center;width:94px;height:94px;border-radius:23px;background:rgba(var(--topic-tint),.14);color:rgb(var(--topic-tint))}.topic-icon svg{display:block;width:68px;height:68px;fill:currentColor}.topic-icon--violet{--topic-tint:168,132,250}.topic-icon--orange{--topic-tint:240,140,80}.topic-icon--cyan{--topic-tint:77,197,230}.topic-icon--yellow{--topic-tint:247,186,69}.topic-icon--green{--topic-tint:28,217,145}.topic-icon--pink{--topic-tint:236,110,173}.topic-icon--blue{--topic-tint:100,181,246}.topic-icon--sage{--topic-tint:129,199,132}.topic-icon--rose{--topic-tint:244,143,177}.topic-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:25px}.topic-count{font-size:.75rem;color:#92acca;margin-bottom:12px}.topic-copy h2{font:700 1.8rem/1.12 'Inter Tight',Arial,sans-serif;letter-spacing:-.025em}.topic-copy p{font-size:.94rem;line-height:1.6;color:#aebed4;margin-top:17px}.topic-more{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;margin-top:auto;padding-top:25px;color:#c1ddfb;font-size:.9rem}.topic-more svg{width:21px;height:21px;flex:none}.topic-copy h2 a:hover,.topic-more:hover{color:#8bc7ff}@media(max-width:1100px){.topics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-preview .catalog-intro{gap:35px}}@media(max-width:850px){.topics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-preview .catalog-intro{display:block}.topic-preview .catalog-intro>p{max-width:55ch}.topic-preview .catalog-seo-grid{grid-template-columns:1fr}.topic-preview .topic-seo p,.topic-preview .topic-seo li{font-size:.875rem}.topic-preview .balanced-catalog-hero{padding-top:27px}}@media(max-width:600px){.topics-grid{grid-template-columns:1fr}.topic-preview .catalog-intro h1{font-size:clamp(2.7rem,10.5vw,3.45rem)}.topic-preview .topic-breadcrumb{font-size:.78rem;flex-wrap:wrap;row-gap:5px}.topic-hero-label{font-size:.85rem;line-height:1.4}.topic-hero-label svg{width:20px;height:20px}.topic-preview .catalog-result-line>span{display:none}.topic-directory{padding-top:30px}.topic-copy h2{font-size:1.8rem}}
