/*! NBC Evidence Folio · F4 · v7.014
    Final premium / contrast / rendered-regression owner.
    Scope: [data-folio] only. No redesign of surrounding dark sections. */

/* 1) Material ownership: explicit color + image layers avoid legacy shorthand/cascade loss. */
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio] {
  background-color: var(--nbc-folio-paper) !important;
  background-image:
    radial-gradient(circle at 16% 9%, rgba(49,95,62,.026) 0 1px, transparent 1.2px),
    linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,0) 24%) !important;
  background-size: 6px 6px, auto !important;
  background-position: 0 0, 0 0 !important;
  background-repeat: repeat, no-repeat !important;
  color: var(--nbc-folio-ink) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border-color: rgba(11,23,16,.12) !important;
}

/* Preserve only the intentional one-pixel ownership line; kill legacy full-surface pseudo overlays. */
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio]::after {
  content: none !important;
  background: none !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio]::before {
  max-height: 1px !important;
  pointer-events: none !important;
}

/* 2) Text ownership on Paper. These rules deliberately outrank legacy dark-surface colors. */
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio] :where(h1,h2,h3,h4,h5,h6,strong,b,dt) {
  color: var(--nbc-folio-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio] :where(p,li,dd,figcaption,caption,td,small) {
  color: var(--nbc-folio-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio] :where(a:not(.btn),.mono,.nbc-eyebrow,[class*="eyebrow"],[class*="kicker"],.nbc-folio__meta,.nbc-folio__metric-label,.nbc-folio__row>span) {
  color: var(--nbc-folio-moss) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio] .nbc-folio__source {
  color: #5f6b62 !important; /* 4.81:1 on Paper; legacy #667168 was 4.39:1 */
  -webkit-text-fill-color: currentColor !important;
}

/* 3) Reading Paper: one continuous editorial document, never dark cards inside Paper. */
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] :where(
  .ep-journey,.ep-executive-answer,.ep-answer-triad,.ep-practice-scenario,.ep-body,
  .ep-decision-ledger,.ep-conclusion,.article-diagnostic-context,.article-knowledge-container,
  .hinweis,.source-note,.ep-table-wrap,.ep-responsibility-ledger,.ep-redflags,.ep-sources,
  .dg5-guide-bridge,.dg5-guide-bridge__inner,.nbc-knowledge-item
) {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Open, document-like callouts instead of cards. */
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] :where(.hinweis,.source-note,.ep-practice-scenario) {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  padding: 22px 0 !important;
  border: 0 !important;
  border-block: 1px solid var(--nbc-folio-rule) !important;
  color: var(--nbc-folio-muted) !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] :where(.hinweis,.source-note,.ep-practice-scenario) :where(p,span,strong) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] :where(.hinweis,.source-note,.ep-practice-scenario) strong {
  color: var(--nbc-folio-ink) !important;
}

