/* Small, shared demo disclosures; the operational layouts keep their existing space. */
:root { --muted: #6f625e; }
.config-small-print, .config-status, .config-material-current small, .config-detail-copy > small { color: #6f625e; }
.site-footer .footer-bottom { font-size: 10px; }
.demo-footer-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 20px; }
.demo-footer-tools a, .demo-information-link { text-decoration: underline; text-underline-offset: 3px; }
.demo-footer-tools a, .demo-footer-tools button { min-height: 28px; display: inline-flex; align-items: center; color: var(--ink); }
#privacy-dialog { padding: 34px; }
#privacy-dialog h2 { margin-bottom: 20px; font-size: 30px; }
#privacy-dialog .eyebrow { margin-bottom: 16px; }
#privacy-dialog p { font-size: 12px; line-height: 1.65; }
.demo-storage-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; padding: 14px 0; border-block: 1px solid var(--line); }
.demo-storage-actions button { min-height: 36px; color: var(--ink); font-size: 12px; font-weight: 700; }
.demo-storage-actions small { flex: 1 1 200px; color: var(--muted); font-size: 10px; line-height: 1.5; }
#privacy-dialog .demo-storage-status { min-height: 20px; margin: 10px 0; color: var(--ink); font-size: 11px; font-weight: 650; }
@media (max-width: 600px) {
  #privacy-dialog { padding: 30px 22px 24px; }
  #privacy-dialog h2 { padding-right: 20px; font-size: 27px; }
  #privacy-dialog p { font-size: 11px; }
}