.dp-ret { margin-top: 0.9em; }
.dp-ret td, .dp-ret th { white-space: normal; }
.dp-ret thead th { white-space: nowrap; }
@media (min-width: 40em) { .dp-ret td:nth-child(2) { white-space: nowrap; } }
.dp-ret .badge { white-space: nowrap; }
.dp-ret tbody th, .dp-ret tbody td { padding-block: 0.58em; }
.dp-ret-on > * { transition: background-color 0.4s; }
.js [data-step="4"] .dp-ret-on > * { background: var(--orange-tint); }
.dp-ret-note { margin-top: 0.9em; }
.page-data-protection .k-stat b span { font-size: 1em; color: inherit; }
.dp-pick { display: flex; align-items: flex-end; gap: 0.6em; margin-bottom: 0.9em; }
.dp-pick > .k-field { flex: 1; min-width: 0; }
.dp-pick > .k-btn { flex: none; }
.jp-screen .dp-gather > li { padding-block: 0.5em; }
.js [data-step="1"] .dp-export { animation: kPress 0.5s var(--ease-out) 0.8s both; }
.dp-gather { padding: 0.2em 0.9em; border-radius: 1em; background: var(--card); border: 1px solid var(--app-border); }
.dp-gather > li:first-child { padding-top: 0.7em; }
.dp-gather > li:last-child { padding-bottom: 0.7em; }
.dp-consent { display: grid; gap: var(--space-5); align-items: center; }
.dp-consent > * { min-width: 0; }
@media (min-width: 44em) { .dp-consent { grid-template-columns: auto 1fr; } .dp-consent .phone { width: 16.5rem; } }
.dp-prefs { margin: 0.4em 0 0.2em; }
.dp-prefs > li { padding: 0.6em 0; }
.dp-prefs b { font-size: 0.95em; }
.dp-erase { width: 100%; display: grid; justify-items: center; }
.dp-erase-list { display: grid; gap: 0.4em; margin: 0.9em 0; }
@media (min-width: 30em) { .dp-erase-list { grid-template-columns: 1fr 1fr; } }
.dp-erase-list li { position: relative; padding: 0.55em 0.75em 0.55em 2.4em; border-radius: 0.7em; border: 1px solid var(--app-border); background: var(--card); color: var(--app-text-2); }
.dp-erase-list li::before { content: "✓"; position: absolute; left: 0.75em; top: 50%; transform: translateY(-50%); display: grid; place-content: center; width: 1.3em; height: 1.3em; border-radius: 50%; font-size: 0.75em; font-weight: 800; color: var(--card); background: var(--green-text); }
.js [data-step="1"] .dp-erase-btn { animation: kPress 0.5s var(--ease-out) 0.9s both; }
.dp-auto { margin-top: 1em; padding: 0.8em 0.9em; border-radius: 0.9em; background: var(--card); border: 1px solid var(--app-border); }
.dp-keep { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6em; margin-top: 0.8em; }
.dp-keep span { padding: 0.7em 0.9em; border-radius: 0.9em; background: var(--card); border: 1px solid var(--app-border); color: var(--app-text-3); font-size: 0.9em; line-height: 1.3; }
.dp-keep b { display: block; font-size: 1.7em; font-weight: 700; letter-spacing: -0.03em; color: var(--app-text); }
.dp-health { display: grid; gap: 0.8em; }
@media (min-width: 52em) { .dp-health { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); } .dp-health .ft-rows { flex: 1; display: grid; grid-auto-rows: 1fr; } .dp-health .ft-rows > li { align-items: center; } .dp-health h4 { gap: 0.4em; white-space: nowrap; } .dp-health .k-kv { grid-template-columns: minmax(0, 1fr); gap: 0.55em; } }
.dp-health .app-card { display: flex; flex-direction: column; }
.dp-health .k-note { margin-top: auto; }
.dp-health h4 { display: flex; align-items: center; justify-content: space-between; gap: 0.6em; }
.dp-health .ft-rows > li { padding: 0.5em 0; }
.dp-strip { display: grid; grid-template-columns: repeat(30, 1fr); gap: 2px; margin-bottom: 1em; }
.dp-strip i { height: 2.4em; border-radius: 2px; background: var(--green); opacity: 0.8; transform-origin: 50% 100%; }
.dp-strip i.is-inc { background: var(--amber); opacity: 1; }
.js .is-live .dp-strip i { animation: growYs 0.5s var(--ease-out) both; }
.js .is-live .dp-strip i:nth-child(3n) { animation-delay: 0.12s; }
.js .is-live .dp-strip i:nth-child(3n+1) { animation-delay: 0.24s; }
.js .is-live .dp-strip i.is-inc { animation-delay: 0.7s; }
@keyframes growYs { from { transform: scaleY(0); } to { transform: scaleY(1); } }
.dp-banner { margin-top: 0.9em; padding: 0.7em 0.9em; border-radius: 0.8em; color: var(--amber-text); background: var(--amber-bg); border-left: 3px solid var(--amber); }
.dp-notice { margin-top: 0.6em; }
.dp-stops { align-items: start; }
.dp-stops .k-toast { margin-top: 0.7em; }
.dp-undo .k-btn { margin-left: auto; }
.page-data-protection .k-stat > span { white-space: normal; }
@media (min-width: 60em) {
  .js .dp-jx { row-gap: var(--space-5); }
  .dp-jx .jp--row { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); }
  .dp-jx .jp--row > .jp-copy { padding: 1.25rem 1.6rem; gap: var(--space-3); }
  .dp-jx .jp-title { font-size: var(--text-xl); line-height: 1.18; }
}
.dp-jx .jp-screen .screen { max-width: 34rem; }
.jp-screen--plain .k-ba { width: 100%; }
.jp-screen .dp-consent { gap: var(--space-4); max-width: 32rem; }
.jp-screen .dp-consent .phone { width: 14.5rem; max-width: 100%; margin-inline: auto; }
@media (max-width: 59.99em) { .jp-screen .dp-consent .phone { width: 17rem; } }
.jp-screen .dp-prefs > li { padding: 0.34em 0; }
.jp-screen .dp-consent .k-web { padding-bottom: 0.6em; }
.jp-screen .dp-consent .k-web-brand { padding: 0.1em 0; }
.jp-screen .dp-consent .k-web-card { padding: 0.8em; }
.jp-screen .dp-consent .phone-screen { aspect-ratio: auto; }
.jp-screen .dp-consent .k-web { overflow: visible; }
.dp-stops { display: grid; gap: var(--space-3); align-items: start; }
.dp-stops > * { min-width: 0; }
@media (max-width: 39.99em) { .dp-hero .k-stat:last-child { grid-column: 1 / -1; } }
@media (max-width: 35.99em) { .js .dp-jx .jx-tabs > li:last-child:nth-child(odd) { grid-column: 1 / -1; } }
@media (min-width: 60em) { .dp-jx .k-ba { gap: var(--space-8); } .dp-jx .k-ba-side { padding: 1.25rem 1.4rem; gap: var(--space-3); } }
@media (max-width: 39.99em) { .page-data-protection .fhero-facts li:last-child { flex-basis: 100%; max-width: none; } }
@media (min-width: 60em) {
  html:not(.js) .dp-jx { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }
  html:not(.js) .dp-jx > .jx-side, html:not(.js) .dp-jx > .jx-stage, html:not(.js) .dp-jx > .jx-note { grid-column: 1; grid-row: auto; align-self: auto; }
  html:not(.js) .dp-jx .jx-tabs { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--space-3); }
  html:not(.js) .dp-jx--res .jx-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  html:not(.js) .dp-jx .jx-tab { height: 100%; align-items: flex-start; padding-right: 1rem; border-color: var(--line); background: var(--card); }
}
@media (min-width: 36em) and (max-width: 59.99em) {
  .js .dp-jx .jx-tabs { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .js .dp-jx .jx-tabs > li { grid-column: span 2; }
  .js .dp-jx .jx-tabs > li:nth-child(n+4) { grid-column: span 3; }
  .js .dp-jx--res .jx-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .js .dp-jx--res .jx-tabs > li, .js .dp-jx--res .jx-tabs > li:nth-child(n+4) { grid-column: auto; }
}
.jp-screen .dp-consent { justify-self: center; }