/* Executive answer / responsibility / red flags become ledgers, not panels. */
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] :where(.ep-answer-triad,.ep-responsibility-ledger,.ep-redflags) {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  border: 0 !important;
  border-block: 1px solid var(--nbc-folio-rule) !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] :where(.ep-answer-triad,.ep-responsibility-ledger,.ep-redflags) > :where(article,div) {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: var(--nbc-folio-ink) !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-responsibility-ledger > article {
  border: 0 !important;
  border-right: 1px solid var(--nbc-folio-rule) !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-responsibility-ledger > article:last-child {
  border-right: 0 !important;
}

/* Tables are part of the paper: warm rules + horizontal containment, never a black slab. */
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  overflow-x: auto !important;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  border: 0 !important;
  border-block: 1px solid var(--nbc-folio-rule) !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-table-wrap :where(table,thead,tbody,tr,th,td) {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: var(--nbc-folio-rule) !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-table-wrap table {
  width: 100% !important;
  min-width: 680px;
  border-collapse: collapse !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-table-wrap th {
  color: var(--nbc-folio-moss) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-table-wrap td {
  color: var(--nbc-folio-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Reading-path / editorial metadata used dark-mode colors in legacy assets. */
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] :where(
  .ep-section-kicker .mono,.ep-answer-triad .mono,.ep-visual-head .mono,.ep-chapter-head .mono,
  .ep-decision-ledger .mono,.ep-conclusion .mono,.dg5-guide-bridge .mono,.nbc-eyebrow
) {
  color: var(--nbc-folio-moss) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-journey :where(span,i) {
  color: var(--nbc-folio-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-journey :where(.mono,.is-current) {
  color: var(--nbc-folio-moss) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Sources/disclosures stay in the same material and read like a document appendix. */
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-sources {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  border: 0 !important;
  border-block: 1px solid var(--nbc-folio-rule) !important;
  color: var(--nbc-folio-ink) !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-sources :where(summary,strong,h3) {
  color: var(--nbc-folio-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-sources :where(p,li,small) {
  color: var(--nbc-folio-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Final in-paper bridge: editorial rule, not a dark conversion card. */
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .dg5-guide-bridge {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
  border: 0 !important;
  border-block: 1px solid var(--nbc-folio-rule) !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .dg5-guide-bridge :where(h2,h3,strong) {
  color: var(--nbc-folio-ink) !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .dg5-guide-bridge :where(p,li,small,span:not(.mono)) {
  color: var(--nbc-folio-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* 4) Legal Working Paper: local reset remains a control, not a second white card. */
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]).page-legal [data-folio] .local-data-reset {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border-inline: 0 !important;
  border-color: var(--nbc-folio-rule) !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]).page-legal [data-folio] .local-data-reset .btn {
  min-height: 44px !important;
  padding: 10px 0 !important;
  background: transparent !important;
  color: var(--nbc-folio-moss) !important;
  -webkit-text-fill-color: currentColor !important;
  border: 0 !important;
  border-bottom: 1px solid currentColor !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* 5) Inputs on Folio material must never fall back to browser white. */
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio] :where(input,textarea,select) {
  color: var(--nbc-folio-ink) !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio] :where(input:not([type="range"]),textarea,select) {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* 6) Narrow-width reading composition: keep ledgers open and tables contained. */
@media (max-width:760px) {
  html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-responsibility-ledger > article {
    border-right: 0 !important;
    border-bottom: 1px solid var(--nbc-folio-rule) !important;
  }
  html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-responsibility-ledger > article:last-child {
    border-bottom: 0 !important;
  }
  html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-table-wrap {
    margin-inline: 0 !important;
    padding-bottom: 4px;
    scrollbar-width: thin;
  }
}

@media (prefers-contrast: more) {
  html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio] {
    --nbc-folio-muted: #3f4d44;
    --nbc-folio-rule: #a9a193;
  }
}

/* F4 reading residuals: legacy decision-grid/card colors must resolve into the same Paper. */
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .article-diagnostic-grid > article {
  background: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  border-bottom: 1px solid var(--nbc-folio-rule) !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .article-diagnostic-grid > article:last-child {
  border-bottom: 0 !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] :where(
  .ep-journey-state,
  .ep-journey-state *,
  .ep-responsibility-ledger > article > span,
  .article-diagnostic-grid > article > span,
  .ep-conclusion-list li > span
) {
  color: var(--nbc-folio-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] :where(
  .ep-responsibility-ledger > article > span:first-child,
  .article-diagnostic-grid > article > span:first-child
) {
  color: var(--nbc-folio-moss) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* F4 editorial de-card pass: guided reading is a ledger row inside the same document. */
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-journey {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  padding: 26px 0 !important;
  border: 0 !important;
  border-block: 1px solid var(--nbc-folio-rule) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-executive-answer::before {
  content: none !important;
  display: none !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .m6-reading-path :where(a,span) {
  color: var(--nbc-folio-moss) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* 5) Mobile article runtime may relocate the signature stage into Reading Paper.
   When that happens it must inherit the same document material, never reintroduce a dark slab. */
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-signature-stage {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 28px 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-block: 1px solid var(--nbc-folio-rule) !important;
  box-shadow: none !important;
  color: var(--nbc-folio-ink) !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-signature-stage > .ep-hero-wrap,
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-signature-stage-wrap {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-signature-visual {
  min-height: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--nbc-folio-ink) !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-signature-visual :where(.ep-visual-head,strong) {
  color: var(--nbc-folio-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-signature-visual :where(.ep-visual-head .mono,.ep-visual-fallback li::before) {
  color: var(--nbc-folio-moss) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-signature-visual :where(.ep-visual-fallback,p,li) {
  color: var(--nbc-folio-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* The legacy mobile runtime relocates the desktop-only signature stage into the article.
   Its actual visual canvas is suppressed at this size, so retaining the shell would create an empty pseudo-section. */
@media (max-width:760px) {
  html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-signature-stage {
    display: none !important;
  }
}

/* 6) Working Folio controls: legacy dark-form metadata colors did not meet Paper contrast. */
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="working"] .dg4-field > span {
  color: var(--nbc-folio-moss) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="working"] .dg4-trustline > span {
  color: var(--nbc-folio-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* 7) Contact Briefing Sheet: solid submit control must reverse its nested text with the button. */
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="working"] .ac-submit :where(span,strong) {
  color: var(--nbc-folio-paper) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* 8) Reading Paper legacy responsive tables: mobile cardification must stay on Paper. */
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] :where(.table-scroll,.responsive-table,.responsive-table thead,.responsive-table tbody,.responsive-table tr,.responsive-table th,.responsive-table td) {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border-color: var(--nbc-folio-rule) !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .responsive-table tr {
  border-inline: 0 !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--nbc-folio-rule) !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .responsive-table :where(th,td) {
  color: var(--nbc-folio-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .responsive-table th {
  color: var(--nbc-folio-moss) !important;
}

/* 9) Inline editorial figures are diagrams within the document, not dark-mode islands. */
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .fviz {
  width: 100% !important;
  max-width: 100% !important;
  margin: 36px 0 !important;
  padding: 24px 0 18px !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-block: 1px solid var(--nbc-folio-rule) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .fviz svg text {
  fill: var(--nbc-folio-muted) !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .fviz svg :where(text.ok,.ok text,.fv-boxlbl.ok,.fv-rowcap.ok,.fviz-cap.ok) {
  fill: var(--nbc-folio-moss) !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .fviz svg :where(text.bad,.bad text,.fv-rowcap.bad,.fviz-cap.bad,.fv-arrlbl.bad) {
  fill: #7b403b !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .fviz svg rect {
  fill: var(--nbc-folio-paper-secondary) !important;
  stroke: var(--nbc-folio-rule) !important;
  filter: none !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .fviz svg :where(.fv-boxn,.fv-filter rect) {
  stroke: var(--nbc-folio-moss) !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .fviz figcaption {
  color: var(--nbc-folio-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* 10) Universal Reading Paper row reset: mobile editorial CSS used row-cards on several decision tables. */
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] tr {
  background: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* 11) Barometer optional cost inputs remain functional, but read as document fields. */
html[data-folio-contract="v7010"] body.page-barometer [data-folio="decision"] .baro-calculator input {
  min-height: 48px !important;
  padding: 10px 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid var(--nbc-folio-rule) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--nbc-folio-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* 12) Runtime-injected next-reading module is part of the document close, never a card. */
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="reading"] .ep-next-reading {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  padding: 28px 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-block: 1px solid var(--nbc-folio-rule) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio] .btn {
  box-shadow: none !important;
}

/* 13) Tablet/desktop Paper contrast corrections for legacy theme accents. */
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio] .case2-index-link,
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio="working"] .dg3-preview-grid figcaption > span {
  color: var(--nbc-folio-moss) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-folio-contract="v7010"] body:is(#nbc-page,[data-folio-migration]) [data-folio] .f1-metric-slash {
  color: #5f6b62 !important;
  -webkit-text-fill-color: currentColor !important;
}

/* 12) Final material layer ownership.
   Legacy v6 bundles place some ambient transparency rules inside the first cascade layer.
   Important declarations reverse layer precedence, so an unlayered F4 rule cannot own those surfaces.
   Re-enter the established first layer for the top-level Folio material only. */
@layer nbc.normal {
  html[data-folio-contract="v7010"] body#nbc-page.page.design-system-executive [data-folio] {
    background-color: var(--nbc-folio-paper) !important;
    background-image:
      radial-gradient(circle at 16% 9%, rgba(49,95,62,.026) 0 1px, transparent 1.2px),
      linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,0) 24%) !important;
    background-size: 6px 6px, auto !important;
    background-position: 0 0, 0 0 !important;
    background-repeat: repeat, no-repeat !important;
  }
}