:root {
  --dm-ink: #eef4ff;
  --dm-muted: #9eacc8;
  --dm-panel: rgba(12, 22, 43, .88);
  --dm-panel-strong: #101d37;
  --dm-line: rgba(146, 174, 224, .18);
  --dm-blue: #6b8cff;
  --dm-cyan: #31dccd;
  --dm-gold: #f5bf68;
  --dm-violet: #a882ff;
  --dm-danger: #ff7c96;
  --dm-radius: 24px;
  --dm-shadow: 0 24px 70px rgba(0, 8, 28, .38);
}

body[data-category="digital"] {
  background:
    radial-gradient(circle at 12% 12%, rgba(83, 113, 235, .2), transparent 32rem),
    radial-gradient(circle at 88% 18%, rgba(49, 220, 205, .12), transparent 30rem),
    #060c1a;
  color: var(--dm-ink);
}

body[data-category="digital"] main.container {
  width: min(1500px, calc(100% - 32px));
  max-width: none;
  margin-inline: auto;
  padding: 0 0 80px;
}

.dmPage,
.dmPage * {
  box-sizing: border-box;
}

.dmPage {
  color: var(--dm-ink);
  display: grid;
  gap: 34px;
  padding-top: 18px;
}

.dmPage a {
  color: inherit;
}

.dmSubnav {
  position: sticky;
  top: 74px;
  z-index: 40;
  display: flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  gap: 4px;
  padding: 6px;
  border: 1px solid var(--dm-line);
  border-radius: 999px;
  background: rgba(7, 14, 30, .82);
  box-shadow: 0 12px 38px rgba(0, 0, 0, .24);
  backdrop-filter: blur(18px);
  overflow-x: auto;
}

.dmSubnav a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  color: var(--dm-muted);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

.dmSubnav a:hover,
.dmSubnav a.is-active {
  color: #fff;
  background: rgba(107, 140, 255, .18);
}

.dmSubnav a span {
  display: grid;
  min-width: 21px;
  height: 21px;
  place-items: center;
  border-radius: 999px;
  color: #061421;
  background: var(--dm-cyan);
  font-size: 11px;
}

.dmEyebrow,
.dmSectionHead > div > span {
  color: var(--dm-cyan);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .17em;
  text-transform: uppercase;
}

.dmHero {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  min-height: 530px;
  overflow: hidden;
  border: 1px solid rgba(137, 168, 226, .22);
  border-radius: 36px;
  background:
    linear-gradient(90deg, rgba(7, 15, 34, .97) 0%, rgba(9, 20, 43, .9) 53%, rgba(8, 17, 35, .48) 100%),
    var(--category-theme-image);
  background-position: center;
  background-size: cover;
  box-shadow: var(--dm-shadow);
}

.dmHero::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  background:
    linear-gradient(135deg, rgba(107, 140, 255, .14), transparent 44%),
    radial-gradient(circle at 85% 12%, rgba(49, 220, 205, .18), transparent 30%);
}

.dmHero__content {
  align-self: center;
  padding: clamp(36px, 6vw, 84px);
}

.dmHero h1 {
  max-width: 900px;
  margin: 12px 0 20px;
  font-size: clamp(52px, 7vw, 112px);
  font-weight: 950;
  letter-spacing: -.065em;
  line-height: .88;
}

.dmHero__content > p {
  max-width: 700px;
  margin: 0;
  color: #c6d3ec;
  font-size: clamp(17px, 2vw, 22px);
  line-height: 1.55;
}

.dmHero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 30px;
}

.dmHero__trust {
  align-self: end;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  margin: 0 30px 30px 0;
  overflow: hidden;
  border: 1px solid var(--dm-line);
  border-radius: 22px;
  background: var(--dm-line);
  backdrop-filter: blur(18px);
}

.dmHero__trust div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 22px 14px;
  background: rgba(7, 15, 32, .82);
  text-align: center;
}

.dmHero__trust strong {
  color: #fff;
  font-size: 27px;
}

