.learn-ai-page{padding-bottom:5rem}.learn-hero{background:var(--bg-hero);color:var(--text-primary);text-align:center;margin-top:104px;padding:110px 1rem 48px;position:relative;overflow:hidden}.learn-hero .hero-container{max-width:1100px;margin:0 auto}.learn-content{margin-top:2rem}.articles-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width<=1024px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.articles-grid{grid-template-columns:1fr}}.article-card.wttj-style{background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);height:380px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:block;position:relative;overflow:hidden}.article-card.wttj-style.featured-card{border:none;grid-column:span 2}@media (width<=768px){.article-card.wttj-style.featured-card{grid-column:span 1}}.article-card.wttj-style:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.article-card.wttj-style.article-card--training{border-color:#a855f78c;box-shadow:inset 0 0 0 1px #a855f729}.article-card.wttj-style.article-card--training:hover{box-shadow:0 14px 34px #a855f729,inset 0 0 0 1px #a855f733}@property --training-pill-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes training-pill-spin{to{--training-pill-angle:360deg}}.learn-tags-list .tag-pill.tag-pill--training{background:linear-gradient(var(--bg-secondary), var(--bg-secondary)) padding-box, conic-gradient(from var(--training-pill-angle), #a855f72e 0deg, #d8b4fe38 110deg, #f3e8ffeb 150deg, #c084fceb 185deg, #a855f738 230deg, #a855f72e 360deg) border-box;color:#d8b4fe;border:1px solid #0000;animation:5.5s linear infinite training-pill-spin;position:relative}.learn-tags-list .tag-pill.tag-pill--training:hover{background:linear-gradient(#a855f714, #a855f714) padding-box, conic-gradient(from var(--training-pill-angle), #c084fc4d 0deg, #f3e8ff66 110deg, #fffffffa 150deg, #d8b4fefa 185deg, #c084fc5c 230deg, #c084fc4d 360deg) border-box;color:#f3e8ff}.learn-tags-list .tag-pill.tag-pill--training.active{background:linear-gradient(#a855f72e, #a855f72e) padding-box, conic-gradient(from var(--training-pill-angle), #d8b4fe6b 0deg, #ffffff80 110deg, #fff 150deg, #e9d5ff 185deg, #d8b4fe75 230deg, #d8b4fe6b 360deg) border-box;color:#f3e8ff}[data-theme=light] .learn-tags-list .tag-pill.tag-pill--training{background:linear-gradient(#fff, #fff) padding-box, conic-gradient(from var(--training-pill-angle), #a855f733 0deg, #d8b4fe42 110deg, #fff 150deg, #c084fcf0 185deg, #a855f73d 230deg, #a855f733 360deg) border-box;color:#7e22ce}[data-theme=light] .learn-tags-list .tag-pill.tag-pill--training:hover,[data-theme=light] .learn-tags-list .tag-pill.tag-pill--training.active{background:linear-gradient(#f3e8ffeb, #f3e8ffeb) padding-box, conic-gradient(from var(--training-pill-angle), #a855f74d 0deg, #d8b4fe61 110deg, #fff 150deg, #c084fc 185deg, #a855f757 230deg, #a855f74d 360deg) border-box;color:#6b21a8}.article-card-image{width:100%;height:200px;position:absolute;top:0;left:0;right:0;overflow:hidden}.article-card.wttj-style.featured-card .article-card-image{height:100%;position:absolute;inset:0}.article-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.training-card-commitment{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#140c1fd6;border:1px solid #ffffff57;border-radius:.8rem;gap:.1rem;min-width:7.8rem;padding:.58rem .72rem;display:grid;position:absolute;top:.85rem;right:.85rem;box-shadow:0 .45rem 1.4rem #0000003d}.training-card-commitment span{align-items:center;gap:.35rem;font-size:.82rem;font-weight:800;line-height:1.25;display:flex}.training-card-commitment small{color:#ffffffc7;padding-left:1.22rem;font-size:.72rem;font-weight:700;line-height:1.25}.article-card.wttj-style:hover .article-card-image img{transform:scale(1.05)}.article-card-content{background-color:var(--bg-primary);z-index:2;flex-direction:column;padding:1.5rem 1.5rem 2rem;display:flex;position:absolute;bottom:0;left:0;right:0}.article-card.wttj-style.featured-card .article-card-content{color:#fff;background:linear-gradient(#0000 0%,#0009 30%,#000000f2 100%);justify-content:flex-end}.article-card-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem;font-weight:800;line-height:1.35}.article-card.wttj-style.featured-card .article-card-title{color:#fff;margin-bottom:.5rem;font-size:2.25rem}.article-card-meta-bottom{justify-content:space-between;align-items:center;margin-top:0;display:flex}.wttj-category-text,.wttj-date-text{color:var(--text-muted);font-size:.85rem;font-weight:500}.article-card.wttj-style.featured-card .wttj-category-text,.article-card.wttj-style.featured-card .wttj-date-text{color:#ffffffe6}.wttj-category-text--training{color:#7e22ce;font-weight:700}html[data-theme=dark] .wttj-category-text--training{color:#e9d5ff}.article-card-description-wrapper{opacity:0;max-height:0;transition:max-height .3s,opacity .3s,margin-bottom .3s;overflow:hidden}.article-card.wttj-style:hover .article-card-description-wrapper{opacity:1;max-height:100px;margin-bottom:1rem}.article-card-description{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.article-card.wttj-style.featured-card .article-card-description{color:#ffffffd9}.learn-search-container,.learn-tags-container{margin-bottom:2rem}.learn-load-more{justify-content:center;margin-top:4.5rem;display:flex}