/* Learning uses the marketplace's page shell, heading and category controls. */
.platform-shell .learn-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;min-width:0}
.platform-shell .learn-filter-bar .product-choice-tabs{flex-shrink:0}
.platform-shell .learn-search{width:320px;max-width:100%;min-width:180px}
.platform-shell .learn-results{display:flex;align-items:center;gap:14px;min-height:32px;margin:0 0 16px;font-size:13px;font-weight:600}
.platform-shell .learn-result-count{font-size:12px;font-weight:400;color:var(--c-muted)}
.platform-shell .learn-reset{margin-left:auto;padding:6px 0 6px 12px;min-height:32px;border:0;background:transparent;color:var(--c-mint);font:inherit;font-size:12px;cursor:pointer}
.platform-shell .learning-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-width:0}
.platform-shell .learning-content-card,.platform-shell .learning-content-placeholder{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid var(--c-border);border-radius:var(--ui-card-radius);background:var(--c-surface);color:var(--c-text);text-decoration:none}
.platform-shell .learning-content-card{min-height:246px;transition:border-color 180ms ease-out,background 180ms ease-out}
.platform-shell .learning-card-kind{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;color:var(--c-mint);background:var(--ui-accent-soft);padding:6px 10px;border-radius:8px;font-size:11px;line-height:1.6}
.platform-shell .learning-card-kind .anticon{font-size:14px}
.platform-shell .learning-content-card h3{margin:20px 0 10px;font-size:18px;line-height:1.6;font-weight:600;letter-spacing:-.3px;overflow-wrap:anywhere}
.platform-shell .learning-content-card>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 24px;color:var(--c-muted);font-size:13px;line-height:1.85;overflow-wrap:anywhere}
.platform-shell .learning-card-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;color:var(--c-muted);font-size:11px}
.platform-shell .learning-card-meta>span{display:flex;flex-wrap:wrap;gap:6px 14px}
.platform-shell .learning-card-meta>.anticon{color:var(--c-text);font-size:14px}
.platform-shell .learn-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:256px;padding:36px 24px;border-radius:var(--ui-card-radius);background:var(--c-surface);text-align:center}
.platform-shell .learn-empty-symbol{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:12px;background:var(--c-raised);color:var(--c-muted);font-size:22px}
.platform-shell .learn-empty h2{margin:0 0 8px;color:var(--c-text);font-size:17px;font-weight:500;line-height:1.6}
.platform-shell .learn-empty p{margin:0 0 22px;color:var(--c-muted);font-size:13px;line-height:1.8}
.platform-shell .learn-content-note{margin:20px 0 0;color:var(--c-muted);font-size:11px;line-height:1.8}
.platform-shell .learn-load-more{display:flex;justify-content:center;margin-top:28px}
.platform-shell .learn-page-error{margin-top:20px}
@media(hover:hover) and (pointer:fine){.platform-shell .learning-content-card:hover{border-color:color-mix(in srgb,var(--c-mint) 35%,var(--c-border));background:color-mix(in srgb,var(--c-surface) 96%,var(--c-mint));color:var(--c-text)}}
@media(max-width:1100px){.platform-shell .learn-filter-bar{flex-wrap:wrap;gap:16px}.platform-shell .learn-search{width:100%;min-width:0}.platform-shell .learning-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .platform-shell .learn-filter-bar{margin-bottom:20px;gap:12px}
 .platform-shell .learn-filter-bar .product-choice-tabs{gap:2px;flex-wrap:nowrap}
 .platform-shell .learn-filter-bar .product-choice-tabs>button{padding:8px 6px;min-height:44px;font-size:11px}
 .platform-shell .learn-search .ant-input-affix-wrapper,.platform-shell .learn-search .ant-input-search-btn{min-height:44px}.platform-shell .learn-search .ant-input-search-btn{min-width:44px}
 .platform-shell .learn-results{gap:10px;font-size:12px}.platform-shell .learn-result-count{font-size:11px}.platform-shell .learn-reset{min-height:44px;font-size:11px}
 .platform-shell .learning-content-grid{grid-template-columns:1fr}
 .platform-shell .learning-content-card,.platform-shell .learning-content-placeholder{padding:20px}
 .platform-shell .learning-content-card{min-height:224px}
 .platform-shell .learn-empty{padding:32px 20px;min-height:260px}
 .platform-shell .learn-empty h2{font-size:16px}.platform-shell .learn-empty p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.platform-shell .learning-content-card{transition:none}}