.dmHero__trust span {
  color: var(--dm-muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.dmButton {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 21px;
  border: 1px solid transparent;
  border-radius: 14px;
  font: inherit;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.dmButton:hover {
  transform: translateY(-2px);
}

.dmButton--primary {
  color: #07111f !important;
  background: linear-gradient(120deg, var(--dm-cyan), #8a9dff 55%, var(--dm-gold));
  box-shadow: 0 12px 30px rgba(84, 124, 255, .25);
}

.dmButton--quiet {
  color: var(--dm-ink) !important;
  border-color: var(--dm-line);
  background: rgba(255, 255, 255, .055);
}

.dmButton--quiet:hover {
  border-color: rgba(49, 220, 205, .48);
  background: rgba(49, 220, 205, .09);
}

.dmSectionHead {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.dmSectionHead h2 {
  margin: 7px 0 0;
  font-size: clamp(28px, 4vw, 46px);
  letter-spacing: -.035em;
}

.dmTypeRail,
.dmDiscover {
  scroll-margin-top: 150px;
}

.dmTypeGrid {
  display: grid;
  grid-template-columns: repeat(7, minmax(150px, 1fr));
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 8px;
}

.dmTypeCard {
  display: grid;
  align-content: start;
  min-height: 210px;
  padding: 18px;
  border: 1px solid var(--dm-line);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(19, 34, 63, .9), rgba(9, 19, 38, .92));
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.dmTypeCard:hover {
  transform: translateY(-5px);
  border-color: rgba(49, 220, 205, .45);
  background: linear-gradient(145deg, rgba(25, 47, 79, .95), rgba(10, 24, 46, .95));
}

.dmTypeCard__icon,
.dmProductCard__visual > span {
  display: grid;
  width: 48px;
  height: 48px;
  margin-bottom: 28px;
  place-items: center;
  border: 1px solid rgba(140, 166, 255, .3);
  border-radius: 15px;
  color: var(--dm-cyan);
  background: rgba(107, 140, 255, .1);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .08em;
}

.dmTypeCard strong {
  margin-bottom: 8px;
  font-size: 17px;
}

.dmTypeCard small {
  color: var(--dm-muted);
  font-size: 12px;
  line-height: 1.45;
}

.dmResultCount {
  color: var(--dm-muted);
  font-size: 14px;
}

.dmFilters {
  display: grid;
  grid-template-columns: minmax(230px, 1.55fr) repeat(5, minmax(120px, .62fr)) auto auto;
  align-items: end;
  gap: 10px;
  padding: 16px;
  border: 1px solid var(--dm-line);
  border-radius: 22px;
  background: var(--dm-panel);
  box-shadow: 0 18px 48px rgba(0, 8, 28, .2);
}

.dmFilters label,
.dmField {
  display: grid;
  gap: 7px;
}

.dmFilters label > span,
.dmField > span {
  color: var(--dm-muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.dmFilters input,
.dmFilters select,
.dmField input,
.dmField select,
.dmField textarea {
  width: 100%;
  min-height: 48px;
  border: 1px solid var(--dm-line);
  border-radius: 13px;
  outline: none;
  color: var(--dm-ink);
  background: rgba(4, 11, 25, .65);
  font: inherit;
  font-size: 15px;
}

.dmFilters input,
.dmField input,
.dmField textarea {
  padding: 12px 14px;
}

.dmFilters select,
.dmField select {
  padding: 0 38px 0 14px;
}

.dmFilters input:focus,
.dmFilters select:focus,
.dmField input:focus,
.dmField select:focus,
.dmField textarea:focus {
  border-color: var(--dm-cyan);
  box-shadow: 0 0 0 3px rgba(49, 220, 205, .1);
}

.dmProductGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 18px;
}

.dmProductCard {
  overflow: hidden;
  border: 1px solid var(--dm-line);
  border-radius: var(--dm-radius);
  background: var(--dm-panel);
  box-shadow: 0 18px 45px rgba(0, 8, 28, .18);
  transition: transform .2s ease, border-color .2s ease;
}

.dmProductCard:hover {
  transform: translateY(-5px);
  border-color: rgba(107, 140, 255, .48);
}

.dmProductCard__visual {
  position: relative;
  display: grid;
  min-height: 235px;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 72% 20%, rgba(49, 220, 205, .25), transparent 34%),
    linear-gradient(145deg, #17284d, #0c152a);
  text-decoration: none;
}

.dmProductCard__visual img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dmProductCard__visual > span {
  width: 76px;
  height: 76px;
  margin: 0;
  border-radius: 23px;
  font-size: 20px;
}

.dmProductCard__visual em {
  position: absolute;
  right: 12px;
  bottom: 12px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 999px;
  color: #dffefa;
  background: rgba(3, 16, 27, .8);
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  backdrop-filter: blur(10px);
}

.dmProductCard__body {
  display: grid;
  gap: 11px;
  padding: 18px;
}

.dmProductCard__labels,
.dmProductInfo__labels {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.dmProductCard__labels span,
.dmProductInfo__labels span,
.dmPill {
  padding: 6px 9px;
  border: 1px solid rgba(107, 140, 255, .23);
  border-radius: 999px;
  color: #bdc9ff;
  background: rgba(107, 140, 255, .08);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.dmProductCard__body > a {
  text-decoration: none;
}

.dmProductCard h3 {
  min-height: 2.35em;
  margin: 0;
  font-size: 20px;
  line-height: 1.18;
}

.dmProductCard__body > p {
  min-height: 1.4em;
  margin: 0;
  overflow: hidden;
  color: var(--dm-muted);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dmProductCard__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--dm-muted);
  font-size: 11px;
}

.dmProductCard__meta span:not(:last-child)::after {
  margin-left: 8px;
  content: "·";
}

.dmProductCard footer {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 10px;
  padding-top: 12px;
  border-top: 1px solid var(--dm-line);
}

.dmProductCard footer strong {
  color: var(--dm-gold);
  font-size: 18px;
}

.dmProductCard footer span {
  color: var(--dm-muted);
  font-size: 11px;
}

.dmEmpty {
  display: grid;
  justify-items: start;
  max-width: 760px;
  gap: 10px;
  padding: clamp(28px, 6vw, 70px);
  border: 1px dashed rgba(132, 164, 220, .34);
  border-radius: 28px;
  background: var(--dm-panel);
}

.dmEmpty > span {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border-radius: 17px;
  color: #07111f;
  background: var(--dm-cyan);
  font-size: 26px;
  font-weight: 900;
}

.dmEmpty h1,
.dmEmpty h2,
.dmEmpty h3 {
  margin: 6px 0 0;
}

.dmEmpty p {
  max-width: 620px;
  margin: 0 0 8px;
  color: var(--dm-muted);
  line-height: 1.6;
}

.dmEmpty--error > span {
  color: #fff;
  background: var(--dm-danger);
}

.dmPromise,
.dmProtection {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  overflow: hidden;
  border: 1px solid var(--dm-line);
  border-radius: 28px;
  background: var(--dm-line);
}

.dmPromise article,
.dmProtection > div {
  padding: 30px;
  background: var(--dm-panel);
}

.dmPromise article:not(:last-child),
.dmProtection > div:not(:last-child) {
  border-right: 1px solid var(--dm-line);
}

.dmPromise span,
.dmProtection > div > span {
  color: var(--dm-cyan);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.dmPromise h3,
.dmProtection strong {
  display: block;
  margin: 9px 0;
  font-size: 20px;
}

.dmPromise p,
.dmProtection p {
  margin: 0;
  color: var(--dm-muted);
  line-height: 1.55;
}

/* Creator form */
.dmCreatePage {
  max-width: 1240px;
  margin-inline: auto;
}

.dmCreateHero,
.dmLibraryHero,
.dmStudioHero,
.dmPreviewHead,
.dmCheckoutHead {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  padding: clamp(26px, 5vw, 54px);
  border: 1px solid var(--dm-line);
  border-radius: 30px;
  background:
    radial-gradient(circle at 88% 18%, rgba(49, 220, 205, .14), transparent 23rem),
    linear-gradient(145deg, rgba(21, 38, 70, .96), rgba(8, 18, 37, .95));
  box-shadow: var(--dm-shadow);
}

.dmCreateHero h1,
.dmLibraryHero h1,
.dmStudioHero h1,
.dmPreviewHead h1,
.dmCheckoutHead h1 {
  margin: 8px 0;
  font-size: clamp(37px, 6vw, 72px);
  letter-spacing: -.055em;
  line-height: .95;
}

.dmCreateHero p,
.dmLibraryHero p,
.dmStudioHero p,
.dmPreviewHead p,
.dmCheckoutHead p {
  max-width: 720px;
  margin: 0;
  color: #b6c5df;
  font-size: 16px;
  line-height: 1.55;
}

.dmCreateHero aside {
  display: grid;
  min-width: 250px;
  gap: 5px;
  padding: 18px;
  border: 1px solid var(--dm-line);
  border-radius: 18px;
  background: rgba(5, 13, 28, .62);
}

.dmCreateHero aside span,
.dmCreateHero aside small {
  color: var(--dm-muted);
  font-size: 11px;
}

.dmCreateHero aside strong {
  font-size: 17px;
}

.dmCreateForm {
  display: grid;
  gap: 16px;
}

.dmCreateForm [hidden] {
  display: none !important;
}

.dmFormSection {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid var(--dm-line);
  border-radius: 26px;
  background: var(--dm-panel);
}

.dmFormSection__number {
  padding-top: 30px;
  border-right: 1px solid var(--dm-line);
  color: var(--dm-cyan);
  background: rgba(107, 140, 255, .055);
  font-size: 13px;
  font-weight: 950;
  text-align: center;
}

.dmFormSection__content {
  display: grid;
  gap: 24px;
  padding: clamp(22px, 4vw, 38px);
}

.dmFormSection__head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 18px;
}

.dmFormSection__head h2 {
  margin: 0 0 5px;
  font-size: clamp(24px, 3vw, 34px);
  letter-spacing: -.035em;
}

.dmFormSection__head p {
  max-width: 720px;
  margin: 0;
  color: var(--dm-muted);
  line-height: 1.55;
}

.dmTypePicker {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.dmTypePicker label {
  position: relative;
  display: grid;
  align-content: start;
  min-height: 165px;
  gap: 7px;
  padding: 16px;
  border: 1px solid var(--dm-line);
  border-radius: 18px;
  background: rgba(3, 10, 24, .45);
  cursor: pointer;
}

.dmTypePicker input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.dmTypePicker label:has(input:checked) {
  border-color: var(--dm-cyan);
  background: linear-gradient(145deg, rgba(49, 220, 205, .12), rgba(107, 140, 255, .09));
  box-shadow: inset 0 0 0 1px rgba(49, 220, 205, .14);
}

.dmTypePicker__icon {
  display: grid;
  width: 38px;
  height: 38px;
  margin-bottom: 8px;
  place-items: center;
  border-radius: 12px;
  color: var(--dm-cyan);
  background: rgba(49, 220, 205, .1);
  font-size: 11px;
  font-weight: 950;
}

.dmTypePicker strong {
  font-size: 15px;
}

.dmTypePicker small {
  color: var(--dm-muted);
  font-size: 11px;
  line-height: 1.4;
}

.dmFields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.dmField--full {
  grid-column: 1 / -1;
}

.dmField textarea {
  resize: vertical;
}

.dmField small {
  color: var(--dm-muted);
  font-size: 11px;
  line-height: 1.45;
}

.dmUploadGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.dmUpload {
  position: relative;
  display: grid;
  align-content: center;
  min-height: 190px;
  gap: 9px;
  padding: 22px;
  overflow: hidden;
  border: 1px dashed rgba(144, 173, 226, .42);
  border-radius: 20px;
  background: rgba(4, 12, 27, .48);
  cursor: pointer;
}

.dmUpload:hover,
.dmUpload:focus-within {
  border-color: var(--dm-cyan);
  background: rgba(49, 220, 205, .055);
}

.dmUpload--primary {
  background: linear-gradient(145deg, rgba(107, 140, 255, .11), rgba(4, 12, 27, .5));
}

.dmUpload__badge {
  width: fit-content;
  padding: 5px 8px;
  border-radius: 999px;
  color: var(--dm-cyan);
  background: rgba(49, 220, 205, .1);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dmUpload strong {
  font-size: 17px;
}

.dmUpload small {
  color: var(--dm-muted);
  font-size: 12px;
  line-height: 1.45;
}

.dmUpload input {
  width: 100%;
  margin-top: 8px;
  color: var(--dm-muted);
  font-size: 12px;
}

.dmPreviewRule,
.dmFeeBox,
.dmStudioNotice,
.dmLibraryNotice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px;
  border: 1px solid rgba(49, 220, 205, .22);
  border-radius: 18px;
  background: rgba(49, 220, 205, .065);
}

.dmPreviewRule p,
.dmFeeBox p,
.dmStudioNotice p,
.dmLibraryNotice p {
  max-width: 760px;
  margin: 0;
  color: #b8c9df;
  font-size: 13px;
  line-height: 1.5;
}

.dmFeeBox > div {
  display: grid;
  gap: 2px;
}

.dmFeeBox span {
  color: var(--dm-muted);
  font-size: 11px;
}

.dmFeeBox strong {
  color: var(--dm-gold);
  font-size: 27px;
}

.dmConsent {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 13px;
  padding: 18px;
  border: 1px solid var(--dm-line);
  border-radius: 17px;
  color: #bdc9df;
  background: rgba(4, 11, 25, .45);
  cursor: pointer;
  line-height: 1.5;
}

.dmConsent input {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  accent-color: var(--dm-cyan);
}

.dmConsent strong {
  display: block;
  margin-bottom: 3px;
  color: var(--dm-ink);
}

.dmCreateSubmit {
  position: sticky;
  z-index: 35;
  bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 16px 18px 16px 24px;
  border: 1px solid rgba(130, 164, 226, .25);
  border-radius: 20px;
  background: rgba(8, 17, 34, .92);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .38);
  backdrop-filter: blur(18px);
}

.dmCreateSubmit > div {
  display: grid;
  gap: 3px;
}

.dmCreateSubmit span {
  color: var(--dm-muted);
  font-size: 12px;
}

/* Product detail */
.dmDetailPage {
  max-width: 1320px;
  margin-inline: auto;
}

.dmBreadcrumbs {
  display: flex;
  gap: 9px;
  overflow: hidden;
  color: var(--dm-muted);
  font-size: 12px;
  white-space: nowrap;
}

.dmBreadcrumbs a {
  text-decoration: none;
}

.dmBreadcrumbs strong {
  overflow: hidden;
  color: var(--dm-ink);
  text-overflow: ellipsis;
}

.dmProductHero {
  display: grid;
  grid-template-columns: minmax(300px, 430px) minmax(0, 1fr);
  gap: clamp(30px, 5vw, 76px);
  align-items: center;
  padding: clamp(24px, 4vw, 58px);
  border: 1px solid var(--dm-line);
  border-radius: 34px;
  background:
    radial-gradient(circle at 85% 5%, rgba(107, 140, 255, .16), transparent 34rem),
    var(--dm-panel);
  box-shadow: var(--dm-shadow);
}

.dmProductCover {
  position: relative;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: 28px;
  background: #111b32;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .42);
}

.dmProductCover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dmProductCover--generated {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px;
  background:
    radial-gradient(circle at 80% 15%, rgba(49, 220, 205, .35), transparent 35%),
    linear-gradient(145deg, #283d7a, #121c38 65%, #071223);
}

.dmProductCover--generated > span,
.dmProductCover--generated > small {
  color: #cdd9ff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.dmProductCover--generated > strong {
  font-size: clamp(31px, 4vw, 52px);
  letter-spacing: -.04em;
  line-height: .98;
  overflow-wrap: anywhere;
}

.dmProductInfo {
  display: grid;
  gap: 18px;
}

.dmProductInfo h1 {
  max-width: 850px;
  margin: 0;
  font-size: clamp(43px, 6vw, 88px);
  letter-spacing: -.065em;
  line-height: .91;
}

.dmProductInfo__subtitle {
  max-width: 760px;
  margin: -5px 0 0;
  color: #bdcae1;
  font-size: 19px;
  line-height: 1.45;
}

.dmCreator {
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 11px;
  text-decoration: none;
}

.dmAvatar {
  display: grid;
  width: 46px;
  height: 46px;
  overflow: hidden;
  place-items: center;
  border: 1px solid rgba(49, 220, 205, .32);
  border-radius: 15px;
  color: var(--dm-cyan);
  background: rgba(49, 220, 205, .1);
  font-weight: 950;
}

.dmAvatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dmCreator > span:nth-child(2) {
  display: grid;
  gap: 2px;
}

.dmCreator small {
  color: var(--dm-muted);
  font-size: 10px;
  text-transform: uppercase;
}

.dmCreator em {
  padding: 5px 8px;
  border-radius: 999px;
  color: #071923;
  background: var(--dm-cyan);
  font-size: 9px;
  font-style: normal;
  font-weight: 950;
}

.dmPurchasePanel {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 16px 26px;
  align-items: center;
  margin-top: 8px;
  padding: 20px;
  border: 1px solid var(--dm-line);
  border-radius: 22px;
  background: rgba(4, 11, 25, .55);
}

.dmPurchasePanel__price {
  display: grid;
}

.dmPurchasePanel__price small {
  color: var(--dm-muted);
  font-size: 10px;
  text-transform: uppercase;
}

.dmPurchasePanel__price strong {
  color: var(--dm-gold);
  font-size: 27px;
}

.dmPurchasePanel__actions {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
}

.dmPurchasePanel__actions form {
  margin: 0;
}

.dmPurchasePanel__trust {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  padding-top: 13px;
  border-top: 1px solid var(--dm-line);
  color: var(--dm-muted);
  font-size: 11px;
}

.dmPurchasePanel__trust span::before {
  margin-right: 6px;
  color: var(--dm-cyan);
  content: "✓";
  font-weight: 950;
}

.dmDetailGrid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 18px;
}

.dmDetailContent,
.dmSpecs {
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid var(--dm-line);
  border-radius: 26px;
  background: var(--dm-panel);
}

.dmDetailContent h2,
.dmSpecs h2 {
  margin: 8px 0 18px;
  font-size: clamp(27px, 4vw, 42px);
  letter-spacing: -.035em;
}

.dmProse {
  color: #c3cfe4;
  font-size: 16px;
  line-height: 1.75;
}

.dmLicenseTerms {
  margin-top: 30px;
  padding: 20px;
  border-left: 3px solid var(--dm-cyan);
  border-radius: 0 16px 16px 0;
  background: rgba(49, 220, 205, .06);
}

.dmLicenseTerms h3 {
  margin: 0 0 8px;
}

.dmLicenseTerms p {
  margin: 0;
  color: var(--dm-muted);
  line-height: 1.6;
}

.dmSpecs dl {
  display: grid;
  gap: 0;
  margin: 0;
}

.dmSpecs dl > div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid var(--dm-line);
}

.dmSpecs dt {
  color: var(--dm-muted);
}

.dmSpecs dd {
  margin: 0;
  font-weight: 850;
  text-align: right;
}

/* Preview */
.dmPreviewPage,
.dmCheckoutPage,
.dmLibraryPage,
.dmStudioPage {
  max-width: 1320px;
  margin-inline: auto;
}

.dmPreviewHead__actions {
  display: flex;
  flex-shrink: 0;
  gap: 10px;
}

.dmPreviewStage {
  display: grid;
  min-height: 660px;
  overflow: hidden;
  place-items: center;
  border: 1px solid var(--dm-line);
  border-radius: 28px;
  background: #020714;
  box-shadow: var(--dm-shadow);
}

.dmPreviewStage iframe,
.dmPreviewStage video,
.dmPreviewStage > img {
  width: 100%;
  height: min(82vh, 920px);
  border: 0;
  object-fit: contain;
  background: #050a14;
}

.dmAudioPreview {
  display: grid;
  width: min(640px, calc(100% - 40px));
  gap: 18px;
  justify-items: center;
  padding: 55px 30px;
  border: 1px solid var(--dm-line);
  border-radius: 26px;
  background:
    radial-gradient(circle at center, rgba(49, 220, 205, .16), transparent 60%),
    var(--dm-panel);
}

.dmAudioPreview > span {
  display: grid;
  width: 80px;
  height: 80px;
  place-items: center;
  border-radius: 25px;
  color: #07111f;
  background: var(--dm-cyan);
  font-size: 38px;
}

.dmAudioPreview h2 {
  margin: 0;
}

.dmAudioPreview audio {
  width: 100%;
}

.dmPreviewFoot {
  color: var(--dm-muted);
  font-size: 12px;
  text-align: center;
}

/* Checkout */
.dmCheckoutHead {
  display: block;
}

.dmCheckoutGrid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 430px;
  gap: 18px;
}

.dmCheckoutSummary,
.dmCheckoutAction {
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid var(--dm-line);
  border-radius: 26px;
  background: var(--dm-panel);
}

.dmCheckoutSummary__product > span {
  color: var(--dm-cyan);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.dmCheckoutSummary__product h2 {
  margin: 8px 0;
  font-size: clamp(27px, 4vw, 44px);
  letter-spacing: -.04em;
}

.dmCheckoutSummary__product p {
  margin: 0;
  color: var(--dm-muted);
}

.dmCheckoutSummary dl {
  display: grid;
  gap: 1px;
  margin: 30px 0;
  overflow: hidden;
  border: 1px solid var(--dm-line);
  border-radius: 17px;
  background: var(--dm-line);
}

.dmCheckoutSummary dl > div {
  display: grid;
  grid-template-columns: minmax(130px, .4fr) 1fr;
  gap: 18px;
  padding: 15px;
  background: rgba(5, 13, 28, .84);
}

.dmCheckoutSummary dt {
  color: var(--dm-muted);
}

.dmCheckoutSummary dd {
  margin: 0;
  font-weight: 800;
}

.dmCheckoutSummary__total {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  padding-top: 22px;
  border-top: 1px solid var(--dm-line);
}

.dmCheckoutSummary__total span {
  color: var(--dm-muted);
}

.dmCheckoutSummary__total strong {
  color: var(--dm-gold);
  font-size: 30px;
}

.dmCheckoutAction {
  display: grid;
  align-content: start;
  gap: 15px;
}

.dmCheckoutAction h2 {
  margin: 0;
  font-size: 28px;
}

.dmCheckoutAction > p {
  margin: 0;
  color: var(--dm-muted);
  line-height: 1.55;
}

.dmCheckoutAction form,
.dmCheckoutAction form .dmButton {
  width: 100%;
}

.dmCheckoutAction > small {
  color: var(--dm-muted);
  text-align: center;
}

.dmCheckoutGuarantees {
  display: grid;
  gap: 13px;
  margin-top: 14px;
  padding-top: 20px;
  border-top: 1px solid var(--dm-line);
}

.dmCheckoutGuarantees div {
  display: grid;
  gap: 3px;
}

.dmCheckoutGuarantees strong {
  font-size: 13px;
}

.dmCheckoutGuarantees span {
  color: var(--dm-muted);
  font-size: 12px;
}

.dmStatus {
  display: inline-flex;
  width: fit-content;
  padding: 7px 10px;
  border: 1px solid var(--dm-line);
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.dmStatus--success {
  color: var(--dm-cyan);
  border-color: rgba(49, 220, 205, .26);
  background: rgba(49, 220, 205, .08);
}

.dmStatus--info {
  color: #bdc9ff;
  background: rgba(107, 140, 255, .08);
}

/* Library */
.dmLibraryHero > span {
  padding: 11px 14px;
  border: 1px solid var(--dm-line);
  border-radius: 999px;
  color: var(--dm-cyan);
  background: rgba(49, 220, 205, .075);
  font-size: 12px;
  font-weight: 900;
}

.dmLibraryGrid {
  display: grid;
  gap: 12px;
}

.dmLibraryCard {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px;
  padding: 18px;
  border: 1px solid var(--dm-line);
  border-radius: 22px;
  background: var(--dm-panel);
}

.dmLibraryCard__mark {
  display: grid;
  width: 84px;
  aspect-ratio: 1;
  place-items: center;
  border-radius: 20px;
  color: var(--dm-cyan);
  background:
    radial-gradient(circle at 80% 20%, rgba(49, 220, 205, .24), transparent 40%),
    #17284a;
  font-weight: 950;
}

.dmLibraryCard__content > span {
  color: var(--dm-cyan);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.dmLibraryCard h2 {
  margin: 5px 0;
  font-size: 21px;
}

.dmLibraryCard p {
  margin: 0;
  color: var(--dm-muted);
  font-size: 13px;
}

.dmLibraryCard__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 9px;
  color: var(--dm-muted);
  font-size: 11px;
}

.dmLibraryCard__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.dmLibraryCard__actions form {
  margin: 0;
}

.dmLibraryCard__actions > a {
  color: var(--dm-muted);
  font-size: 11px;
}

.dmLibraryNotice {
  align-items: start;
}

/* Studio */
.dmStudioMetrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.dmStudioMetrics article {
  display: grid;
  gap: 9px;
  padding: 22px;
  border: 1px solid var(--dm-line);
  border-radius: 20px;
  background: var(--dm-panel);
}

.dmStudioMetrics span {
  color: var(--dm-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.dmStudioMetrics strong {
  color: var(--dm-gold);
  font-size: 29px;
}

.dmStudioTableWrap {
  overflow-x: auto;
  border: 1px solid var(--dm-line);
  border-radius: 22px;
  background: var(--dm-panel);
}

.dmStudioTable {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
}

.dmStudioTable th,
.dmStudioTable td {
  padding: 15px 17px;
  border-bottom: 1px solid var(--dm-line);
  text-align: left;
}

.dmStudioTable th {
  color: var(--dm-muted);
  font-size: 10px;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.dmStudioTable tbody tr:last-child td {
  border-bottom: 0;
}

.dmStudioTable td:first-child {
  display: grid;
  min-width: 270px;
  gap: 4px;
}

.dmStudioTable td:first-child span {
  color: var(--dm-cyan);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.dmStudioTable td:last-child a {
  color: var(--dm-cyan);
  font-size: 12px;
  font-weight: 850;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

/* Light mode */
html[data-theme="light"] body[data-category="digital"] {
  --dm-ink: #10203b;
  --dm-muted: #62718a;
  --dm-panel: rgba(255, 255, 255, .92);
  --dm-panel-strong: #fff;
  --dm-line: rgba(34, 59, 101, .14);
  --dm-shadow: 0 24px 60px rgba(29, 51, 87, .13);
  background:
    radial-gradient(circle at 10% 8%, rgba(107, 140, 255, .16), transparent 32rem),
    radial-gradient(circle at 90% 12%, rgba(49, 220, 205, .13), transparent 30rem),
    #f2f6fc;
}

html[data-theme="light"] .dmSubnav {
  background: rgba(255, 255, 255, .86);
}

html[data-theme="light"] .dmSubnav a:hover,
html[data-theme="light"] .dmSubnav a.is-active {
  color: #172444;
}

html[data-theme="light"] .dmHero {
  color: #f7fbff;
}

html[data-theme="light"] .dmHero__trust div {
  background: rgba(12, 25, 50, .84);
}

html[data-theme="light"] .dmFilters input,
html[data-theme="light"] .dmFilters select,
html[data-theme="light"] .dmField input,
html[data-theme="light"] .dmField select,
html[data-theme="light"] .dmField textarea,
html[data-theme="light"] .dmTypePicker label,
html[data-theme="light"] .dmUpload,
html[data-theme="light"] .dmConsent,
html[data-theme="light"] .dmPurchasePanel {
  color: var(--dm-ink);
  background: rgba(245, 248, 253, .9);
}

html[data-theme="light"] .dmProductCard__visual,
html[data-theme="light"] .dmLibraryCard__mark {
  color: #fff;
}

html[data-theme="light"] .dmCreateHero,
html[data-theme="light"] .dmLibraryHero,
html[data-theme="light"] .dmStudioHero,
html[data-theme="light"] .dmPreviewHead,
html[data-theme="light"] .dmCheckoutHead {
  background:
    radial-gradient(circle at 88% 18%, rgba(49, 220, 205, .15), transparent 23rem),
    linear-gradient(145deg, #fff, #edf3fc);
}

html[data-theme="light"] .dmCreateHero p,
html[data-theme="light"] .dmLibraryHero p,
html[data-theme="light"] .dmStudioHero p,
html[data-theme="light"] .dmPreviewHead p,
html[data-theme="light"] .dmCheckoutHead p,
html[data-theme="light"] .dmProse {
  color: #52637e;
}

html[data-theme="light"] .dmCreateHero aside,
html[data-theme="light"] .dmCheckoutSummary dl > div {
  background: rgba(240, 245, 253, .9);
}

html[data-theme="light"] .dmCreateSubmit {
  background: rgba(255, 255, 255, .92);
}

/* Responsive */
@media (max-width: 1180px) {
  .dmHero {
    grid-template-columns: 1fr;
  }

  .dmHero__trust {
    margin: 0 30px 30px;
  }

  .dmTypeGrid {
    grid-template-columns: repeat(7, 190px);
  }

  .dmFilters {
    grid-template-columns: repeat(4, 1fr);
  }

  .dmFilters__search {
    grid-column: 1 / -1;
  }

  .dmProductGrid {
    grid-template-columns: repeat(3, 1fr);
  }

  .dmTypePicker {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 900px) {
  body[data-category="digital"] main.container {
    width: min(100% - 20px, 1500px);
  }

  .dmProductGrid {
    grid-template-columns: repeat(2, 1fr);
  }

  .dmCreateHero,
  .dmLibraryHero,
  .dmStudioHero,
  .dmPreviewHead {
    align-items: start;
    flex-direction: column;
  }

  .dmCreateHero aside {
    width: 100%;
  }

  .dmTypePicker {
    grid-template-columns: repeat(2, 1fr);
  }

  .dmUploadGrid {
    grid-template-columns: 1fr;
  }

  .dmProductHero {
    grid-template-columns: minmax(230px, 340px) minmax(0, 1fr);
    gap: 26px;
  }

  .dmDetailGrid,
  .dmCheckoutGrid {
    grid-template-columns: 1fr;
  }

  .dmLibraryCard {
    grid-template-columns: 70px 1fr;
  }

  .dmLibraryCard__mark {
    width: 70px;
  }

  .dmLibraryCard__actions {
    grid-column: 1 / -1;
    justify-content: flex-end;
  }

  .dmStudioMetrics {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 680px) {
  .dmPage {
    gap: 22px;
  }

  .dmSubnav {
    top: 66px;
    width: 100%;
  }

  .dmHero {
    min-height: auto;
    border-radius: 25px;
  }

  .dmHero__content {
    padding: 34px 22px;
  }

  .dmHero h1 {
    font-size: clamp(45px, 16vw, 72px);
  }

  .dmHero__trust {
    grid-template-columns: 1fr;
    margin: 0 18px 18px;
  }

  .dmFilters {
    grid-template-columns: 1fr;
  }

  .dmFilters__search {
    grid-column: auto;
  }

  .dmProductGrid,
  .dmPromise,
  .dmProtection,
  .dmFields,
  .dmStudioMetrics {
    grid-template-columns: 1fr;
  }

  .dmPromise article:not(:last-child),
  .dmProtection > div:not(:last-child) {
    border-right: 0;
    border-bottom: 1px solid var(--dm-line);
  }

  .dmFormSection {
    grid-template-columns: 1fr;
  }

  .dmFormSection__number {
    padding: 11px 18px;
    border-right: 0;
    border-bottom: 1px solid var(--dm-line);
    text-align: left;
  }

  .dmTypePicker {
    grid-template-columns: 1fr;
  }

  .dmTypePicker label {
    min-height: 125px;
  }

  .dmFormSection__head,
  .dmPreviewRule,
  .dmFeeBox,
  .dmStudioNotice,
  .dmLibraryNotice,
  .dmCreateSubmit {
    align-items: stretch;
    flex-direction: column;
  }

  .dmCreateSubmit {
    bottom: 8px;
  }

  .dmCreateSubmit .dmButton {
    width: 100%;
  }

  .dmProductHero {
    grid-template-columns: 1fr;
    padding: 18px;
  }

  .dmProductCover {
    width: min(100%, 360px);
    margin-inline: auto;
  }

  .dmProductInfo h1 {
    font-size: clamp(39px, 13vw, 64px);
  }

  .dmPurchasePanel {
    grid-template-columns: 1fr;
  }

  .dmPurchasePanel__actions {
    justify-content: stretch;
    flex-direction: column;
  }

  .dmPurchasePanel__actions .dmButton,
  .dmPurchasePanel__actions form {
    width: 100%;
  }

  .dmPurchasePanel__trust {
    grid-column: auto;
  }

  .dmPreviewHead__actions {
    width: 100%;
    flex-direction: column;
  }

  .dmPreviewStage {
    min-height: 480px;
  }

  .dmPreviewStage iframe,
  .dmPreviewStage video,
  .dmPreviewStage > img {
    height: 70vh;
  }

  .dmCheckoutSummary dl > div {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .dmLibraryCard {
    grid-template-columns: 56px 1fr;
    gap: 13px;
  }

  .dmLibraryCard__mark {
    width: 56px;
    border-radius: 16px;
  }

  .dmLibraryCard__actions {
    justify-content: stretch;
    flex-direction: column;
  }

  .dmLibraryCard__actions form,
  .dmLibraryCard__actions .dmButton,
  .dmLibraryCard__actions > a {
    width: 100%;
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dmButton,
  .dmTypeCard,
  .dmProductCard {
    transition: none;
  }
}

/* Digital periodicals ----------------------------------------------------- */
.dmPeriodicalsPage,
.dmPublicationPage,
.dmPublisherPage,
.dmSubscriptionsPage,
.dmReceiptPage {
  display: grid;
  gap: 24px;
}

.dmPeriodicalHero,
.dmPublicationHero,
.dmPublisherHero,
.dmSubscriptionsHero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .45fr);
  gap: 28px;
  align-items: center;
  padding: clamp(28px, 5vw, 64px);
  border: 1px solid var(--dm-line);
  border-radius: 32px;
  background:
    radial-gradient(circle at 85% 15%, color-mix(in srgb, var(--dm-accent) 27%, transparent), transparent 34%),
    linear-gradient(135deg, color-mix(in srgb, var(--dm-panel) 94%, #0d3150), var(--dm-panel));
  box-shadow: var(--dm-shadow);
}

.dmPeriodicalHero h1,
.dmPublicationHero h1,
.dmPublisherHero h1,
.dmSubscriptionsHero h1 {
  max-width: 900px;
  margin: 8px 0 14px;
  font-size: clamp(42px, 6vw, 78px);
  line-height: .96;
  letter-spacing: -.045em;
}

.dmPeriodicalHero p,
.dmPublicationHero p,
.dmPublisherHero p,
.dmSubscriptionsHero p {
  max-width: 780px;
  margin: 0;
  color: var(--dm-muted);
  font-size: clamp(17px, 2vw, 21px);
  line-height: 1.65;
}

.dmPeriodicalHero__actions,
.dmPublisherHero__actions,
.dmSubscriptionsHero > .dmButton {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
}

.dmPeriodicalHero__promise {
  display: grid;
  gap: 12px;
  padding: 22px;
  border: 1px solid color-mix(in srgb, var(--dm-accent) 42%, var(--dm-line));
  border-radius: 24px;
  background: color-mix(in srgb, var(--dm-panel-strong) 84%, transparent);
  backdrop-filter: blur(16px);
}

.dmPeriodicalHero__promise strong {
  font-size: 20px;
}

.dmPeriodicalHero__promise span {
  color: var(--dm-muted);
  line-height: 1.55;
}

.dmPeriodicalCatalog,
.dmPlanSection,
.dmIssueSection,
.dmPublisherCatalog,
.dmSubscriptionSection,
.dmIssueLibrarySection {
  padding: clamp(20px, 4vw, 42px);
  border: 1px solid var(--dm-line);
  border-radius: 28px;
  background: var(--dm-panel);
}

.dmPublicationGrid,
.dmPublisherGrid,
.dmSubscriptionGrid,
.dmIssueGrid,
.dmPlanGrid,
.dmPublisherStatusGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.dmPublicationCard,
.dmPublisherCard,
.dmSubscriptionCard,
.dmIssueCard,
.dmPlanCard,
.dmPublisherStatusGrid > article {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  padding: 22px;
  border: 1px solid var(--dm-line);
  border-radius: 22px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--dm-panel-strong) 92%, transparent), var(--dm-panel));
}

.dmPublicationCard:hover,
.dmPublisherCard:hover,
.dmIssueCard:hover,
.dmPlanCard:hover {
  border-color: color-mix(in srgb, var(--dm-accent) 55%, var(--dm-line));
  transform: translateY(-2px);
}

.dmPublicationCard h3,
.dmPublisherCard h3,
.dmSubscriptionCard h3,
.dmIssueCard h3,
.dmPlanCard h3 {
  margin: 0;
  font-size: clamp(23px, 2.5vw, 31px);
  line-height: 1.12;
}

.dmPublicationCard p,
.dmPublisherCard p,
.dmIssueCard p,
.dmPlanCard p {
  margin: 0;
  color: var(--dm-muted);
  line-height: 1.58;
}

.dmPublicationCard__meta,
.dmPublisherCard__top,
.dmSubscriptionCard__head,
.dmPublisherCard__actions,
.dmSubscriptionCard__actions,
.dmIssueCard > div,
.dmPublicationHero__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.dmPublicationCard__meta span,
.dmPublicationHero__meta span {
  padding: 7px 10px;
  border: 1px solid var(--dm-line);
  border-radius: 999px;
  color: var(--dm-muted);
  font-size: 13px;
}

.dmPublicationCard__publisher {
  margin-top: auto;
  color: var(--dm-text);
  font-weight: 800;
}

.dmPublicationCard__price {
  display: flex;
  align-items: baseline;
  gap: 6px;
  font-size: 14px;
  color: var(--dm-muted);
}

.dmPublicationCard__price strong {
  color: var(--dm-text);
  font-size: 24px;
}

.dmPublicationHero__brand {
  display: grid;
  place-items: center;
  min-height: 260px;
  border: 1px solid var(--dm-line);
  border-radius: 26px;
  background: color-mix(in srgb, var(--dm-panel-strong) 82%, transparent);
}

.dmPublicationHero > aside {
  display: grid;
  gap: 10px;
  align-content: center;
  min-height: 220px;
  padding: 28px;
  border: 1px solid var(--dm-line);
  border-radius: 24px;
  background: color-mix(in srgb, var(--dm-panel-strong) 84%, transparent);
}

.dmPublicationHero > aside span,
.dmPublicationHero > aside small {
  color: var(--dm-muted);
}

.dmPublicationHero > aside strong {
  font-size: clamp(24px, 3vw, 38px);
}

.dmPublicationHero__brand img {
  width: min(70%, 220px);
  max-height: 170px;
  object-fit: contain;
}

.dmPublicationHero__monogram {
  display: grid;
  place-items: center;
  width: 116px;
  aspect-ratio: 1;
  border-radius: 30px;
  background: linear-gradient(135deg, var(--dm-accent), var(--dm-accent-2));
  color: #07101f;
  font-size: 52px;
  font-weight: 950;
}

.dmPlanCard {
  overflow: hidden;
}

.dmPlanCard::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--dm-accent), var(--dm-accent-2));
}

.dmPlanCard > span,
.dmPublisherStatusGrid span,
.dmPublicationCard > span,
.dmIssueCard > span {
  color: var(--dm-accent);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.dmPlanCard ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding-left: 20px;
  color: var(--dm-muted);
}

.dmPlanCard form {
  display: grid;
  gap: 14px;
  margin-top: auto;
}

.dmPlanLegal {
  padding-top: 12px;
  border-top: 1px solid var(--dm-line);
  font-size: 13px;
}

.dmPlanTermsText {
  margin: 12px 0;
  color: var(--dm-muted);
  font-size: .88rem;
}

.dmPlanTermsText summary {
  color: var(--dm-text);
  cursor: pointer;
  font-weight: 800;
}

.dmPlanTermsText p {
  max-height: 240px;
  overflow: auto;
  padding: 12px;
  border: 1px solid var(--dm-line);
  border-radius: 12px;
  white-space: normal;
}

.dmPlanLegal a {
  color: var(--dm-accent);
  font-weight: 800;
}

.dmIssueCard__price {
  margin-top: auto;
  font-size: 18px;
}

.dmPlanTerms {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: start;
  color: var(--dm-muted);
  font-size: 13px;
  line-height: 1.45;
}

.dmPlanTerms input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
}

.dmSystemNotice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 20px;
  padding: 18px 20px;
  border: 1px solid color-mix(in srgb, var(--dm-accent) 45%, var(--dm-line));
  border-radius: 18px;
  background: color-mix(in srgb, var(--dm-accent) 9%, var(--dm-panel-strong));
}

.dmSystemNotice > div,
.dmSystemNotice:not(:has(> div)) {
  display: grid;
  gap: 5px;
}

.dmSystemNotice span {
  color: var(--dm-muted);
  line-height: 1.5;
}

.dmSystemNotice--ok {
  border-color: color-mix(in srgb, #30ca81 55%, var(--dm-line));
  background: color-mix(in srgb, #30ca81 10%, var(--dm-panel-strong));
}

.dmSystemNotice--important {
  padding: 26px;
}

.dmPublisherStatusGrid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dmPublisherStatusGrid strong {
  font-size: 24px;
}

.dmPublisherStatusGrid small {
  color: var(--dm-muted);
  line-height: 1.5;
}

.dmPublisherCard dl,
.dmPublicationCard dl,
.dmSubscriptionCard dl,
.dmReceipt dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.dmPublisherCard dl > div,
.dmPublicationCard dl > div,
.dmSubscriptionCard dl > div,
.dmReceipt dl > div {
  padding: 12px;
  border: 1px solid var(--dm-line);
  border-radius: 14px;
}

.dmPublisherCard dt,
.dmPublicationCard dt,
.dmSubscriptionCard dt,
.dmReceipt dt {
  color: var(--dm-muted);
  font-size: 12px;
}

.dmPublisherCard dd,
.dmPublicationCard dd,
.dmSubscriptionCard dd,
.dmReceipt dd {
  margin: 5px 0 0;
  font-weight: 850;
  overflow-wrap: anywhere;
}

.dmSubscriptionCard__head {
  justify-content: space-between;
  align-items: flex-start;
}

.dmSubscriptionCard__head > div > span {
  color: var(--dm-accent);
  font-size: 13px;
  font-weight: 800;
}

.dmSubscriptionCard__actions {
  margin-top: auto;
}

.dmSubscriptionCard__actions form,
.dmIssueCard form {
  margin: 0;
}

.dmButton--danger {
  color: #ffdfe4;
  border-color: color-mix(in srgb, #ff5470 50%, var(--dm-line));
  background: color-mix(in srgb, #ff5470 14%, var(--dm-panel-strong));
}

.dmSubscriptionCard__effective {
  padding: 12px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--dm-accent) 8%, transparent);
  font-size: 13px;
}

.dmReceipt {
  width: min(100%, 920px);
  margin-inline: auto;
  padding: clamp(24px, 5vw, 54px);
  border: 1px solid var(--dm-line);
  border-radius: 30px;
  background: var(--dm-panel);
  box-shadow: var(--dm-shadow);
}

.dmReceipt header,
.dmReceipt footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.dmReceipt h1 {
  margin: 8px 0;
  font-size: clamp(36px, 6vw, 62px);
}

.dmReceipt header p,
.dmReceipt__legal {
  color: var(--dm-muted);
  line-height: 1.6;
}

.dmReceipt__seal {
  display: grid;
  place-items: center;
  width: 94px;
  aspect-ratio: 1;
  border: 2px solid var(--dm-accent);
  border-radius: 50%;
  color: var(--dm-accent);
  font-weight: 950;
  letter-spacing: .14em;
}

.dmReceipt dl {
  margin-block: 30px;
}

.dmReceipt__proof {
  display: grid;
  gap: 8px;
  padding: 18px;
  border: 1px solid var(--dm-line);
  border-radius: 16px;
}

.dmReceipt__proof span {
  color: var(--dm-muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.dmReceipt__proof code {
  overflow-wrap: anywhere;
}

.dmReceipt footer {
  margin-top: 28px;
}

@media (max-width: 980px) {
  .dmPeriodicalHero,
  .dmPublicationHero,
  .dmPublisherHero,
  .dmSubscriptionsHero {
    grid-template-columns: 1fr;
  }

  .dmPeriodicalHero__actions,
  .dmPublisherHero__actions,
  .dmSubscriptionsHero > .dmButton {
    justify-content: flex-start;
  }

  .dmPublicationGrid,
  .dmPublisherGrid,
  .dmSubscriptionGrid,
  .dmIssueGrid,
  .dmPlanGrid,
  .dmPublisherStatusGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 660px) {
  .dmPublicationGrid,
  .dmPublisherGrid,
  .dmSubscriptionGrid,
  .dmIssueGrid,
  .dmPlanGrid,
  .dmPublisherStatusGrid,
  .dmPublisherCard dl,
  .dmPublicationCard dl,
  .dmSubscriptionCard dl,
  .dmReceipt dl {
    grid-template-columns: 1fr;
  }

  .dmSystemNotice,
  .dmReceipt header,
  .dmReceipt footer {
    align-items: stretch;
    flex-direction: column;
  }

  .dmPublisherCard__actions,
  .dmSubscriptionCard__actions,
  .dmIssueCard > div {
    align-items: stretch;
    flex-direction: column;
  }

  .dmPublisherCard__actions .dmButton,
  .dmSubscriptionCard__actions .dmButton,
  .dmSubscriptionCard__actions form,
  .dmIssueCard form,
  .dmIssueCard .dmButton {
    width: 100%;
  }
}

@media print {
  .dmReceiptPage .dmSubnav,
  .dmReceipt footer,
  body > header,
  body > footer {
    display: none !important;
  }

  .dmReceipt {
    color: #111;
    border-color: #bbb;
    box-shadow: none;
    background: #fff;
  }
}

/* ========================================================================== 
   CONE AI Data Exchange — specialized dataset marketplace
   Dataset UX is category-specific; commerce/upload/auth remain shared core.
   ========================================================================== */
.dsPage { --ds-neon:#31dccd; --ds-blue:#6b8cff; --ds-violet:#a882ff; --ds-green:#5de0a2; --ds-amber:#f5bf68; }
.dsHero,
.dsCreateHero,
.dsRequestHero,
.dsProductHero {
  position:relative;
  overflow:hidden;
  border:1px solid var(--dm-line);
  border-radius:30px;
  background:linear-gradient(135deg,rgba(14,28,58,.96),rgba(8,17,35,.95));
  box-shadow:var(--dm-shadow);
}
.dsHero::before,
.dsCreateHero::before,
.dsRequestHero::before,
.dsProductHero::before {
  content:""; position:absolute; inset:-40% -10% auto 45%; height:420px;
  background:radial-gradient(circle,rgba(49,220,205,.20),transparent 65%); pointer-events:none;
}
.dsHero { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr); gap:28px; padding:46px; }
.dsHero__copy,.dsProductHero__main { position:relative; z-index:1; }
.dsHero h1,.dsRequestHero h1,.dsProductHero h1,.dsCreateHero h1 { margin:8px 0 12px; font-size:clamp(34px,4.6vw,68px); line-height:.98; letter-spacing:-.045em; }
.dsHero p,.dsRequestHero p,.dsProductHero__subtitle,.dsCreateHero p { margin:0; max-width:820px; color:var(--dm-muted); font-size:17px; line-height:1.65; }
.dsHero__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
.dsHero__matrix { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; gap:12px; align-content:stretch; }
.dsHero__matrix div { display:grid; align-content:center; gap:4px; min-height:118px; padding:20px; border:1px solid var(--dm-line); border-radius:20px; background:rgba(8,17,35,.66); }
.dsHero__matrix strong { font-size:28px; color:var(--ds-neon); }
.dsHero__matrix span { color:var(--dm-muted); font-size:13px; font-weight:750; }

.dsModalities { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
.dsModalityCard { min-height:154px; padding:18px; border:1px solid var(--dm-line); border-radius:22px; background:linear-gradient(160deg,rgba(16,29,55,.88),rgba(7,15,31,.96)); text-decoration:none; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.dsModalityCard:hover,.dsModalityCard.is-active { transform:translateY(-3px); border-color:rgba(49,220,205,.55); box-shadow:0 16px 36px rgba(0,0,0,.22),inset 0 0 0 1px rgba(49,220,205,.08); }
.dsModalityCard>span { display:grid; place-items:center; width:42px; height:42px; margin-bottom:22px; border:1px solid rgba(107,140,255,.35); border-radius:13px; background:rgba(107,140,255,.12); color:var(--ds-neon); font-size:12px; font-weight:900; letter-spacing:.1em; }
.dsModalityCard strong { display:block; margin-bottom:6px; font-size:16px; }
.dsModalityCard small { display:block; color:var(--dm-muted); line-height:1.45; }

.dsCatalog,.dsRequestMarket,.dsRequestFormSection { display:grid; gap:20px; }
.dsFilters { display:grid; grid-template-columns:2fr repeat(5,minmax(150px,1fr)); gap:10px; padding:16px; border:1px solid var(--dm-line); border-radius:22px; background:rgba(10,20,39,.72); }
.dsFilters label { display:grid; gap:7px; }
.dsFilters label>span { color:var(--dm-muted); font-size:11px; font-weight:850; letter-spacing:.04em; text-transform:uppercase; }
.dsFilters input,.dsFilters select,.dsRequestForm input,.dsRequestForm select,.dsRequestForm textarea,.dsCreateForm input,.dsCreateForm select,.dsCreateForm textarea { width:100%; min-height:44px; border:1px solid var(--dm-line); border-radius:13px; background:rgba(4,11,25,.8); color:var(--dm-ink); padding:10px 12px; outline:none; }
.dsFilters input:focus,.dsFilters select:focus,.dsRequestForm input:focus,.dsRequestForm select:focus,.dsRequestForm textarea:focus,.dsCreateForm input:focus,.dsCreateForm select:focus,.dsCreateForm textarea:focus { border-color:rgba(49,220,205,.65); box-shadow:0 0 0 3px rgba(49,220,205,.08); }
.dsFilters__search { grid-column:span 2; }
.dsFilterCheck { align-content:end; grid-template-columns:auto 1fr!important; align-items:center; min-height:44px; padding:0 10px; }
.dsFilterCheck input { width:18px; min-height:18px; margin:0; }
.dsFilterCheck span { text-transform:none!important; font-size:12px!important; }

.dsGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.dsCard { display:flex; flex-direction:column; min-height:410px; overflow:hidden; border:1px solid var(--dm-line); border-radius:24px; background:linear-gradient(155deg,rgba(15,30,57,.94),rgba(7,15,31,.98)); box-shadow:0 16px 45px rgba(0,0,0,.16); }
.dsCard__top { display:block; padding:22px 22px 12px; text-decoration:none; }
.dsCard__top h3 { margin:14px 0 7px; font-size:23px; line-height:1.08; letter-spacing:-.025em; }
.dsCard__top p { margin:0; color:var(--dm-muted); line-height:1.5; }
.dsCard__tags,.dsProductHero__badges { display:flex; flex-wrap:wrap; gap:7px; }
.dsCard__tags span,.dsProductHero__badges span { display:inline-flex; padding:6px 9px; border:1px solid rgba(107,140,255,.24); border-radius:999px; background:rgba(107,140,255,.10); color:#cbd7ff; font-size:11px; font-weight:800; }
.dsProductHero__badges span.is-good,.dsCard__signals .is-good { color:#8df1bd; border-color:rgba(93,224,162,.3); background:rgba(93,224,162,.09); }
.dsScore { float:right; display:inline-flex; align-items:baseline; justify-content:center; min-width:70px; padding:9px 11px; border:1px solid var(--dm-line); border-radius:16px; background:rgba(5,13,27,.75); }
.dsScore strong { font-size:24px; line-height:1; }
.dsScore small { color:var(--dm-muted); font-size:10px; }
.dsScore--a { color:#69ebb0; border-color:rgba(93,224,162,.4); }
.dsScore--b { color:#7bdde9; border-color:rgba(49,220,205,.35); }
.dsScore--c { color:#f3c978; border-color:rgba(245,191,104,.35); }
.dsScore--d { color:#ff8ba1; border-color:rgba(255,124,150,.35); }
.dsCard__facts,.dsCard__signals { display:flex; flex-wrap:wrap; gap:8px; padding:0 22px 12px; }
.dsCard__facts span { padding:7px 9px; border-radius:10px; background:rgba(255,255,255,.035); color:#c8d3ea; font-size:12px; }
.dsCard__signals span { color:var(--dm-muted); font-size:12px; }
.dsCard footer { display:flex; justify-content:space-between; gap:16px; margin-top:auto; padding:16px 22px 20px; border-top:1px solid var(--dm-line); }
.dsCard footer>div { display:grid; gap:4px; }
.dsCard footer small { color:var(--dm-muted); }
.dsCard__price { text-align:right; }

.dsRequestsPreview { padding:24px; border:1px solid var(--dm-line); border-radius:26px; background:rgba(10,20,39,.66); }
.dsRequestStrip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.dsRequestStrip article,.dsRequestCard { padding:18px; border:1px solid var(--dm-line); border-radius:18px; background:rgba(6,14,30,.7); }
.dsRequestStrip article>div { display:flex; gap:6px; }
.dsRequestStrip article>div span { color:var(--ds-neon); font-size:11px; font-weight:800; }
.dsRequestStrip h3,.dsRequestCard h3 { margin:9px 0 6px; font-size:18px; }
.dsRequestStrip p,.dsRequestCard>p { color:var(--dm-muted); line-height:1.5; }

.dsCreateHero,.dsRequestHero { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; padding:34px; }
.dsCreateHero h1,.dsRequestHero h1 { font-size:clamp(32px,4vw,56px); }
.dsCreateHero aside { position:relative; z-index:1; display:grid; gap:4px; min-width:220px; padding:16px; border:1px solid var(--dm-line); border-radius:16px; background:rgba(7,15,31,.7); }
.dsCreateHero aside span { color:var(--dm-muted); font-size:12px; }
.dsCreateForm { display:grid; gap:16px; }
.dsFormSection { display:grid; grid-template-columns:70px minmax(0,1fr); overflow:hidden; border:1px solid var(--dm-line); border-radius:24px; background:rgba(9,19,38,.78); }
.dsFormSection__number { display:grid; place-items:start center; padding-top:26px; border-right:1px solid var(--dm-line); color:var(--ds-neon); font-size:13px; font-weight:950; letter-spacing:.12em; }
.dsFormSection__body { padding:25px; }
.dsFormSection__body>header { margin-bottom:20px; }
.dsFormSection__body>header h2 { margin:0 0 6px; font-size:23px; }
.dsFormSection__body>header p { margin:0; color:var(--dm-muted); line-height:1.5; }
.dsFields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.dsFields--compact { grid-template-columns:repeat(4,minmax(0,1fr)); }
.dsField { display:grid; align-content:start; gap:7px; }
.dsField>span { color:#c7d2e9; font-size:12px; font-weight:800; }
.dsField--full { grid-column:1/-1; }
.dsField textarea { resize:vertical; min-height:108px; }
.dsSplitMeter { display:flex; align-items:center; gap:12px; margin-top:14px; }
.dsSplitMeter span { min-width:42px; color:var(--dm-muted); font-size:12px; font-weight:800; }
.dsSplitMeter i { position:relative; display:block; height:8px; flex:1; overflow:hidden; border-radius:99px; background:rgba(255,255,255,.06); }
.dsSplitMeter i::after { content:""; display:block; width:var(--ds-split,0%); height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--ds-blue),var(--ds-neon)); transition:width .2s ease; }
.dsCheck { display:flex; gap:10px; align-items:flex-start; }
.dsCheck input { width:18px!important; min-height:18px!important; margin-top:2px; }
.dsCheck>span { display:grid; gap:3px; }
.dsCheck small { color:var(--dm-muted); line-height:1.4; }
.dsLicenseGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:18px; }
.dsLicenseEditor { padding:16px; border:1px solid var(--dm-line); border-radius:18px; background:rgba(4,12,26,.58); }
.dsLicenseEditor.is-disabled { opacity:.55; }
.dsLicenseEditor__fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:14px; }
.dsLicenseEditor__fields label { display:grid; gap:5px; }
.dsLicenseEditor__fields label>span { color:var(--dm-muted); font-size:11px; }
.dsSubmit { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:22px; border:1px solid rgba(49,220,205,.25); border-radius:22px; background:linear-gradient(90deg,rgba(49,220,205,.08),rgba(107,140,255,.08)); }
.dsSubmit>div { display:grid; gap:4px; }
.dsSubmit span { color:var(--dm-muted); }

.dsProductHero { display:grid; grid-template-columns:minmax(0,1fr) 245px; gap:30px; padding:38px; }
.dsProductHero__main h1 { font-size:clamp(36px,5vw,72px); max-width:1050px; }
.dsProductDescription { max-width:900px; color:#cad5ea!important; line-height:1.65!important; }
.dsProviderLine { display:flex; flex-wrap:wrap; gap:7px; align-items:center; margin:14px 0 22px; color:var(--dm-muted); font-size:13px; }
.dsProviderLine a,.dsProviderLine strong { color:#fff; text-decoration:none; }
.dsProviderLine em { color:var(--ds-green); font-style:normal; }
.dsProductHero__score { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:22px; border:1px solid rgba(49,220,205,.24); border-radius:22px; background:rgba(5,13,27,.72); }
.dsProductHero__score .dsScore { float:none; margin-bottom:10px; min-width:108px; padding:16px; }
.dsProductHero__score .dsScore strong { font-size:40px; }
.dsProductHero__score>span,.dsProductHero__score>small { color:var(--dm-muted); }
.dsProductHero__score>small { margin-top:10px; line-height:1.45; }
.dsKpiRail { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.dsKpiRail>div { display:grid; gap:5px; padding:16px 18px; border:1px solid var(--dm-line); border-radius:17px; background:rgba(9,19,38,.75); }
.dsKpiRail span { color:var(--dm-muted); font-size:11px; font-weight:800; text-transform:uppercase; }
.dsKpiRail strong { font-size:16px; }
.dsDetailLayout { display:grid; grid-template-columns:minmax(0,1fr) 390px; align-items:start; gap:18px; }
.dsDetailMain { display:grid; gap:16px; }
.dsPanel { padding:24px; border:1px solid var(--dm-line); border-radius:24px; background:rgba(9,19,38,.78); }
.dsPanel>header { display:flex; gap:14px; align-items:flex-start; margin-bottom:20px; }
.dsPanel>header>span { display:grid; place-items:center; min-width:40px; height:40px; border-radius:13px; background:rgba(49,220,205,.1); color:var(--ds-neon); font-size:12px; font-weight:950; }
.dsPanel>header h2 { margin:0 0 4px; font-size:24px; }
.dsPanel>header p { margin:0; color:var(--dm-muted); line-height:1.45; }
.dsFactGrid,.dsMetricGrid,.dsQualityGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.dsFactGrid>div,.dsMetricGrid>div,.dsQualityGrid>article { display:grid; gap:5px; min-height:82px; align-content:center; padding:14px; border:1px solid var(--dm-line); border-radius:15px; background:rgba(4,12,26,.45); }
.dsFactGrid span,.dsMetricGrid span,.dsQualityGrid span { color:var(--dm-muted); font-size:11px; font-weight:800; text-transform:uppercase; }
.dsNarrative { margin-top:16px; padding-top:16px; border-top:1px solid var(--dm-line); }
.dsNarrative h3 { margin:0 0 7px; font-size:14px; }
.dsNarrative p { margin:0; color:#c8d3e9; line-height:1.65; }
.dsSplit { display:flex; gap:4px; height:52px; margin-top:16px; }
.dsSplit>div { flex:var(--v); display:flex; align-items:flex-end; min-width:70px; padding:8px; border-radius:10px; background:linear-gradient(135deg,rgba(107,140,255,.25),rgba(49,220,205,.16)); }
.dsSplit span { font-size:10px; font-weight:800; }
.dsRightsSignals { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.dsRightsSignals span { padding:7px 10px; border-radius:999px; background:rgba(255,255,255,.04); color:var(--dm-muted); font-size:12px; }
.dsRightsSignals .is-good { color:#83edb7; background:rgba(93,224,162,.08); }
.dsComplianceNote { margin:16px 0 0; padding:12px 14px; border-left:3px solid var(--ds-amber); background:rgba(245,191,104,.06); color:var(--dm-muted); line-height:1.5; }
.dsTableWrap { max-width:100%; overflow:auto; border:1px solid var(--dm-line); border-radius:16px; }
.dsSampleTable { width:100%; border-collapse:collapse; min-width:720px; font-size:12px; }
.dsSampleTable th,.dsSampleTable td { max-width:260px; padding:10px 12px; border-bottom:1px solid var(--dm-line); border-right:1px solid var(--dm-line); text-align:left; vertical-align:top; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dsSampleTable th { position:sticky; top:0; background:#101d37; color:var(--ds-neon); z-index:1; }
.dsSampleTable td { color:#c9d4e9; }
.dsSampleEmpty { padding:24px; border:1px dashed rgba(146,174,224,.25); border-radius:16px; color:var(--dm-muted); text-align:center; }
.dsPurchaseRail { position:sticky; top:138px; display:grid; gap:12px; }
.dsDatasetCover { width:100%; max-height:220px; object-fit:cover; border:1px solid var(--dm-line); border-radius:22px; }
.dsAccessCard,.dsLicenseBox { padding:18px; border:1px solid var(--dm-line); border-radius:20px; background:rgba(8,17,35,.92); box-shadow:0 16px 45px rgba(0,0,0,.16); }
.dsAccessCard { display:grid; gap:5px; }
.dsAccessCard>span { color:var(--dm-muted); font-size:11px; font-weight:850; text-transform:uppercase; }
.dsAccessCard>strong { font-size:19px; color:var(--ds-neon); }
.dsAccessCard p,.dsEnterpriseNote { margin:6px 0 0; color:var(--dm-muted); font-size:12px; line-height:1.5; }
.dsLicenseBox h2 { margin:0 0 12px; font-size:20px; }
.dsLicenseCard { display:grid; gap:12px; margin-top:10px; padding:14px; border:1px solid var(--dm-line); border-radius:16px; background:rgba(4,12,26,.58); }
.dsLicenseCard.is-featured { border-color:rgba(49,220,205,.44); box-shadow:inset 0 0 0 1px rgba(49,220,205,.08); }
.dsLicenseCard header { display:flex; justify-content:space-between; gap:10px; }
.dsLicenseCard header h3 { margin:0; font-size:16px; }
.dsLicenseCard header p { margin:4px 0 0; color:var(--dm-muted); font-size:11px; line-height:1.4; }
.dsLicenseCard header>span { height:max-content; padding:5px 7px; border-radius:8px; background:rgba(49,220,205,.09); color:var(--ds-neon); font-size:9px; font-weight:900; text-transform:uppercase; }
.dsLicenseCard ul { display:grid; gap:5px; margin:0; padding:0; list-style:none; color:#c5d0e6; font-size:11px; }
.dsLicenseCard details { color:var(--dm-muted); font-size:11px; }
.dsLicenseCard details p { line-height:1.5; }
.dsLicensePrice { font-size:21px; }
.dsLicenseCard form,.dsLicenseCard .dmButton,.dsContactButton { width:100%; }
.dsLicenseCard button { width:100%; }

.dsRequestHero { align-items:center; }
.dsRequestGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.dsRequestCard { display:flex; flex-direction:column; min-height:320px; }
.dsRequestCard header small { color:var(--dm-muted); }
.dsRequestFacts { display:flex; flex-wrap:wrap; gap:7px; margin-top:4px; }
.dsRequestFacts span { padding:6px 8px; border-radius:9px; background:rgba(107,140,255,.08); color:#c7d3ee; font-size:11px; }
.dsRequestCard footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; padding-top:16px; border-top:1px solid var(--dm-line); }
.dsRequestFilters { grid-template-columns:repeat(3,minmax(0,1fr)) auto auto; }
.dsRequestFormSection { padding:26px; border:1px solid var(--dm-line); border-radius:24px; background:linear-gradient(140deg,rgba(15,30,57,.9),rgba(7,15,31,.96)); }
.dsRequestFormSection>header { margin-bottom:20px; }
.dsRequestFormSection>header h2 { margin:5px 0; font-size:28px; }
.dsRequestFormSection>header p { margin:0; color:var(--dm-muted); }
.dsRequestForm { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }

html[data-theme="light"] .dsHero,
html[data-theme="light"] .dsCreateHero,
html[data-theme="light"] .dsRequestHero,
html[data-theme="light"] .dsProductHero,
html[data-theme="light"] .dsCard,
html[data-theme="light"] .dsFormSection,
html[data-theme="light"] .dsPanel,
html[data-theme="light"] .dsAccessCard,
html[data-theme="light"] .dsLicenseBox,
html[data-theme="light"] .dsRequestsPreview,
html[data-theme="light"] .dsRequestFormSection { background:linear-gradient(145deg,#f8fbff,#eef3fb); color:#13203a; }
html[data-theme="light"] .dsFilters,
html[data-theme="light"] .dsModalityCard,
html[data-theme="light"] .dsRequestStrip article,
html[data-theme="light"] .dsRequestCard,
html[data-theme="light"] .dsLicenseEditor,
html[data-theme="light"] .dsLicenseCard,
html[data-theme="light"] .dsFactGrid>div,
html[data-theme="light"] .dsMetricGrid>div,
html[data-theme="light"] .dsQualityGrid>article,
html[data-theme="light"] .dsKpiRail>div { background:#fff; color:#13203a; }
html[data-theme="light"] .dsFilters input,
html[data-theme="light"] .dsFilters select,
html[data-theme="light"] .dsRequestForm input,
html[data-theme="light"] .dsRequestForm select,
html[data-theme="light"] .dsRequestForm textarea,
html[data-theme="light"] .dsCreateForm input,
html[data-theme="light"] .dsCreateForm select,
html[data-theme="light"] .dsCreateForm textarea { background:#fff; color:#13203a; }
html[data-theme="light"] .dsProductDescription,
html[data-theme="light"] .dsNarrative p { color:#34435f!important; }
html[data-theme="light"] .dsSampleTable th { background:#eaf0fb; color:#144f67; }
html[data-theme="light"] .dsSampleTable td { color:#2d3c56; }

@media (max-width:1200px) {
  .dsModalities { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .dsGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dsFilters { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .dsFilters__search { grid-column:span 2; }
  .dsFields--compact { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dsDetailLayout { grid-template-columns:minmax(0,1fr) 340px; }
}
@media (max-width:900px) {
  .dsHero,.dsProductHero { grid-template-columns:1fr; padding:28px; }
  .dsProductHero__score { align-items:flex-start; text-align:left; }
  .dsHero__matrix { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .dsHero__matrix div { min-height:92px; }
  .dsModalities { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .dsDetailLayout { grid-template-columns:1fr; }
  .dsPurchaseRail { position:static; }
  .dsRequestStrip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dsFactGrid,.dsMetricGrid,.dsQualityGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dsCreateHero,.dsRequestHero { align-items:flex-start; flex-direction:column; }
  .dsRequestForm { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:660px) {
  .dsHero,.dsProductHero,.dsCreateHero,.dsRequestHero { padding:22px; border-radius:22px; }
  .dsHero__matrix,.dsKpiRail { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dsModalities,.dsGrid,.dsRequestGrid,.dsRequestStrip,.dsLicenseGrid,.dsFields,.dsFields--compact,.dsFactGrid,.dsMetricGrid,.dsQualityGrid,.dsRequestForm { grid-template-columns:1fr; }
  .dsFilters,.dsRequestFilters { grid-template-columns:1fr; }
  .dsFilters__search { grid-column:auto; }
  .dsFormSection { grid-template-columns:1fr; }
  .dsFormSection__number { place-items:center start; padding:15px 20px; border-right:0; border-bottom:1px solid var(--dm-line); }
  .dsFormSection__body { padding:20px; }
  .dsLicenseEditor__fields { grid-template-columns:1fr; }
  .dsSubmit,.dsRequestCard footer { align-items:stretch; flex-direction:column; }
  .dsSubmit .dmButton,.dsRequestCard footer .dmButton { width:100%; }
}
.dsMediaSample { display:grid; place-items:center; min-height:260px; overflow:hidden; margin-bottom:12px; border:1px solid var(--dm-line); border-radius:18px; background:rgba(2,8,18,.65); }
.dsMediaSample img,.dsMediaSample video { display:block; width:100%; max-height:620px; object-fit:contain; }
.dsMediaSample audio { width:min(700px,calc(100% - 32px)); }
.dsMediaSample--audio { min-height:150px; }
.dsMediaSample--pdf iframe { width:100%; min-height:680px; border:0; background:#fff; }

.dsProductActions { display:flex; flex-wrap:wrap; gap:9px; margin-top:18px; }
.dsProductActions form { margin:0; }
.dsProductActions .dmButton { min-height:40px; }
.dsProductActions [data-dataset-share].is-copied { border-color:#3ee6b7; color:#3ee6b7; }
.dsOwnedNotice { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; margin-bottom:12px; border:1px solid rgba(62,230,183,.35); border-radius:16px; background:rgba(62,230,183,.08); }
.dsOwnedNotice strong { color:#67ebc5; }
html[data-theme="light"] .dsOwnedNotice { background:#eafaf5; border-color:#9edecb; }
html[data-theme="light"] .dsOwnedNotice strong { color:#14785d; }
@media (max-width:660px) { .dsProductActions,.dsOwnedNotice { align-items:stretch; flex-direction:column; } .dsProductActions .dmButton,.dsOwnedNotice .dmButton { width:100%; } }

.dsBenchmarkEditor { margin-top:20px; padding-top:18px; border-top:1px solid var(--dm-line); }
.dsBenchmarkEditor>header h3,.dsBenchmarkTable h3 { margin:0 0 5px; }
.dsBenchmarkEditor>header p { margin:0 0 14px; color:var(--dm-muted); }
.dsBenchmarkRow { display:grid; grid-template-columns:1.1fr 1fr .85fr .65fr .65fr 1.2fr; gap:9px; padding:10px 0; border-top:1px dashed rgba(143,170,208,.2); }
.dsBenchmarkRow label { display:grid; gap:6px; }
.dsBenchmarkRow span { font-size:12px; color:var(--dm-muted); }
.dsBenchmarkRow input { width:100%; min-height:42px; border:1px solid var(--dm-line); border-radius:12px; background:rgba(5,15,32,.72); color:var(--dm-text); padding:0 11px; }
.dsBenchmarkTable { margin-top:18px; }
html[data-theme="light"] .dsBenchmarkRow input { background:#fff; color:#13203a; }
@media(max-width:1100px){.dsBenchmarkRow{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:660px){.dsBenchmarkRow{grid-template-columns:1fr;}}

/* ================================================================
   CONE Data Network — mission marketplace + contributor identity
   ================================================================ */
.dnPage{--dn-accent:#7cf2c9;--dn-blue:#75baff;--dn-purple:#9a8cff;--dn-panel:color-mix(in srgb,var(--cone-surface,#111b29) 92%,#07111e);--dn-line:rgba(122,181,255,.22);display:grid;gap:22px}
.dnHero,.dnMissionHero,.dnDashboardHero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:28px;padding:34px;border:1px solid var(--dn-line);border-radius:28px;background:radial-gradient(circle at 85% 20%,rgba(124,242,201,.14),transparent 34%),radial-gradient(circle at 10% 0,rgba(117,186,255,.15),transparent 35%),linear-gradient(145deg,#0a1422,#0e1a2b 62%,#0b1524);overflow:hidden}
.dnHero h1,.dnMissionHero h1,.dnDashboardHero h1,.dnFormHero h1{font-size:clamp(2.1rem,4vw,4.6rem);line-height:.98;letter-spacing:-.045em;margin:.35rem 0 1rem;max-width:950px}.dnHero p,.dnMissionHero p,.dnDashboardHero p,.dnFormHero p{font-size:1.06rem;line-height:1.65;color:var(--cone-muted,#b9c4d2);max-width:850px}.dnHero__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.dnHero__orb{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;min-height:230px;padding:25px;border:1px solid rgba(124,242,201,.28);border-radius:24px;background:linear-gradient(160deg,rgba(124,242,201,.12),rgba(117,186,255,.08));box-shadow:inset 0 1px rgba(255,255,255,.04)}.dnHero__orb strong{font-size:1.45rem;line-height:1.15}.dnHero__orb span{color:var(--cone-muted,#bac7d5);line-height:1.55}
.dnMetrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dnMetrics article,.dnIdentityCard>div{padding:22px;border:1px solid var(--dn-line);border-radius:20px;background:var(--dn-panel)}.dnMetrics strong{display:block;font-size:2rem;letter-spacing:-.03em;color:var(--dn-accent)}.dnMetrics span,.dnIdentityCard span{display:block;color:var(--cone-muted,#aebccc);margin-top:5px}
.dnFlow,.dnMissionMarket,.dnRights,.dnPanel,.dnForm>section{border:1px solid var(--dn-line);border-radius:24px;background:var(--dn-panel);padding:25px}.dnFlow__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dnFlow__grid article{position:relative;min-height:190px;padding:22px;border:1px solid rgba(117,186,255,.18);border-radius:20px;background:linear-gradient(145deg,rgba(117,186,255,.06),rgba(124,242,201,.035))}.dnFlow__grid b{display:inline-flex;width:38px;height:38px;border-radius:12px;align-items:center;justify-content:center;background:rgba(124,242,201,.12);color:var(--dn-accent)}.dnFlow__grid h3{font-size:1.2rem;margin:22px 0 8px}.dnFlow__grid p{margin:0;color:var(--cone-muted,#aebccc);line-height:1.55}
.dnFilters{display:grid;grid-template-columns:2fr repeat(4,minmax(130px,1fr)) auto;gap:10px;margin:18px 0 22px}.dnFilters input,.dnFilters select,.dnForm input,.dnForm select,.dnForm textarea,.dnReviewCard input,.dnRedeem input{width:100%;border:1px solid rgba(117,186,255,.22);border-radius:13px;background:#0b1522;color:#eef6ff;padding:12px 13px}.dnFilters input:focus,.dnFilters select:focus,.dnForm input:focus,.dnForm select:focus,.dnForm textarea:focus{outline:2px solid rgba(124,242,201,.28);border-color:var(--dn-accent)}
.dnMissionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dnMissionCard{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid rgba(117,186,255,.2);border-radius:21px;background:linear-gradient(155deg,rgba(19,34,54,.96),rgba(8,20,34,.98));transition:.18s transform,.18s border-color}.dnMissionCard:hover{transform:translateY(-3px);border-color:rgba(124,242,201,.45)}.dnMissionCard__head,.dnMissionHero__tags{display:flex;gap:7px;flex-wrap:wrap}.dnMissionCard__head span,.dnMissionHero__tags span{font-size:.78rem;font-weight:800;padding:6px 9px;border-radius:999px;background:rgba(117,186,255,.09);border:1px solid rgba(117,186,255,.18);color:#bdddff}.dnMissionCard h3{font-size:1.22rem;margin:0}.dnMissionCard h3 a{color:inherit;text-decoration:none}.dnMissionCard p{color:var(--cone-muted,#b5c1d0);line-height:1.52;min-height:4.5em}.dnMissionCard__reward{display:flex;align-items:baseline;gap:8px}.dnMissionCard__reward strong{font-size:1.35rem;color:var(--dn-accent)}.dnMissionCard__reward span{font-size:.82rem;color:var(--cone-muted,#9fabbb)}.dnMissionCard footer{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid rgba(255,255,255,.06);padding-top:12px;margin-top:auto}.dnMissionCard footer a{font-weight:800;color:var(--dn-accent)}
.dnProgress{height:8px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.dnProgress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--dn-blue),var(--dn-accent))}.dnProgress--large{height:12px;margin:12px 0}
.dnRights{background:radial-gradient(circle at 90% 20%,rgba(154,140,255,.12),transparent 30%),var(--dn-panel)}.dnRights>p{max-width:980px;color:var(--cone-muted,#b5c1d0);line-height:1.7}.dnRights>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.dnRights b{padding:14px;border:1px solid rgba(154,140,255,.18);border-radius:14px;background:rgba(154,140,255,.045)}
.dnMissionHero aside{align-self:center;padding:24px;border:1px solid rgba(124,242,201,.3);border-radius:22px;background:rgba(124,242,201,.06);display:grid;gap:10px}.dnMissionHero aside>strong{font-size:2.1rem;color:var(--dn-accent)}.dnMissionLayout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.65fr);gap:16px}.dnMissionLayout main,.dnMissionLayout>aside{display:grid;align-content:start;gap:16px}.dnPanel h2,.dnPanel h3{margin-top:0}.dnPanel p{line-height:1.65;color:var(--cone-muted,#b7c2d0)}.dnFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dnFacts>div{padding:14px;border:1px solid rgba(117,186,255,.14);border-radius:13px;background:rgba(117,186,255,.035)}.dnFacts span{display:block;font-size:.78rem;color:var(--cone-muted,#9cabbc);margin-bottom:5px}.dnFacts strong{word-break:break-word}
.dnFormHero{padding:28px 4px 4px}.dnForm{display:grid;gap:16px}.dnForm>section h2{margin:0 0 18px;font-size:1.25rem}.dnFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dnForm label,.dnReviewCard label{display:grid;gap:6px}.dnForm label>span,.dnReviewCard label>span{font-size:.8rem;font-weight:800;color:#b9c9dc}.dnSpan2{grid-column:1/-1}.dnMoney{display:grid;grid-template-columns:1fr 110px;gap:7px}.dnChecks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.dnChecks label{display:flex;align-items:flex-start;gap:9px;padding:12px;border-radius:13px;background:rgba(117,186,255,.035);border:1px solid rgba(117,186,255,.12)}.dnChecks input{width:auto;margin-top:2px}.dnUpload{padding:16px;border:1px dashed rgba(124,242,201,.4)!important;border-radius:15px;background:rgba(124,242,201,.035)}.dnUpload small{color:var(--cone-muted,#aab7c5)}.dnFormActions{display:flex;justify-content:flex-end;gap:10px}.dnConsent{border-color:rgba(154,140,255,.3)!important}.dnLegalNote{padding:13px 15px;border-radius:13px;border:1px solid rgba(245,197,93,.25);background:rgba(245,197,93,.06);color:#dfc98f;line-height:1.5;margin-top:14px}
.dnIdentityBadge{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px}.dnIdentityBadge>*{padding:7px 10px;border-radius:999px;background:rgba(117,186,255,.08);border:1px solid rgba(117,186,255,.18)}.dnDashboardHero{align-items:center}.dnEarningsBalance{padding:24px;border:1px solid rgba(124,242,201,.32);border-radius:22px;background:rgba(124,242,201,.06);display:grid;gap:4px}.dnEarningsBalance strong{font-size:2.25rem;color:var(--dn-accent)}.dnEarningsBalance small{color:var(--cone-muted,#aab7c5)}.dnIdentityCard{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.dnIdentityCard strong{font-size:1.25rem}.dnRedeem{display:grid;grid-template-columns:minmax(180px,260px) auto 1fr;align-items:center;gap:10px}.dnTableWrap{overflow:auto}.dnTable{width:100%;border-collapse:collapse}.dnTable th,.dnTable td{padding:12px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left}.dnTable th{font-size:.75rem;color:var(--cone-muted,#9eacbb)}.dnStatus{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(117,186,255,.09)}.dnStatus--accepted{background:rgba(124,242,201,.12);color:#a7ffe0}.dnStatus--rejected{background:rgba(255,108,122,.12);color:#ffb0ba}.dnLedger{display:grid;gap:7px}.dnLedger>div{display:grid;grid-template-columns:1fr auto 180px;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}.dnLedger small{text-align:right;color:var(--cone-muted,#9eacbb)}.is-positive{color:var(--dn-accent)}.is-negative{color:#ff9eaa}
.dnReviewGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dnReviewCard{padding:20px;border:1px solid var(--dn-line);border-radius:20px;background:var(--dn-panel)}.dnReviewCard>header{display:flex;justify-content:space-between;gap:12px}.dnReviewCard form{display:grid;gap:10px;margin-top:16px}.dnReviewCard form>div{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:1050px){.dnHero,.dnMissionHero,.dnDashboardHero,.dnMissionLayout{grid-template-columns:1fr}.dnMetrics,.dnFlow__grid,.dnIdentityCard{grid-template-columns:repeat(2,1fr)}.dnMissionGrid{grid-template-columns:repeat(2,1fr)}.dnFilters{grid-template-columns:repeat(2,1fr)}.dnReviewGrid{grid-template-columns:1fr}}
@media(max-width:680px){.dnHero,.dnMissionHero,.dnDashboardHero,.dnFlow,.dnMissionMarket,.dnRights,.dnPanel,.dnForm>section{padding:18px;border-radius:18px}.dnMetrics,.dnFlow__grid,.dnIdentityCard,.dnMissionGrid,.dnFilters,.dnFormGrid,.dnChecks,.dnRights>div,.dnFacts{grid-template-columns:1fr}.dnSpan2{grid-column:auto}.dnHero h1,.dnMissionHero h1,.dnDashboardHero h1,.dnFormHero h1{font-size:2.1rem}.dnRedeem{grid-template-columns:1fr}.dnLedger>div{grid-template-columns:1fr auto}.dnLedger small{grid-column:1/-1;text-align:left}.dnMissionCard p{min-height:0}}
.dnPools{border:1px solid var(--dn-line);border-radius:24px;background:var(--dn-panel);padding:25px}.dnPoolGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dnPoolCard{padding:20px;border:1px solid rgba(154,140,255,.24);border-radius:20px;background:linear-gradient(150deg,rgba(154,140,255,.08),rgba(117,186,255,.035));display:grid;gap:14px}.dnPoolCard__badge{width:max-content;padding:5px 8px;border-radius:999px;background:rgba(124,242,201,.12);color:var(--dn-accent);font-size:.72rem;font-weight:900;letter-spacing:.08em}.dnPoolCard h3{margin:0}.dnPoolCard__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dnPoolCard__metrics span{padding:10px;border-radius:12px;background:rgba(255,255,255,.035);font-size:.72rem;color:var(--cone-muted,#9fafc0)}.dnPoolCard__metrics strong{display:block;color:#fff;font-size:1.12rem;margin-bottom:4px}.dnPoolCard small{color:var(--cone-muted,#9fafc0)}.dnPoolCard footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.06);padding-top:12px}.dnPoolCard footer a{color:var(--dn-accent);font-weight:800}.dnPoolEmpty{padding:20px;border:1px dashed rgba(154,140,255,.26);border-radius:16px;color:var(--cone-muted,#aebccc)}
@media(max-width:1050px){.dnPoolGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.dnPools{padding:18px}.dnPoolGrid{grid-template-columns:1fr}.dnPoolCard__metrics{grid-template-columns:1fr}}

/* CONE Data Network: light theme + duplicate governance */
:root[data-theme="light"] .dnPage{--dn-panel:#ffffff;--dn-line:rgba(45,92,135,.18);color:#162333}
:root[data-theme="light"] .dnHero,:root[data-theme="light"] .dnMissionHero,:root[data-theme="light"] .dnDashboardHero{background:radial-gradient(circle at 85% 20%,rgba(35,185,139,.10),transparent 34%),radial-gradient(circle at 10% 0,rgba(70,145,220,.10),transparent 35%),linear-gradient(145deg,#f9fcff,#eef5fb 62%,#f8fbfd)}
:root[data-theme="light"] .dnFilters input,:root[data-theme="light"] .dnFilters select,:root[data-theme="light"] .dnForm input,:root[data-theme="light"] .dnForm select,:root[data-theme="light"] .dnForm textarea,:root[data-theme="light"] .dnReviewCard input,:root[data-theme="light"] .dnRedeem input{background:#fff;color:#182533;border-color:rgba(45,92,135,.24)}
:root[data-theme="light"] .dnMissionCard{background:linear-gradient(155deg,#fff,#f3f8fc)}
:root[data-theme="light"] .dnMissionCard__head span,:root[data-theme="light"] .dnMissionHero__tags span{color:#285a86}
:root[data-theme="light"] .dnPoolCard__metrics strong{color:#172536}
:root[data-theme="light"] .dnTable th,:root[data-theme="light"] .dnTable td,:root[data-theme="light"] .dnLedger>div,:root[data-theme="light"] .dnMissionCard footer,:root[data-theme="light"] .dnPoolCard footer{border-color:rgba(45,92,135,.12)}
.dnDuplicateAlert{margin:10px 0;padding:10px 12px;border:1px solid rgba(255,108,122,.38);border-radius:12px;background:rgba(255,108,122,.10);color:#ffb4bd;font-weight:800}
:root[data-theme="light"] .dnDuplicateAlert{color:#a51f31;background:#fff0f2;border-color:#e8a3ad}
\n\n/* ================================================================\n   CONE Data Network R2 — funded mission economics + live operations\n   ================================================================ */\n.dnFundedBadge{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:7px 10px;border:1px solid rgba(124,242,201,.35);border-radius:999px;background:rgba(124,242,201,.10);color:var(--dn-accent);font-size:.76rem;font-weight:900;letter-spacing:.04em}\n.dnFundedBadge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--dn-accent);box-shadow:0 0 0 4px rgba(124,242,201,.10)}\n.dnEconomics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.dnEconomics>div,.dnLiveGrid>div{padding:14px;border:1px solid rgba(117,186,255,.17);border-radius:15px;background:rgba(117,186,255,.04)}.dnEconomics span,.dnLiveGrid span{display:block;font-size:.74rem;color:var(--cone-muted,#9fafc0);margin-bottom:5px}.dnEconomics strong,.dnLiveGrid strong{display:block;font-size:1.15rem;letter-spacing:-.02em}.dnEconomics strong.is-net{color:var(--dn-accent)}\n.dnFundingGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dnFundingGrid>article{padding:20px;border:1px solid var(--dn-line);border-radius:19px;background:linear-gradient(145deg,rgba(117,186,255,.05),rgba(124,242,201,.025));display:grid;align-content:start;gap:12px}.dnFundingGrid h3{margin:0}.dnFundingGrid p{margin:0;color:var(--cone-muted,#aebccc);line-height:1.55}.dnFundingGrid form{display:grid;gap:10px;margin-top:4px}\n.dnBankInstructions{display:grid;gap:7px;padding:15px;border:1px dashed rgba(117,186,255,.3);border-radius:14px;background:rgba(117,186,255,.035)}.dnBankInstructions>div{display:grid;grid-template-columns:150px 1fr;gap:10px}.dnBankInstructions span{color:var(--cone-muted,#9fafc0);font-size:.8rem}.dnBankInstructions strong{word-break:break-word}\n.dnContract{display:grid;gap:16px}.dnContract__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dnContract__meta>div{padding:13px;border:1px solid var(--dn-line);border-radius:13px}.dnContract__meta span{display:block;font-size:.72rem;color:var(--cone-muted,#9fafc0);margin-bottom:5px}.dnContract pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.72;padding:22px;border:1px solid rgba(117,186,255,.18);border-radius:18px;background:rgba(6,14,27,.62);color:var(--cone-text,#eaf3ff)}.dnHash{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.76rem;word-break:break-all;color:var(--cone-muted,#9fafc0)}\n.dnLiveGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.dnLiveGrid strong[data-live="remaining"]{color:var(--dn-accent)}.dnLivePulse{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--cone-muted,#9fafc0)}.dnLivePulse::before{content:"";width:8px;height:8px;border-radius:50%;background:#55e0aa;box-shadow:0 0 0 5px rgba(85,224,170,.11);animation:dnPulse 2s ease-in-out infinite}@keyframes dnPulse{50%{opacity:.45;transform:scale(.8)}}\n.dnEarningPreview{padding:14px 16px;border:1px solid rgba(124,242,201,.28);border-radius:14px;background:rgba(124,242,201,.06)}.dnEarningPreview span{display:block;font-size:.77rem;color:var(--cone-muted,#9fafc0)}.dnEarningPreview strong{display:block;margin-top:4px;font-size:1.35rem;color:var(--dn-accent)}\n.dnLegalBox{padding:16px;border:1px solid rgba(245,197,93,.28);border-radius:15px;background:rgba(245,197,93,.055);line-height:1.62}.dnLegalBox strong{display:block;margin-bottom:6px}.dnLegalBox a{color:var(--dn-accent);font-weight:800}\n:root[data-theme="light"] .dnContract pre{background:#f7fafc;color:#182533}:root[data-theme="light"] .dnFundedBadge{color:#117353;background:#e9faf4;border-color:#9edbc7}:root[data-theme="light"] .dnLegalBox{background:#fff9e8;color:#5e4a12}.dnEarningsBalance{padding:24px;border:1px solid rgba(124,242,201,.32);border-radius:22px;background:rgba(124,242,201,.06);display:grid;gap:4px}.dnEarningsBalance strong{font-size:2.25rem;color:var(--dn-accent)}.dnEarningsBalance small{color:var(--cone-muted,#aab7c5)}\n@media(max-width:1050px){.dnEconomics{grid-template-columns:repeat(2,minmax(0,1fr))}.dnLiveGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.dnFundingGrid,.dnEconomics,.dnContract__meta,.dnLiveGrid{grid-template-columns:1fr}.dnBankInstructions>div{grid-template-columns:1fr}.dnContract pre{padding:15px}}\n
/* ================================================================
   CONE PC Games — direct PC commerce + secure CONE licensing
   ================================================================ */
.gamePage{--game-accent:var(--dm-cyan);--game-blue:var(--dm-blue);--game-panel:var(--dm-panel);--game-line:var(--dm-line);display:grid;gap:26px}
.gameHero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.55fr);gap:28px;padding:clamp(26px,4vw,54px);border:1px solid var(--game-line);border-radius:32px;background:radial-gradient(circle at 84% 14%,rgba(49,220,205,.18),transparent 34%),radial-gradient(circle at 10% 5%,rgba(107,140,255,.20),transparent 38%),linear-gradient(145deg,rgba(8,18,38,.98),rgba(11,27,50,.95));box-shadow:var(--dm-shadow)}
.gameHero h1{margin:.35rem 0 1rem;max-width:930px;font-size:clamp(2.4rem,5vw,5.3rem);line-height:.94;letter-spacing:-.055em}.gameHero p{max-width:780px;color:var(--dm-muted);font-size:1.06rem;line-height:1.65}.gameHero aside{align-self:stretch;display:grid;align-content:end;gap:10px;padding:24px;border:1px solid rgba(49,220,205,.28);border-radius:23px;background:rgba(49,220,205,.06)}.gameHero aside strong{font-size:1.35rem}.gameHero aside span{color:var(--dm-muted);line-height:1.5}
.gameDiscovery{display:grid;grid-template-columns:minmax(250px,310px) minmax(0,1fr);gap:20px;align-items:start}.gameFilters{position:sticky;top:132px;padding:20px;border:1px solid var(--game-line);border-radius:22px;background:var(--game-panel);box-shadow:0 18px 48px rgba(0,0,0,.18)}.gameFilters h2{margin:0 0 16px}.gameFilters form{display:grid;gap:13px}.gameFilters label,.gameDynamicFilter{display:grid;gap:7px}.gameFilters label>span,.gameDynamicFilter>span,.gameDynamicField label>span,.gameBuildForm label>span,.gameAdminForm label>span{font-size:.78rem;font-weight:800;color:var(--dm-muted)}.gameFilters input,.gameFilters select,.gameDynamicField input,.gameDynamicField select,.gameReqGrid input,.gameBuildForm input,.gameBuildForm select,.gameBuildForm textarea,.gameAdminForm textarea{width:100%;min-height:43px;padding:10px 12px;border:1px solid var(--game-line);border-radius:12px;background:rgba(7,15,31,.78);color:var(--dm-ink)}.gameFilters input:focus,.gameFilters select:focus,.gameDynamicField input:focus,.gameDynamicField select:focus,.gameReqGrid input:focus,.gameBuildForm input:focus,.gameBuildForm select:focus,.gameBuildForm textarea:focus,.gameAdminForm textarea:focus{outline:2px solid rgba(49,220,205,.22);border-color:var(--game-accent)}
.gameChecks{display:flex;flex-wrap:wrap;gap:7px}.gameChecks label{display:flex;align-items:center;gap:6px;width:auto;padding:7px 9px;border:1px solid var(--game-line);border-radius:999px;background:rgba(107,140,255,.06);font-size:.78rem}.gameChecks input{width:auto;min-height:auto;margin:0}
.gameGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.gameCard{overflow:hidden;border:1px solid var(--game-line);border-radius:22px;background:linear-gradient(155deg,rgba(18,31,55,.96),rgba(8,18,35,.98));transition:.18s transform,.18s border-color,.18s box-shadow}.gameCard:hover{transform:translateY(-4px);border-color:rgba(49,220,205,.42);box-shadow:0 18px 48px rgba(0,0,0,.23)}.gameCard__cover{display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(145deg,rgba(107,140,255,.22),rgba(49,220,205,.12));text-decoration:none}.gameCard__cover img{width:100%;height:100%;object-fit:cover}.gameCard__cover--empty span{font-size:2rem;font-weight:950;letter-spacing:.08em}.gameCard__body{display:grid;gap:11px;padding:18px}.gameCard__body h3{margin:0;font-size:1.2rem}.gameCard__body h3 a{text-decoration:none}.gameCard__body p{margin:0;color:var(--dm-muted);line-height:1.5;min-height:2.8em}.gameBadges{display:flex;flex-wrap:wrap;gap:6px}.gameBadges span,.gameStatus,.gameLicenseTrust span{display:inline-flex;align-items:center;width:max-content;padding:5px 8px;border:1px solid rgba(49,220,205,.24);border-radius:999px;background:rgba(49,220,205,.07);color:#9bf3e7;font-size:.72rem;font-weight:900}.gameCard__meta{display:flex;flex-wrap:wrap;gap:7px 12px;color:var(--dm-muted);font-size:.78rem}.gameCard footer,.gameStudioActions{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}.gameCard footer strong{font-size:1.2rem}
.gameDetailHero{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:28px;padding:26px;border:1px solid var(--game-line);border-radius:30px;background:radial-gradient(circle at 80% 0,rgba(49,220,205,.10),transparent 32%),var(--game-panel)}.gameDetailHero__media{overflow:hidden;min-height:320px;border-radius:23px;background:rgba(107,140,255,.08)}.gameDetailHero__media img{width:100%;height:100%;object-fit:cover}.gameCoverFallback{display:grid;place-items:center;min-height:100%;font-size:3rem;font-weight:950}.gameDetailHero__body{display:grid;align-content:center;gap:14px}.gameDetailHero h1{margin:0;font-size:clamp(2.3rem,4vw,4.8rem);line-height:.96;letter-spacing:-.05em}.gameLead{margin:0;color:var(--dm-muted);font-size:1.1rem;line-height:1.6}.gamePublisher{display:flex;flex-wrap:wrap;gap:8px 14px}.gamePublisher span{color:var(--dm-muted)}.gameLicenseStrip{display:flex;flex-wrap:wrap;gap:8px}.gameLicenseStrip span{padding:8px 10px;border:1px solid var(--game-line);border-radius:12px;background:rgba(107,140,255,.06);font-size:.8rem}.gamePrice{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.gamePrice>strong{font-size:1.6rem}.gameNotice{padding:11px 13px;border:1px solid rgba(245,191,104,.35);border-radius:12px;background:rgba(245,191,104,.08);color:#ffda9c}.gameMedia{display:grid;gap:14px}.gameTrailer{width:100%;max-height:720px;border:1px solid var(--game-line);border-radius:22px;background:#000}.gameScreens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.gameScreens a{overflow:hidden;aspect-ratio:16/9;border:1px solid var(--game-line);border-radius:15px}.gameScreens img{width:100%;height:100%;object-fit:cover}.gameDetailGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:18px;align-items:start}.gameDetailGrid main,.gameDetailGrid aside{display:grid;gap:16px}.gameDetailGrid aside{position:sticky;top:132px}.gamePanel{padding:22px;border:1px solid var(--game-line);border-radius:21px;background:var(--game-panel)}.gamePanel h2,.gamePanel h3{margin-top:0}.gameDescription{white-space:normal;line-height:1.72;color:var(--dm-muted)}.gameFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gameFacts>div{padding:13px;border:1px solid var(--game-line);border-radius:14px;background:rgba(107,140,255,.04)}.gameFacts span{display:block;color:var(--dm-muted);font-size:.76rem;margin-bottom:4px}.gameReqGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gameReqGrid fieldset,.gameReqGrid>div{display:grid;gap:9px;margin:0;padding:17px;border:1px solid var(--game-line);border-radius:16px}.gameReqGrid dl{display:grid;grid-template-columns:minmax(90px,.4fr) minmax(0,1fr);gap:8px;margin:0}.gameReqGrid dt{color:var(--dm-muted)}.gameReqGrid dd{margin:0}.gameLicenseTrust{display:flex;flex-wrap:wrap;gap:6px}.gameFollow{display:grid;gap:9px}.gameFollow form{margin:0}.gameFollow .dmButton{width:100%}
.gameCreate{display:grid;gap:18px}.gameDynamicCreate{display:grid;gap:14px}.gameDynamicCreate>[data-game-common-fields],.gameDynamicCreate>[data-game-genre-fields]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gameDynamicField{padding:13px;border:1px solid var(--game-line);border-radius:14px;background:rgba(107,140,255,.035)}.gameDynamicField label{display:grid;gap:7px}.gameCreate .dmHero__trust{align-self:center}.gameEconomics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.gameEconomics>div{padding:15px;border:1px solid rgba(49,220,205,.24);border-radius:15px;background:rgba(49,220,205,.055)}.gameEconomics span{display:block;color:var(--dm-muted);font-size:.76rem}.gameEconomics strong{display:block;margin-top:4px;font-size:1.25rem}.gameEconomics>div:last-child strong{color:var(--game-accent)}
.gameStudioGrid,.gameLibraryGrid,.gameAdminQueue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gamePanel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.gamePanel>header h2{margin:4px 0 0}.gameStudioMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:15px 0}.gameStudioMetrics>div{padding:12px;border:1px solid var(--game-line);border-radius:13px}.gameStudioMetrics span{display:block;color:var(--dm-muted);font-size:.73rem}.gameStudioMetrics strong{display:block;margin-top:4px;font-size:1.12rem}.gameBuildForm,.gameAdminForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.gameBuildForm label,.gameAdminForm label{display:grid;gap:6px}.gameBuildForm label:nth-last-of-type(-n+2),.gameAdminForm label{grid-column:1/-1}.gameBuildForm textarea,.gameAdminForm textarea{min-height:110px}.gameLicenseReveal{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:20px;border:1px solid rgba(49,220,205,.35);border-radius:19px;background:rgba(49,220,205,.07)}.gameLicenseReveal strong,.gameLicenseReveal p{grid-column:1/-1;margin:0}.gameLicenseReveal code{display:block;padding:12px;border:1px solid var(--game-line);border-radius:12px;background:rgba(0,0,0,.25);overflow-wrap:anywhere}.gameDevices{display:grid;gap:8px;margin-top:10px}.gameDevices>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid var(--game-line);border-radius:13px}.gameDevices span{display:block;color:var(--dm-muted);font-size:.76rem}
.gameStatus--approved{border-color:rgba(49,220,205,.4);color:#9bf3e7}.gameStatus--rejected{border-color:rgba(255,124,150,.4);background:rgba(255,124,150,.08);color:#ffb2c2}.gameStatus--pending{border-color:rgba(245,191,104,.4);background:rgba(245,191,104,.08);color:#ffd898}
:root[data-theme="light"] .gameHero{background:radial-gradient(circle at 84% 14%,rgba(26,164,152,.12),transparent 34%),linear-gradient(145deg,#f8fbff,#eef5ff)}:root[data-theme="light"] .gameFilters,:root[data-theme="light"] .gamePanel,:root[data-theme="light"] .gameDetailHero{background:#fff}:root[data-theme="light"] .gameCard{background:#fff}:root[data-theme="light"] .gameFilters input,:root[data-theme="light"] .gameFilters select,:root[data-theme="light"] .gameDynamicField input,:root[data-theme="light"] .gameDynamicField select,:root[data-theme="light"] .gameReqGrid input,:root[data-theme="light"] .gameBuildForm input,:root[data-theme="light"] .gameBuildForm select,:root[data-theme="light"] .gameBuildForm textarea,:root[data-theme="light"] .gameAdminForm textarea{background:#fff;color:#142038}:root[data-theme="light"] .gameBadges span,:root[data-theme="light"] .gameStatus,:root[data-theme="light"] .gameLicenseTrust span{color:#176e66}:root[data-theme="light"] .gameLicenseReveal code{background:#f4f7fb;color:#152238}
@media(max-width:1180px){.gameGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.gameDiscovery{grid-template-columns:250px minmax(0,1fr)}.gameStudioMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.gameHero,.gameDetailHero,.gameDetailGrid,.gameDiscovery{grid-template-columns:1fr}.gameFilters,.gameDetailGrid aside{position:static}.gameScreens{grid-template-columns:repeat(2,minmax(0,1fr))}.gameDynamicCreate>[data-game-common-fields],.gameDynamicCreate>[data-game-genre-fields]{grid-template-columns:repeat(2,minmax(0,1fr))}.gameStudioGrid,.gameLibraryGrid,.gameAdminQueue{grid-template-columns:1fr}}
@media(max-width:620px){.gameHero{padding:23px;border-radius:24px}.gameGrid,.gameReqGrid,.gameFacts,.gameDynamicCreate>[data-game-common-fields],.gameDynamicCreate>[data-game-genre-fields],.gameEconomics,.gameBuildForm,.gameAdminForm{grid-template-columns:1fr}.gameScreens{grid-template-columns:1fr}.gameStudioMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.gameLicenseReveal{grid-template-columns:1fr}.gameLicenseReveal strong,.gameLicenseReveal p{grid-column:auto}.gameDevices>div{align-items:stretch;flex-direction:column}}
.gameIntegrationGuide{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:20px;align-items:center}.gameIntegrationGuide h2{margin:.35rem 0 .6rem}.gameIntegrationGuide p{margin:0;color:var(--dm-muted);line-height:1.6}.gameIntegrationEndpoints{display:grid;gap:8px}.gameIntegrationEndpoints>div{display:grid;gap:5px;padding:12px;border:1px solid var(--game-line);border-radius:13px;background:rgba(107,140,255,.04)}.gameIntegrationEndpoints span{font-size:.73rem;color:var(--dm-muted);font-weight:800}.gameIntegrationEndpoints code{overflow-wrap:anywhere}.gameIntegrationNote{grid-column:1/-1;padding-top:12px;border-top:1px solid var(--game-line)}@media(max-width:800px){.gameIntegrationGuide{grid-template-columns:1fr}}
.gameUploadProgress{display:grid;grid-column:1/-1;gap:6px;margin-top:5px}.gameUploadProgress[hidden]{display:none}.gameUploadProgress>div{height:8px;overflow:hidden;border:1px solid var(--game-line);border-radius:999px;background:rgba(107,140,255,.07)}.gameUploadProgress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--dm-blue),var(--dm-cyan));transition:width .15s ease}.gameUploadProgress span{font-size:.76rem;color:var(--dm-muted)}

/* R32-S5 · Dynamic Digital Publishing */
.dmDynamicFields{margin-top:22px}.dmDynamicFields__group{border:1px solid rgba(118,159,220,.22);border-radius:18px;padding:18px;background:rgba(16,31,55,.42)}.dmDynamicFields__head{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.dmDynamicFields__head strong{font-size:1rem}.dmDynamicFields__head span{color:var(--dm-muted,#9fb0c8);font-size:.9rem}.dmPreviewRule--info{border-color:rgba(59,206,194,.35);background:linear-gradient(135deg,rgba(35,85,102,.22),rgba(56,47,103,.16))}.dmCreatePage [data-preview-pages-field]{max-width:420px;margin:0 0 16px}.dmFilters input[type="number"]{min-width:110px}

/* R32-S5 dynamic publishing wizard */
.dmWizardSteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 22px}.dmWizardSteps button{display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 13px;border:1px solid var(--dm-border,#2d405d);border-radius:14px;background:var(--dm-panel,#0f1c31);color:inherit;text-align:left;font-weight:700;cursor:pointer}.dmWizardSteps button span{display:grid;place-items:center;min-width:30px;height:30px;border-radius:10px;border:1px solid currentColor;font-size:.76rem}.dmWizardSteps button.is-active{outline:2px solid rgba(77,216,211,.42);background:linear-gradient(135deg,rgba(54,211,202,.12),rgba(123,121,255,.10))}.dmWizardSteps button.is-complete span{background:rgba(54,211,202,.16)}.dmWizardActions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.is-wizard-enhanced [data-wizard-step][hidden]{display:none!important}.dmField small{display:block;margin-top:6px;opacity:.78;line-height:1.35}
@media (max-width:760px){.dmWizardSteps{grid-template-columns:1fr 1fr}.dmWizardSteps button{font-size:.86rem}.dmWizardActions{justify-content:stretch}.dmWizardActions .dmButton{flex:1}}


/* ==========================================================================
   CONE Digital Mobile Superlative R1 · 360–430 px
   Product-specific depth stays intact; only presentation/navigation changes.
   ========================================================================== */
.dmMobileDiscoveryBar,
.dmMobileFilterHead,
.dmMobileActionBar,
.dmCheckoutMobileBar,
.dmMobileSectionStepper,
.dmMobileSectionActions {
  display: none;
}

.dmMobileFilterBackdrop[hidden] {
  display: none !important;
}

@media (max-width: 760px) {
  body.dmFiltersOpen {
    overflow: hidden;
    overscroll-behavior: none;
  }

  body[data-category="digital"] main.container,
  body main.container:has(.dmPage) {
    width: min(100% - 14px, 1500px);
  }

  .dmPage {
    gap: 16px;
    padding-bottom: calc(82px + env(safe-area-inset-bottom, 0px));
  }

  .dmButton {
    min-height: 46px;
    padding: 11px 15px;
  }

  .dmPage input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  .dmPage select,
  .dmPage textarea,
  .dmPage button {
    font-size: 16px;
  }

  .dmSubnav {
    top: 64px;
    z-index: 28;
    display: flex;
    width: 100%;
    gap: 7px;
    overflow-x: auto;
    padding: 8px 2px;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    overscroll-behavior-inline: contain;
  }

  .dmSubnav::-webkit-scrollbar,
  .dmTypeGrid::-webkit-scrollbar,
  .dmHero__trust::-webkit-scrollbar,
  .dmProductCard__labels::-webkit-scrollbar,
  .dmProductCard__meta::-webkit-scrollbar,
  .dmSpecs dl::-webkit-scrollbar,
  .dmProtection::-webkit-scrollbar,
  .dmStudioMetrics::-webkit-scrollbar,
  .dsModalities::-webkit-scrollbar,
  .dsHero__matrix::-webkit-scrollbar,
  .dsKpiRail::-webkit-scrollbar,
  .dsFactGrid::-webkit-scrollbar,
  .dsQualityGrid::-webkit-scrollbar,
  .dmPublicationGrid::-webkit-scrollbar,
  .dmPublisherGrid::-webkit-scrollbar,
  .dmSubscriptionGrid::-webkit-scrollbar,
  .dmIssueGrid::-webkit-scrollbar,
  .dmPlanGrid::-webkit-scrollbar,
  .dmPublisherStatusGrid::-webkit-scrollbar,
  .gameScreens::-webkit-scrollbar,
  .gameLicenseStrip::-webkit-scrollbar,
  .gameFacts::-webkit-scrollbar,
  .gameStudioMetrics::-webkit-scrollbar,
  .dnMetrics::-webkit-scrollbar,
  .dnIdentityCard::-webkit-scrollbar,
  .dnMissionGrid::-webkit-scrollbar,
  .dnPoolGrid::-webkit-scrollbar,
  .dnCards::-webkit-scrollbar,
  .dmMobileSectionStepper::-webkit-scrollbar {
    display: none;
  }

  .dmSubnav a {
    flex: 0 0 auto;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    scroll-snap-align: center;
  }

  .dmHero,
  .dmCreateHero,
  .dmLibraryHero,
  .dmStudioHero,
  .dmPreviewHead,
  .dmCheckoutHead,
  .dmPeriodicalHero,
  .dmPublicationHero,
  .dmPublisherHero,
  .dmSubscriptionsHero,
  .dsHero,
  .gameHero,
  .gameDetailHero,
  .dnHero,
  .dnMissionHero,
  .dnDashboardHero,
  .dnFormHero {
    border-radius: 20px;
  }

  .dmHero {
    min-height: 0;
  }

  .dmHero__content,
  .dmCreateHero,
  .dmLibraryHero,
  .dmStudioHero,
  .dmPreviewHead,
  .dmCheckoutHead,
  .dmPeriodicalHero,
  .dmPublicationHero,
  .dmPublisherHero,
  .dmSubscriptionsHero,
  .dsHero,
  .gameHero,
  .gameDetailHero,
  .dnHero,
  .dnMissionHero,
  .dnDashboardHero,
  .dnFormHero {
    padding: 20px 16px;
  }

  .dmHero h1,
  .dmCreateHero h1,
  .dmLibraryHero h1,
  .dmStudioHero h1,
  .dmPreviewHead h1,
  .dmCheckoutHead h1,
  .dmPeriodicalHero h1,
  .dmPublicationHero h1,
  .dmPublisherHero h1,
  .dmSubscriptionsHero h1,
  .dsHero h1,
  .gameHero h1,
  .gameDetailHero h1,
  .dnHero h1,
  .dnMissionHero h1,
  .dnDashboardHero h1,
  .dnFormHero h1 {
    font-size: clamp(30px, 10vw, 44px);
    line-height: 1.02;
    letter-spacing: -.035em;
  }

  .dmHero__content > p,
  .dmCreateHero p,
  .dmLibraryHero p,
  .dmStudioHero p,
  .dmPreviewHead p,
  .dmCheckoutHead p,
  .dmPeriodicalHero p,
  .dmPublicationHero p,
  .dmPublisherHero p,
  .dmSubscriptionsHero p,
  .dsHero p,
  .gameHero p,
  .gameDetailHero p,
  .dnHero p,
  .dnMissionHero p,
  .dnDashboardHero p,
  .dnFormHero p {
    font-size: 15px;
    line-height: 1.55;
  }

  .dmHero__actions,
  .dsHero__actions,
  .dnHero__actions,
  .dmPeriodicalHero__actions,
  .dmPublisherHero__actions {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  .dmHero__actions .dmButton,
  .dsHero__actions .dmButton,
  .dnHero__actions .dmButton,
  .dmPeriodicalHero__actions .dmButton,
  .dmPublisherHero__actions .dmButton {
    flex: 0 0 auto;
  }

  .dmHero__trust {
    display: flex;
    grid-template-columns: none;
    gap: 8px;
    overflow-x: auto;
    margin: 0 14px 14px;
    padding-bottom: 2px;
    scroll-snap-type: x mandatory;
  }

  .dmHero__trust > div {
    flex: 0 0 min(70vw, 220px);
    min-height: 94px;
    scroll-snap-align: start;
  }

  .dmSectionHead {
    align-items: flex-end;
    gap: 10px;
  }

  .dmSectionHead h2 {
    font-size: clamp(23px, 7vw, 31px);
  }

  /* Product/type discovery */
  .dmTypeGrid {
    display: flex;
    grid-template-columns: none;
    gap: 10px;
    overflow-x: auto;
    padding: 2px 1px 7px;
    scroll-snap-type: x mandatory;
    overscroll-behavior-inline: contain;
  }

  .dmTypeCard {
    flex: 0 0 min(77vw, 270px);
    min-height: 132px;
    padding: 16px;
    scroll-snap-align: start;
  }

  .dmTypeCard.is-active {
    border-color: color-mix(in srgb, var(--dm-accent) 72%, var(--dm-line));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--dm-accent) 18%, transparent);
  }

  .dmTypeCard small {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .dmProductGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .dmProductCard {
    border-radius: 18px;
  }

  .dmProductCard__body {
    gap: 8px;
    padding: 12px;
  }

  .dmProductCard__body h3 {
    font-size: 16px;
    line-height: 1.2;
  }

  .dmProductCard__body > p {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 12px;
  }

  .dmProductCard__labels,
  .dmProductCard__meta {
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
  }

  .dmProductCard__labels span,
  .dmProductCard__meta span {
    flex: 0 0 auto;
  }

  .dmProductCard footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }

  .dmProductCard footer strong {
    font-size: 16px;
  }

  .dmPromise,
  .dmProtection {
    display: flex;
    grid-template-columns: none;
    gap: 10px;
    overflow-x: auto;
    padding: 1px 1px 6px;
    scroll-snap-type: x mandatory;
  }

  .dmPromise article,
  .dmProtection > div {
    flex: 0 0 min(82vw, 300px);
    border: 1px solid var(--dm-line) !important;
    border-radius: 18px;
    scroll-snap-align: start;
  }

  /* Mobile filters: progressive enhancement. Without JS the forms remain normal. */
  .dmMobileDiscoveryBar {
    position: sticky;
    top: 112px;
    z-index: 26;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid var(--dm-line);
    border-radius: 16px;
    background: color-mix(in srgb, var(--dm-panel-strong) 92%, transparent);
    box-shadow: 0 10px 26px rgba(0,0,0,.16);
    backdrop-filter: blur(16px);
  }

  .dmMobileDiscoveryBar > strong {
    min-width: 0;
    overflow: hidden;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dmMobileDiscoveryBar .dmButton {
    min-height: 40px;
    padding: 8px 11px;
  }

  [data-digital-filter-count] {
    display: inline-grid;
    place-items: center;
    min-width: 21px;
    height: 21px;
    margin-left: 6px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--dm-accent);
    color: #06111d;
    font-size: 11px;
    font-weight: 950;
  }

  .dmMobileFilterHead {
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    grid-column: 1 / -1;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--dm-line);
  }

  .dmMobileFilterHead button {
    display: grid;
    place-items: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    border: 1px solid var(--dm-line);
    border-radius: 14px;
    background: transparent;
    color: inherit;
    font-size: 24px;
    cursor: pointer;
  }

  body.dmFiltersReady [data-digital-filter-sheet] {
    position: fixed !important;
    z-index: 1101 !important;
    inset: auto 0 0 !important;
    display: grid !important;
    width: 100% !important;
    max-width: none !important;
    max-height: min(84dvh, 780px);
    margin: 0 !important;
    padding: 14px 14px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    overflow: auto;
    border: 1px solid var(--dm-line) !important;
    border-radius: 24px 24px 0 0 !important;
    background: var(--dm-panel-strong) !important;
    box-shadow: 0 -24px 70px rgba(0,0,0,.38) !important;
    transform: translateY(105%);
    transition: transform .22s ease;
    overscroll-behavior: contain;
  }

  body.dmFiltersReady [data-digital-filter-sheet].is-open {
    transform: translateY(0);
  }

  .dmMobileFilterBackdrop {
    position: fixed;
    z-index: 1100;
    inset: 0;
    background: rgba(0,0,0,.58);
    backdrop-filter: blur(3px);
  }

  body.dmFiltersReady .gameDiscovery {
    grid-template-columns: 1fr;
  }

  body.dmFiltersReady .gameFilters[data-digital-filter-sheet] > h2 {
    margin: 0;
  }

  body.dmFiltersReady .gameFilters[data-digital-filter-sheet] form {
    display: grid;
    gap: 12px;
  }

  /* Generic detail + purchase */
  .dmProductHero {
    gap: 16px;
    padding: 14px;
    border-radius: 20px;
  }

  .dmProductCover {
    width: min(72vw, 285px);
    max-height: 360px;
  }

  .dmProductInfo h1 {
    font-size: clamp(30px, 9vw, 42px);
  }

  .dmProductInfo__labels,
  .dmPurchasePanel__trust {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .dmProductInfo__labels > *,
  .dmPurchasePanel__trust > * {
    flex: 0 0 auto;
  }

  .dmPurchasePanel {
    gap: 12px;
    padding: 14px;
    border-radius: 18px;
  }

  .dmDetailGrid {
    gap: 12px;
  }

  .dmSpecs dl {
    display: flex;
    gap: 9px;
    overflow-x: auto;
    padding-bottom: 5px;
    scroll-snap-type: x proximity;
  }

  .dmSpecs dl > div {
    flex: 0 0 min(72vw, 250px);
    min-height: 92px;
    padding: 13px;
    border: 1px solid var(--dm-line);
    border-radius: 15px;
    scroll-snap-align: start;
  }

  .dmMobileActionBar,
  .dmCheckoutMobileBar {
    position: fixed;
    z-index: 1000;
    right: 8px;
    bottom: calc(8px + env(safe-area-inset-bottom, 0px));
    left: 8px;
    display: grid;
    grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
    gap: 8px;
    align-items: center;
    padding: 8px;
    border: 1px solid color-mix(in srgb, var(--dm-accent) 34%, var(--dm-line));
    border-radius: 18px;
    background: color-mix(in srgb, var(--dm-panel-strong) 94%, transparent);
    box-shadow: 0 18px 55px rgba(0,0,0,.38);
    backdrop-filter: blur(18px);
  }

  .dmMobileActionBar__price,
  .dmCheckoutMobileBar > div {
    min-width: 0;
    padding-left: 6px;
  }

  .dmMobileActionBar__price span,
  .dmCheckoutMobileBar span {
    display: block;
    overflow: hidden;
    color: var(--dm-muted);
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dmMobileActionBar__price strong,
  .dmCheckoutMobileBar strong {
    display: block;
    overflow: hidden;
    font-size: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dmMobileActionBar__actions {
    display: flex;
    min-width: 0;
    gap: 6px;
  }

  .dmMobileActionBar__actions > *,
  .dmMobileActionBar__actions form,
  .dmCheckoutMobileBar > *,
  .dmCheckoutMobileBar form {
    min-width: 0;
    margin: 0;
  }

  .dmMobileActionBar__actions .dmButton,
  .dmCheckoutMobileBar .dmButton {
    width: 100%;
    min-height: 48px;
    padding: 9px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dmCheckoutMobileBar > form,
  .dmCheckoutMobileBar > a {
    width: 100%;
  }

  .dmCheckoutGrid {
    gap: 12px;
  }

  .dmCheckoutAction {
    position: static;
  }

  .dmCheckoutGuarantees {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .dmCheckoutGuarantees > div {
    flex: 0 0 min(74vw, 260px);
  }

  .dmPreviewStage {
    min-height: 0;
    border-radius: 18px;
  }

  .dmPreviewStage iframe,
  .dmPreviewStage video,
  .dmPreviewStage > img {
    min-height: 55dvh;
    height: 62dvh;
  }

  /* Dynamic 4-step publishing */
  .dmWizardSteps {
    position: sticky;
    top: 112px;
    z-index: 24;
    display: flex;
    grid-template-columns: none;
    gap: 8px;
    overflow-x: auto;
    margin: 10px 0 14px;
    padding: 6px 2px;
    background: color-mix(in srgb, var(--dm-bg) 92%, transparent);
    backdrop-filter: blur(14px);
    scrollbar-width: none;
    scroll-snap-type: x proximity;
  }

  .dmWizardSteps button {
    flex: 0 0 min(72vw, 245px);
    min-height: 50px;
    scroll-snap-align: center;
  }

  .dmWizardActions {
    position: sticky;
    z-index: 25;
    bottom: calc(7px + env(safe-area-inset-bottom, 0px));
    display: flex;
    gap: 7px;
    margin: 14px -4px -4px;
    padding: 7px;
    border: 1px solid var(--dm-line);
    border-radius: 16px;
    background: color-mix(in srgb, var(--dm-panel-strong) 95%, transparent);
    box-shadow: 0 15px 38px rgba(0,0,0,.24);
    backdrop-filter: blur(15px);
  }

  .dmWizardActions .dmButton {
    flex: 1 1 0;
  }

  .dmTypePicker {
    display: flex;
    grid-template-columns: none;
    gap: 9px;
    overflow-x: auto;
    padding-bottom: 5px;
    scroll-snap-type: x mandatory;
  }

  .dmTypePicker label {
    flex: 0 0 min(82vw, 300px);
    min-height: 138px;
    scroll-snap-align: start;
  }

  .dmFormSection,
  .dsFormSection {
    border-radius: 18px;
  }

  .dmFormSection__content,
  .dmFormSection__body,
  .dsFormSection__body {
    padding: 16px;
  }

  .dmUploadGrid,
  .dsUploadGrid {
    display: flex;
    grid-template-columns: none;
    gap: 9px;
    overflow-x: auto;
    padding-bottom: 5px;
    scroll-snap-type: x mandatory;
  }

  .dmUploadGrid .dmUpload,
  .dsUploadGrid .dmUpload {
    flex: 0 0 min(82vw, 300px);
    scroll-snap-align: start;
  }

  .dmCreateSubmit,
  .dsSubmit {
    bottom: calc(7px + env(safe-area-inset-bottom, 0px));
    border-radius: 16px;
  }

  /* Dynamic section wizard used by Datasets and PC Games only on mobile. */
  .dmMobileSectionStepper {
    position: sticky;
    top: 112px;
    z-index: 24;
    gap: 8px;
    overflow-x: auto;
    padding: 6px 2px;
    background: color-mix(in srgb, var(--dm-bg) 92%, transparent);
    backdrop-filter: blur(14px);
    scrollbar-width: none;
    scroll-snap-type: x proximity;
  }

  .dmMobileSectionStepper button {
    display: grid;
    grid-template-columns: 30px minmax(0,1fr);
    flex: 0 0 min(76vw, 270px);
    gap: 8px;
    align-items: center;
    min-height: 50px;
    padding: 9px 11px;
    border: 1px solid var(--dm-line);
    border-radius: 14px;
    background: var(--dm-panel);
    color: inherit;
    text-align: left;
    scroll-snap-align: center;
  }

  .dmMobileSectionStepper button span {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid currentColor;
    border-radius: 10px;
    font-size: 11px;
  }

  .dmMobileSectionStepper button strong {
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dmMobileSectionStepper button.is-active {
    border-color: color-mix(in srgb, var(--dm-accent) 64%, var(--dm-line));
    background: color-mix(in srgb, var(--dm-accent) 10%, var(--dm-panel));
  }

  .dmMobileSectionStepper button.is-complete span {
    background: color-mix(in srgb, var(--dm-accent) 16%, transparent);
  }

  .dmMobileSectionActions {
    position: sticky;
    z-index: 26;
    bottom: calc(7px + env(safe-area-inset-bottom, 0px));
    gap: 7px;
    padding: 7px;
    border: 1px solid var(--dm-line);
    border-radius: 16px;
    background: color-mix(in srgb, var(--dm-panel-strong) 95%, transparent);
    box-shadow: 0 15px 38px rgba(0,0,0,.24);
    backdrop-filter: blur(15px);
  }

  .dmMobileSectionActions .dmButton {
    flex: 1 1 0;
  }

  .is-mobile-section-wizard .dmMobileSectionStepper,
  .is-mobile-section-wizard .dmMobileSectionActions {
    display: flex;
  }

  .is-mobile-section-wizard:not(.is-mobile-section-final) > .dmCreateSubmit,
  .is-mobile-section-wizard:not(.is-mobile-section-final) > .dsSubmit {
    display: none !important;
  }

  /* Library / Studio / management */
  .dmStudioMetrics {
    display: flex;
    grid-template-columns: none;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 4px;
    scroll-snap-type: x mandatory;
  }

  .dmStudioMetrics > * {
    flex: 0 0 min(62vw, 220px);
    scroll-snap-align: start;
  }

  table.dmStudioTable,
  table.dnTable,
  table.adminTable {
    display: block;
    width: 100%;
  }

  table.dmStudioTable thead,
  table.dnTable thead,
  table.adminTable thead {
    display: none;
  }

  table.dmStudioTable tbody,
  table.dnTable tbody,
  table.adminTable tbody {
    display: grid;
    gap: 10px;
  }

  table.dmStudioTable tr,
  table.dnTable tr,
  table.adminTable tr {
    display: grid;
    gap: 0;
    padding: 12px;
    border: 1px solid var(--dm-line);
    border-radius: 16px;
    background: var(--dm-panel);
  }

  table.dmStudioTable td,
  table.dnTable td,
  table.adminTable td {
    display: grid;
    grid-template-columns: minmax(90px,.42fr) minmax(0,1fr);
    gap: 9px;
    padding: 8px 0;
    border: 0;
    border-bottom: 1px solid var(--dm-line);
    white-space: normal;
  }

  table.dmStudioTable td:last-child,
  table.dnTable td:last-child,
  table.adminTable td:last-child {
    border-bottom: 0;
  }

  table.dmStudioTable td::before,
  table.dnTable td::before,
  table.adminTable td::before {
    content: attr(data-label);
    color: var(--dm-muted);
    font-size: 11px;
    font-weight: 800;
  }

  /* Periodicals / subscriptions / publisher */
  .dmPublicationGrid,
  .dmPublisherGrid,
  .dmSubscriptionGrid,
  .dmIssueGrid,
  .dmPlanGrid,
  .dmPublisherStatusGrid {
    display: flex;
    grid-template-columns: none;
    gap: 10px;
    overflow-x: auto;
    padding: 1px 1px 6px;
    scroll-snap-type: x mandatory;
  }

  .dmPublicationCard,
  .dmPublisherCard,
  .dmSubscriptionCard,
  .dmIssueCard,
  .dmPlanCard,
  .dmPublisherStatusGrid > article {
    flex: 0 0 min(86vw, 330px);
    padding: 16px;
    border-radius: 18px;
    scroll-snap-align: start;
  }

  .dmPublicationHero__brand {
    min-height: 170px;
  }

  .dmPublicationHero > aside {
    min-height: 0;
    padding: 16px;
  }

  .dmPeriodicalCatalog,
  .dmPlanSection,
  .dmIssueSection,
  .dmPublisherCatalog,
  .dmSubscriptionSection,
  .dmIssueLibrarySection {
    padding: 16px;
    border-radius: 20px;
  }

  .dmFieldGrid {
    grid-template-columns: 1fr !important;
  }

  /* Datasets */
  .dsHero {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .dsHero__matrix,
  .dsKpiRail {
    display: flex;
    grid-template-columns: none;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 4px;
    scroll-snap-type: x mandatory;
  }

  .dsHero__matrix > div,
  .dsKpiRail > div {
    flex: 0 0 min(61vw, 220px);
    scroll-snap-align: start;
  }

  .dsModalities {
    display: flex;
    grid-template-columns: none;
    gap: 9px;
    overflow-x: auto;
    padding: 1px 1px 6px;
    scroll-snap-type: x mandatory;
  }

  .dsModalityCard {
    flex: 0 0 min(76vw, 270px);
    min-height: 150px;
    scroll-snap-align: start;
  }

  .dsCatalog {
    padding: 15px;
    border-radius: 20px;
  }

  .dsGrid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .dsCard {
    border-radius: 17px;
  }

  .dsCard__facts,
  .dsCard__signals,
  .dsProductHero__badges,
  .dsRightsSignals {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .dsCard__facts > *,
  .dsCard__signals > *,
  .dsProductHero__badges > *,
  .dsRightsSignals > * {
    flex: 0 0 auto;
  }

  .dsProductHero {
    padding: 16px;
    border-radius: 20px;
  }

  .dsProductHero__score {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
  }

  .dsProductHero__score .dsScore {
    margin: 0;
  }

  .dsDetailLayout {
    grid-template-columns: 1fr;
  }

  .dsPurchaseRail {
    position: static;
  }

  .dsFactGrid,
  .dsQualityGrid {
    display: flex;
    grid-template-columns: none;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 4px;
    scroll-snap-type: x proximity;
  }

  .dsFactGrid > *,
  .dsQualityGrid > * {
    flex: 0 0 min(72vw, 260px);
    scroll-snap-align: start;
  }

  .dsPanel {
    padding: 15px;
    border-radius: 18px;
  }

  .dsPanel > header {
    gap: 9px;
  }

  .dsTableWrap {
    max-width: calc(100vw - 46px);
    overflow: auto;
    border-radius: 14px;
  }

  .dsLicenseBox {
    scroll-margin-top: 130px;
  }

  .dsLicenseCard {
    padding: 15px;
  }

  .dsRequestStrip {
    display: flex;
    grid-template-columns: none;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 5px;
    scroll-snap-type: x mandatory;
  }

  .dsRequestStrip > article {
    flex: 0 0 min(84vw, 320px);
    scroll-snap-align: start;
  }

  .dsLicenseGrid {
    grid-template-columns: 1fr;
  }

  .dsBenchmarkRow {
    grid-template-columns: 1fr 1fr;
  }

  /* PC Games */
  .gameHero,
  .gameDetailHero {
    gap: 14px;
  }

  .gameHero aside {
    padding: 14px;
  }

  .gameCard {
    display: grid;
    grid-template-columns: minmax(108px, 34%) minmax(0, 1fr);
    min-height: 170px;
  }

  .gameCard__cover {
    height: 100%;
    min-height: 170px;
    aspect-ratio: auto;
    border-radius: 16px 0 0 16px;
  }

  .gameCard__body {
    padding: 12px;
  }

  .gameCard__body h3 {
    font-size: 17px;
  }

  .gameCard__meta,
  .gameBadges,
  .gameLicenseStrip,
  .gameLicenseTrust {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .gameCard__meta > *,
  .gameBadges > *,
  .gameLicenseStrip > *,
  .gameLicenseTrust > * {
    flex: 0 0 auto;
  }

  .gameScreens {
    display: flex;
    grid-template-columns: none;
    gap: 9px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }

  .gameScreens a {
    flex: 0 0 min(84vw, 360px);
    scroll-snap-align: start;
  }

  .gameDetailHero__media {
    max-width: 280px;
    margin-inline: auto;
  }

  .gameDetailGrid {
    gap: 12px;
  }

  .gameFacts,
  .gameStudioMetrics {
    display: flex;
    grid-template-columns: none;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 4px;
    scroll-snap-type: x proximity;
  }

  .gameFacts > div,
  .gameStudioMetrics > div {
    flex: 0 0 min(70vw, 250px);
  }

  .gameReqGrid {
    grid-template-columns: 1fr;
  }

  .gameDynamicCreate > [data-game-common-fields],
  .gameDynamicCreate > [data-game-genre-fields] {
    grid-template-columns: 1fr;
  }

  .gameEconomics {
    display: flex;
    grid-template-columns: none;
    gap: 8px;
    overflow-x: auto;
  }

  .gameEconomics > div {
    flex: 0 0 min(68vw, 230px);
  }

  /* Data Network / Research Exchange */
  .dnMetrics,
  .dnIdentityCard,
  .dnMissionGrid,
  .dnPoolGrid,
  .dnCards {
    display: flex;
    grid-template-columns: none;
    gap: 9px;
    overflow-x: auto;
    padding-bottom: 5px;
    scroll-snap-type: x mandatory;
  }

  .dnMetrics > *,
  .dnIdentityCard > *,
  .dnMissionGrid > *,
  .dnPoolGrid > *,
  .dnCards > * {
    flex: 0 0 min(84vw, 330px);
    scroll-snap-align: start;
  }

  .dnFlow__grid,
  .dnFacts,
  .dnFormGrid,
  .dnChecks,
  .dnRights > div,
  .dnFundingGrid,
  .dnContract__meta {
    grid-template-columns: 1fr;
  }

  .dnMissionLayout {
    gap: 12px;
  }

  .dnPanel,
  .dnForm > section,
  .dnFlow,
  .dnMissionMarket,
  .dnRights,
  .dnPools {
    padding: 15px;
    border-radius: 18px;
  }

  .dnRedeem {
    grid-template-columns: 1fr;
  }

  .dnBankInstructions > div {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  .dnEconomics {
    display: flex;
    grid-template-columns: none;
    gap: 8px;
    overflow-x: auto;
  }

  .dnEconomics > div {
    flex: 0 0 min(70vw, 250px);
  }
}

@media (max-width: 380px) {
  .dmProductGrid {
    grid-template-columns: 1fr;
  }

  .dmProductCard {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
  }

  .dmProductCard__visual {
    height: 100%;
    min-height: 164px;
  }

  .dmMobileActionBar,
  .dmCheckoutMobileBar {
    grid-template-columns: minmax(0,.62fr) minmax(0,1.38fr);
  }

  .dmMobileActionBar__actions .dmButton,
  .dmCheckoutMobileBar .dmButton {
    padding-inline: 8px;
    font-size: 13px;
  }

  .dsBenchmarkRow {
    grid-template-columns: 1fr;
  }
}

:root[data-theme="light"] .dmMobileDiscoveryBar,
:root[data-theme="light"] .dmMobileActionBar,
:root[data-theme="light"] .dmCheckoutMobileBar,
:root[data-theme="light"] .dmWizardActions,
:root[data-theme="light"] .dmMobileSectionActions,
:root[data-theme="light"] body.dmFiltersReady [data-digital-filter-sheet] {
  background: rgba(255,255,255,.96);
}

@media (prefers-reduced-motion: reduce) {
  body.dmFiltersReady [data-digital-filter-sheet] {
    transition: none;
  }
}