/* Dark theme: keep fixed-content panels on dark surfaces so shared light text remains legible. */
html[data-style="malam"] body .affiliate-guide-panel {
  color: #e9eff1;
}
html[data-style="malam"] body .affiliate-guide-panel :is(.affiliate-guide-header, .affiliate-guide-toc, .affiliate-guide-content) {
  background: #171c27 !important;
  border-color: #465065 !important;
  color: #e9eff1 !important;
}
html[data-style="malam"] body .affiliate-guide-header :is(p, small),
html[data-style="malam"] body .affiliate-guide-toc strong {
  color: #c5cedd !important;
}
html[data-style="malam"] body .affiliate-guide-header .eyebrow {
  color: #d6ff4a !important;
}
html[data-style="malam"] body .affiliate-guide-toc a,
html[data-style="malam"] body .affiliate-guide-content a {
  color: #9ee3cf !important;
}
html[data-style="malam"] body .affiliate-guide-toc a:is(:hover, :focus-visible) {
  background: #283a3d !important;
}
html[data-style="malam"] body .affiliate-guide-content :is(h2, h3, h4, p, li, th, td, strong) {
  color: #e9eff1 !important;
}
html[data-style="malam"] body .affiliate-guide-content :is(h2, th, td) {
  border-color: #465065 !important;
}
html[data-style="malam"] body .affiliate-guide-content th {
  background: #243044 !important;
}
html[data-style="malam"] body .affiliate-guide-content :is(.affiliate-guide-example, .affiliate-guide-safer) {
  background: #243044 !important;
}
html[data-style="malam"] body .affiliate-guide-content .affiliate-guide-risk {
  background: #493125 !important;
  color: #ffcfb9 !important;
}

html[data-style="malam"] body .sample-monthly,
html[data-style="malam"] body :is(.sample-month-card, .sample-month-archive) {
  background: #171c27 !important;
  border-color: #465065 !important;
  color: #e9eff1 !important;
}
html[data-style="malam"] body .sample-monthly :is(h3, p, strong, span, summary, small) {
  color: #e9eff1 !important;
}
html[data-style="malam"] body .sample-monthly :is(.sample-month-card > summary, .sample-month-archive > summary) {
  border-color: #465065 !important;
}
html[data-style="malam"] body .sample-product-track { background: #344457 !important; }
html[data-style="malam"] body .sample-product-track span { background: #91dccb !important; }

html[data-style="malam"] body .natasya-story,
html[data-style="malam"] body .natasya-story-item {
  background: #171c27 !important;
  border-color: #465065 !important;
  color: #e9eff1 !important;
}
html[data-style="malam"] body .natasya-story :is(h3, label, strong, summary, p) {
  color: #e9eff1 !important;
}
html[data-style="malam"] body .natasya-story :is(small, .natasya-story-head p, .natasya-story-count) {
  color: #c5cedd !important;
}
html[data-style="malam"] body .natasya-story :is(.natasya-story-head span:first-child, a) {
  color: #9ee3cf !important;
}
html[data-style="malam"] body .natasya-story-reminder {
  background: #453723 !important;
  color: #ffe1a3 !important;
}

html[data-style="malam"] body .ads-learning {
  color: #e9eff1 !important;
}
html[data-style="malam"] body .ads-learning :is(
  .ads-learning-intro, .ads-learning-section, .ads-learning-steps > div,
  .ads-learning-age-grid > div, .ads-learning-accordion details,
  .ads-learning-angle-grid > div, .ads-learning-check-grid > div,
  .ads-asc-note, .ads-asc-card, .ads-asc-card-head,
  .ads-asc-copy > div, .ads-asc-card-foot
) {
  background: #171c27 !important;
  border-color: #465065 !important;
  color: #e9eff1 !important;
}
html[data-style="malam"] body .ads-learning :is(
  h3, h4, p, li, strong, small, .ads-learning-age-grid b,
  .ads-learning-accordion summary, .ads-asc-copy p
) {
  color: #e9eff1 !important;
}
html[data-style="malam"] body .ads-learning :is(
  .ads-learning-kicker, .ads-learning-age-grid span,
  .ads-learning-angle-grid span, .ads-asc-copy small,
  .ads-learning-footnote a
) {
  color: #a9e5d3 !important;
}
html[data-style="malam"] body .ads-learning :is(.ads-asc-card-head > span, .ads-asc-card-foot > span) {
  background: #315d55 !important;
  color: #fff !important;
}

/* Secondary controls and dynamic rows also need their own dark surfaces. */
html[data-style="malam"] body .sample-history li {
  background: #243044 !important;
  border-color: #465065 !important;
  color: #e9eff1 !important;
}
html[data-style="malam"] body .sample-history summary,
html[data-style="malam"] body .sample-history li :is(time, span, small, strong) {
  color: #a9e5d3 !important;
}
html[data-style="malam"] body .creator-trend-followup {
  background: #243044 !important;
  border: 1px solid #465065 !important;
  color: #e9eff1 !important;
}
html[data-style="malam"] body .creator-trend-followup :is(summary, label, p, small) {
  color: #e9eff1 !important;
}
html[data-style="malam"] body :is(.creator-trend-change.down, .negative) {
  color: #ffae97 !important;
}
html[data-style="malam"] body :is(.month-pill, .rank-num) {
  color: #d6ff4a !important;
}
html[data-style="malam"] body .month-pill {
  background: #283524 !important;
  border: 1px solid #566945 !important;
}
html[data-style="malam"] body .konten-archive :is(a, .konten-chevron) {
  color: #a9e5d3 !important;
}
html[data-style="malam"] body #team-socialviews .social-chart-card span,
html[data-style="malam"] body #team-vps :is(.vps-card, .vps-section-head) span {
  color: #c5cedd !important;
}
html[data-style="malam"] body .orang-menu-status.is-locked {
  background: #243044 !important;
  color: #c5cedd !important;
  border-color: #465065 !important;
}