/** Content surfaces: readable lists and workspaces, shared by light and dark themes. */
html[data-bs-theme] :is(.news-center-shell,.notify-page,.contacts-page,.dashboard-page,.board-shell,.cd-content-surface) {
  --cd-surface-bg: var(--ds-surface); --cd-surface-muted: var(--ds-soft); --cd-border-color: var(--ds-line); --cd-border-strong: var(--ds-accent); --cd-soft-shadow: var(--ds-shadow); --cd-soft-shadow-hover: var(--ds-shadow); --cd-radius-lg: var(--ds-radius-card); --cd-radius-md: var(--ds-radius-control);
  --t-page-line: var(--ds-line); --t-page-soft: var(--ds-soft); --t-page-pane-bg: var(--ds-surface); --t-page-shadow: var(--ds-shadow); color: var(--ds-ink);
}
html[data-bs-theme] :is(.news-panel,.news-hero,.news-stat,.notify-panel,.notify-summary-card,.notify-page-head,.contacts-card,.contacts-dir-row,.contacts-person-card,.db-settings-panel,.board-toolbar,.board-create-form,.pb-block-card,.upv-gallery-card,.cd-surface-card,.cd-surface-hero) { background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: var(--ds-radius-card); color: var(--ds-ink); box-shadow: var(--ds-shadow); backdrop-filter: blur(var(--ds-glass-blur)); transform: none; }
html[data-bs-theme] .contacts-dir-row:hover { border-color: var(--ds-accent); background: var(--ds-surface); transform: none; box-shadow: none; }
html[data-bs-theme] :is(.news-hero,.notify-page-head,.cd-content-surface .page-hero,.cd-surface-hero) { padding: var(--ds-panel-pad); margin-bottom: 20px; }
html[data-bs-theme] :is(.news-hero-title,.notify-page-title) { font-size: clamp(1.7rem, 2.4vw, 2.3rem); font-weight: 750; }
html[data-bs-theme] :is(.news-hero-subtitle,.news-item-meta,.news-stat-label,.notify-feed-meta) { color: var(--ds-muted); font-size: .8rem; }
html[data-bs-theme] :is(.news-item-title,.notify-feed-title) { font-size: 1.05rem; font-weight: 700; letter-spacing: -.02em; }
html[data-bs-theme] :is(.news-item-body,.news-body,.notify-feed-copy) { color: var(--ds-muted); font-size: .875rem; line-height: 1.7; }
html[data-bs-theme] :is(.news-filter,.news-tab,.notify-filter) { border-radius: var(--ds-radius-control); box-shadow: none; background: transparent; color: var(--ds-muted); }
html[data-bs-theme] :is(.news-filter,.news-tab,.notify-filter).is-active { color: var(--ds-accent); background: var(--ds-accent-soft); border-color: transparent; }
html[data-bs-theme] :is(.news-search,.notify-search,.contacts-search) { border-radius: var(--ds-radius-control); background: var(--ds-surface); border-color: var(--ds-line); box-shadow: none; }
html[data-bs-theme] :is(.news-stat,.notify-summary-card) { background: var(--ds-soft); box-shadow: none; border-color: transparent; }
html[data-bs-theme] :is(.news-stat strong,.notify-summary-value) { color: var(--ds-ink); }
html[data-bs-theme] .board-toolbar { padding: var(--ds-panel-pad); }
html[data-bs-theme] .contacts-person-card { padding: var(--ds-panel-pad); }
html[data-bs-theme] :is(.board-shell,.board-toolbar,.board-node,.board-hub-card) { box-shadow: none; border-color: var(--ds-line); }
html[data-bs-theme] .board-hub-card { border-radius: var(--ds-radius-card); background: var(--ds-surface); }
html[data-bs-theme] .cd-content-surface :is(.pb-selected-files,.upv-video-layout,.link-call-video-tile) { border: 1px solid var(--ds-line); background: var(--ds-soft); border-radius: var(--ds-radius-control); box-shadow: none; }
html[data-bs-theme] .about-page { max-width: 960px; padding: 12px 0 32px; }
html[data-bs-theme] .about-page-head { padding-bottom: 28px; border-bottom: 1px solid var(--ds-line); }
html[data-bs-theme] .about-description { font-size: 1rem; line-height: 1.85; max-width: 68ch; }
html[data-bs-theme] .about-team { padding-top: 28px; margin-top: 32px; border-color: var(--ds-line); }
html[data-bs-theme] .about-member { padding: var(--ds-panel-pad); border: 1px solid var(--ds-line); border-radius: var(--ds-radius-card); background: var(--ds-surface); }
@media (max-width: 767.98px) {
  html[data-bs-theme] :is(.news-hero,.notify-page-head,.cd-content-surface .page-hero) { padding: var(--ds-panel-pad); }
  html[data-bs-theme] .contacts-person-card { padding: var(--ds-panel-pad); }
  html[data-bs-theme] :is(.news-item-title,.notify-feed-title) { overflow-wrap: anywhere; }
}