/* =====================================================
   RUNLAA TOPICS PAGE
   page-specific only
===================================================== */

.topics-page-local{
  position:relative;
}

.topics-page-local .section-title{
  color:var(--text);
}

.topics-page-local .section-sub{
  color:var(--text);
  opacity:.8;
}

.topics-page-local .topic-card{
  display:block;
  height:100%;
  padding:1.2rem;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:22px;
  box-shadow:var(--shadow-soft);
  color:var(--text);
  text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.topics-page-local .topic-card:hover{
  color:var(--text);
  text-decoration:none;
  transform:translateY(-2px);
}

.topics-page-local .topic-icon{
  width:58px;
  height:58px;
  min-width:58px;
  min-height:58px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:linear-gradient(135deg,var(--brand1),var(--brand2));
  color:#fff;
  font-size:1.3rem;
  box-shadow:var(--shadow-soft);
}

.topics-page-local .meta{
  color:var(--text);
  opacity:.78;
}

.topics-page-local .tag-pill{
  display:inline-flex;
  align-items:center;
}

@media (max-width: 767.98px){
  .topics-page-local .topic-card{
    border-radius:18px;
    padding:1rem;
  }

  .topics-page-local .topic-icon{
    width:52px;
    height:52px;
    min-width:52px;
    min-height:52px;
    border-radius:16px;
  }
}


/* ===== moved from app.css: topics page ===== */


.hero-card,
.glass-card,
.side-card,
.profile-card,
.composer-card,
.stat-card,
.topic-card{
  max-width:100%;
}

    .stat-card,.topic-card,.side-card,.profile-card,.composer-card{background:var(--panel);border-radius:20px;box-shadow:var(--shadow-soft)}

    .topic-card{padding:20px;height:100%}

    .topic-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand1),var(--brand2));color:#fff;font-size:1.35rem;box-shadow:var(--shadow-soft)}