/* Opaque reading surfaces. MTL artwork is an accent, never a text background. */
[data-card-design][data-card-design-kind]{
  position:relative;isolation:isolate;
  --card-design-base:#fff;--card-design-ink:#1d3028;--card-design-muted:#526456;
  background:#fff;background-image:none;background-repeat:no-repeat;
  color:var(--card-design-ink);
  --community-muted:var(--card-design-muted);
  --directory-muted:var(--card-design-muted);
  --polish-muted:var(--card-design-muted);
}

/* Ordinary records, lookup results and source links remain quiet and uniform. */
#government-directory .directory-entry[data-card-design],
.motion-montage .preview-card[data-card-design],
.source-card[data-card-design]:hover{background:#fff;background-image:none}
.health-source[data-card-design][data-card-design-kind]{border-bottom:0;border-radius:22px;padding-inline:24px;margin-block:12px}
.community-money-table tbody>tr[data-card-design][data-card-design-kind]>td{background:transparent}

/* A single clipped colour band lives entirely in reserved decorative space. */
.community-availability-item[data-card-design-variant=accent]::after,
.preview-card[data-card-design-variant=accent]::after{
  content:'';position:absolute;inset:auto 0 0;height:24px;
  border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;pointer-events:none;
  background-color:#edf2ec;background-image:var(--card-design-artwork);
  background-repeat:no-repeat;background-size:cover;background-position:center;
}
#community-view .community-availability-item[data-card-design-variant=accent]{padding-bottom:56px;min-height:146px}
#community-view .community-availability-item[data-card-design-variant=accent]::after{height:32px}
#community-view .community-availability-item[data-card-design] .community-arrow{color:#365a45}
.motion-montage .preview-card[data-card-design]{border:0}
.motion-montage .preview-card[data-card-design-variant=accent]::after{height:16px}
.motion-montage .registration-preview[data-card-design] .business-form{background:#fff}
.preview-card[data-card-design]>.mini-brand,
.preview-card[data-card-design]>h3,
.preview-card[data-card-design]>.text-link{position:relative;background:#fff}

/* Closed and expanded accordions use the same opaque white reading surface. */
.information-page #page-content>details[data-card-design]{padding:0;overflow:hidden;background:#fff;background-image:none}
.information-page #page-content>details[data-card-design]>summary{min-height:68px;padding:20px 25px;background:#fff;background-image:none;color:#1d3028}
.information-page #page-content>details[data-card-design]>summary::after{color:#526456}
.information-page #page-content>details[data-card-design]>p{padding:0 25px 24px;margin:0;background:#fff;color:#526456}

/* Small captions carry information too: these colours exceed 4.5:1 on paper. */
#community-view [data-card-design] :is(.community-muted,.community-eyebrow,.community-portfolio,.community-provenance,.community-verification,.community-record-note,.community-table-meta,.community-money-label),
#community-view [data-card-design] .community-facts dt,
#government-directory [data-card-design] :is(.directory-meta,.directory-notes,.directory-evidence>summary,.directory-evidence-facts dt),
.health-source[data-card-design] :is(p,small),
.health-summary>[data-card-design] span,
.source-card[data-card-design] span,
.preview-card[data-card-design] :is(label,small,.progress-labels,.map-label),
.preview-caption{color:#526456!important}
.preview-card[data-card-design] .map-label{color:#435247!important}
#community-view .community-availability-item[data-card-design] strong{color:#1d3028}
#government-directory [data-card-design] h3,.health-source[data-card-design] h3{color:#1d3028}

@media(max-width:520px){
  .health-source[data-card-design][data-card-design-kind]{padding-inline:20px}
  #community-view .community-availability-item[data-card-design-variant=accent]{padding-bottom:48px;min-height:146px}
  #community-view .community-availability-item[data-card-design-variant=accent]::after{height:24px}
  .information-page #page-content>details[data-card-design]>summary{padding:20px}
  .information-page #page-content>details[data-card-design]>p{padding:0 20px 20px}
}
@media(forced-colors:active){
  [data-card-design][data-card-design-kind]{background:Canvas!important;color:CanvasText!important}
  [data-card-design-variant=accent]::after{display:none}
}
@media print{[data-card-design-variant=accent]::after{display:none}}