/* Apply correct topic panel + tab before paint (paired with site-topic-boot.js) */
html[data-mvv-topic]:not([data-mvv-single]) .topic-panel {
  display: none !important;
}

html[data-mvv-single] .topic-panel,
html[data-mvv-single] #faq,
html[data-mvv-single] #contact {
  display: none !important;
}

html[data-mvv-topic="home"]:not([data-mvv-single]) #homeScreen,
html[data-mvv-topic="explore"] #exploreScreen,
html[data-mvv-topic="plans"] #plans,
html[data-mvv-topic="plans"] #download,
html[data-mvv-topic="how"] #how,
html[data-mvv-topic="how"] #get-started,
html[data-mvv-topic="features"] #features,
html[data-mvv-topic="profiles"] #profiles,
html[data-mvv-topic="community"] #community,
html[data-mvv-topic="app-preview"] #app-preview,
html[data-mvv-single="faq"] #faq,
html[data-mvv-single="contact"] #contact {
  display: block !important;
}

html[data-mvv-topic] .topic-tab-btn {
  color: #54656f;
  font-weight: 500;
}

html[data-mvv-topic] .topic-tab-btn.active::after {
  display: none;
}

html[data-mvv-topic="home"] .topic-tab-btn[data-topic="home"],
html[data-mvv-topic="explore"] .topic-tab-btn[data-topic="explore"],
html[data-mvv-topic="plans"] .topic-tab-btn[data-topic="plans"],
html[data-mvv-topic="how"] .topic-tab-btn[data-topic="how"],
html[data-mvv-topic="features"] .topic-tab-btn[data-topic="features"],
html[data-mvv-topic="profiles"] .topic-tab-btn[data-topic="profiles"],
html[data-mvv-topic="community"] .topic-tab-btn[data-topic="community"],
html[data-mvv-topic="app-preview"] .topic-tab-btn[data-topic="app-preview"] {
  color: #1c0e08;
  font-weight: 700;
}

html[data-mvv-topic="home"] .topic-tab-btn[data-topic="home"]::after,
html[data-mvv-topic="explore"] .topic-tab-btn[data-topic="explore"]::after,
html[data-mvv-topic="plans"] .topic-tab-btn[data-topic="plans"]::after,
html[data-mvv-topic="how"] .topic-tab-btn[data-topic="how"]::after,
html[data-mvv-topic="features"] .topic-tab-btn[data-topic="features"]::after,
html[data-mvv-topic="profiles"] .topic-tab-btn[data-topic="profiles"]::after,
html[data-mvv-topic="community"] .topic-tab-btn[data-topic="community"]::after,
html[data-mvv-topic="app-preview"] .topic-tab-btn[data-topic="app-preview"]::after {
  content: '';
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 0;
  height: 4px;
  background: #fc5603;
  border-radius: 2px 2px 0 0;
  display: block;
}