/* APv24 UI_v4.20 - VelvetMinute product component governance. */
body[data-project="velvetminute"] {
  font-family: var(--product-font-body) !important;
  color: var(--product-text) !important;
  background:
    radial-gradient(circle at 20% 8%, rgba(244, 184, 189, 0.12), transparent 28rem),
    radial-gradient(circle at 86% 18%, rgba(215, 71, 114, 0.12), transparent 26rem),
    linear-gradient(135deg, #11070d 0%, #20101a 52%, #0b0508 100%) !important;
}
body[data-project="velvetminute"] h1,
body[data-project="velvetminute"] h2,
body[data-project="velvetminute"] h3,
body[data-project="velvetminute"] h4,
body[data-project="velvetminute"] h5,
body[data-project="velvetminute"] h6 {
  font-family: var(--product-font-heading) !important;
}
body[data-project="velvetminute"] .arx-public-nav a,
body[data-project="velvetminute"] .arx-gateway__eyebrow,
body[data-project="velvetminute"] #media .media-core__browse::before,
body[data-project="velvetminute"] #media .media-core__kicker {
  font-family: var(--product-font-accent) !important;
}
body[data-project="velvetminute"] .arx-public-nav a {
  text-align: center !important;
  justify-content: center !important;
}


/* APv24 UI_v4.20 - Reader surface guard.
   Product component styles must not directly theme .media-core__reader-shell.
   ArxReader/ArxPaper rendering is Core-owned and inherited from known-good MediaCore CSS. */