/* Norelyn Learn visual rule: square, flat, editorial. */
*,
*::before,
*::after {
  border-radius: 0 !important;
}

/* Remove card surfaces globally without removing their content. */
.learn-card,
.article-related-card,
.article-note,
.article-course-tools,
.learning-roadmap-track,
.learn-search-control,
.explore-search-wrap,
.site-tools,
.theme-toggle,
.learn-card-stats span,
.explore-chip,
.explore-more {
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Home and Learning become editorial lists instead of card grids. */
.learn-home .learn-index .learn-list,
.learning-home .learn-index .learn-list {
  display: block !important;
  border-top: 1px solid var(--line) !important;
}

.learn-home .learn-index .learn-card,
.learning-home .learn-index .learn-card {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: 120px minmax(0, 1fr) auto !important;
  grid-template-rows: auto !important;
  gap: 28px !important;
  padding: 28px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
}

.learn-home .learn-index .learn-card:hover,
.learning-home .learn-index .learn-card:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: var(--line) !important;
}

.learn-home .learn-index .learn-card-meta,
.learning-home .learn-index .learn-card-meta {
  grid-column: auto !important;
  color: var(--muted) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

/* Secondary card-like surfaces become simple sections/rows. */
.learning-roadmap-track,
.article-course-tools,
.article-note {
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 1px solid var(--line) !important;
  border-bottom: 1px solid var(--line) !important;
}

.article-course-tools {
  padding-inline: 0 !important;
}

.article-note {
  padding-inline: 0 !important;
}

/* Chips/badges become plain text controls instead of pills. */
.learn-card-stats span,
.explore-chip,
.explore-more,
.theme-toggle {
  border-left: 0 !important;
  border-right: 0 !important;
}

.learn-card-stats span {
  padding-inline: 0 !important;
  margin-right: 14px;
}

.explore-chip {
  padding-inline: 0 !important;
  margin-right: 16px;
  border-top: 0 !important;
  border-bottom: 1px solid transparent !important;
}

.explore-chip:hover,
.explore-chip.is-active {
  background: transparent !important;
  color: var(--accent) !important;
  border-bottom-color: var(--accent) !important;
}

/* Search should read as a field line, not a card. */
.learn-search-control,
.explore-search-wrap {
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.learn-search-control:focus-within,
.explore-search-wrap:focus-within {
  box-shadow: none !important;
  border-bottom-color: var(--accent) !important;
}

@media (max-width: 600px) {
  .learn-home .learn-index .learn-card,
  .learning-home .learn-index .learn-card {
    grid-template-columns: 1fr auto !important;
    gap: 8px 18px !important;
  }

  .learn-home .learn-index .learn-card-meta,
  .learning-home .learn-index .learn-card-meta {
    grid-column: 1 / -1 !important;
  }
}