/* StockIT Learn - education Q&A feed */
.learn-lead { margin: 0.75rem 0 1.25rem; line-height: 1.55; }
.learn-hub-hint { margin: 0.5rem 0 1rem; font-size: 0.95rem; line-height: 1.5; opacity: 0.9; }
.learn-section { margin: 2rem 0; }
.learn-feature-grid, .learn-tip-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 0.85rem;
  margin: 1rem 0;
}
.learn-feature-card, .learn-tip-card {
  padding: 1.05rem 1.1rem;
  border: 1px solid rgba(147, 197, 253, 0.24);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(16, 31, 54, 0.96), rgba(9, 20, 38, 0.96));
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}
.learn-feature-card h3, .learn-tip-card h3 { margin: 0 0 0.4rem; font-size: 1.05rem; line-height: 1.35; }
.learn-feature-unlock { margin: 0 0 0.35rem; font-size: 0.78rem; letter-spacing: 0.04em; text-transform: uppercase; opacity: 0.7; }
.learn-feature-teaches { margin: 0.45rem 0 0; font-size: 0.92rem; }
.learn-tip-meta { margin: 0 0 0.35rem; font-size: 0.78rem; letter-spacing: 0.04em; text-transform: uppercase; color: #93c5fd; }
.learn-answer { margin: 0 0 0.55rem; line-height: 1.5; }
.learn-game { margin: 0; font-size: 0.95rem; line-height: 1.5; }
.learn-game-block { font-size: 1.05rem; line-height: 1.55; }
.learn-play-badge {
  display: inline-block; margin-left: 0.4rem; padding: 0.15rem 0.45rem;
  border-radius: 999px; font-size: 0.72rem; background: rgba(147,197,253,0.14); color: #bfdbfe;
}
.learn-feed { display: flex; flex-direction: column; gap: 0.85rem; margin: 1.25rem 0; }
.learn-feed-item {
  margin: 0; padding: 0.9rem 1.05rem 1rem;
  border: 1px solid rgba(147,197,253,0.22); border-radius: 16px;
  background: linear-gradient(145deg, rgba(16,31,54,0.96), rgba(9,20,38,0.96));
  box-shadow: 0 10px 28px rgba(0,0,0,0.18); scroll-margin-top: 4.5rem;
}
.learn-feed-title { margin: 0.25rem 0 0.4rem; font-size: 1.12rem; line-height: 1.35; }
.learn-feed-title a { text-decoration: none; color: inherit; }
.learn-feed-title a:hover { color: #93c5fd; }
.learn-feed-preview { margin: 0; line-height: 1.5; }
.learn-feed-more { margin-top: 0.65rem; }
.learn-feed-more > summary {
  cursor: pointer; list-style: none; color: #93c5fd; font-weight: 600; font-size: 0.95rem;
}
.learn-feed-more > summary::-webkit-details-marker { display: none; }
.learn-feed-more-label::before { content: "▸ "; }
.learn-feed-more[open] > summary .learn-feed-more-label::before { content: "▾ "; }
.learn-feed-more[open] > summary .learn-feed-more-label::after {
  content: " · Show less"; font-weight: 500; opacity: 0.85;
}
.learn-feed-full {
  margin-top: 0.85rem; padding-top: 0.75rem;
  border-top: 1px solid rgba(147,197,253,0.16);
}
.learn-feature-chips { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 0.4rem; }
.learn-feature-chips li a {
  display: inline-block; padding: 0.25rem 0.55rem; border-radius: 999px;
  background: rgba(147,197,253,0.12); color: #bfdbfe; font-size: 0.85rem; text-decoration: none;
}
.learn-steps { line-height: 1.55; }
.learn-cat-list { line-height: 1.7; }
.learn-doc .legal-content { color: #e8eef8; }
.learn-doc .legal-content p, .learn-doc .legal-content li { color: #cbd5e1; }
.learn-doc .legal-content h1, .learn-doc .legal-content h2, .learn-doc .legal-content h3 { color: #f8fafc; }
.learn-doc .legal-content a { color: #93c5fd; }
.learn-doc .blog-answer-capsule { color: #e0f2fe; }
@media (max-width: 640px) {
  .learn-feature-grid, .learn-tip-grid { grid-template-columns: 1fr; }
  .learn-feed-item { padding: 0.85rem; }
}