/* Privacy (2.0.0): the banners above signed-in pages, the age choice, the parent's tick, the consent line, the recording
   notice, the policy version line and the versions list. Colours are the design system's tokens (dark mode and RTL follow). */
.prv-banners{display:grid;gap:10px;margin-bottom:16px}
.prv-banner{margin-bottom:0;align-items:center;flex-wrap:wrap}
.prv-banner .grow{min-width:min(100%,220px);flex:1}
.prv-banner form{margin:0}
.prv-by{display:block;font-size:13px;opacity:.85;margin-top:2px}
.prv-ages{gap:8px}
.prv-ages .radio-pill{min-height:44px}
.prv-block{display:grid;gap:12px}
.prv-tick{align-items:flex-start;line-height:1.5}
.prv-tick input{margin-top:3px;flex:none}
.prv-tick + .help{margin-top:4px;padding-inline-start:26px}
.sg-age{margin-bottom:16px}
.prv-line{font-size:14px;color:var(--text-2)}
.prv-line a,.prv-tick a,.prv-rec-notice a{font-weight:600}
.prv-rec-notice{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:14px;color:var(--text-2);line-height:1.5}
.prv-rec-notice .icon{flex:none;margin-top:3px}
.prv-covers{list-style:none;padding:0;margin:12px 0;display:grid;gap:8px}
.prv-covers li{display:flex;gap:10px;align-items:flex-start;line-height:1.5}
.prv-covers .icon{flex:none;margin-top:3px;color:var(--brand-ink)}
.prv-pick-list{display:grid;gap:8px;margin-top:12px}
.prv-pick{display:flex;padding:12px 14px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);min-height:48px}
.prv-pick:has(input:checked){border-color:var(--brand);background:var(--brand-50)}
.prv-narrow{max-width:760px}
.prv-link-card .prv-covers{margin:16px 0}
.prv-version{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.prv-version a{color:inherit;text-decoration:underline}
.prv-version-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.prv-version-list li{padding:14px 16px;border:1px solid var(--border, #e6e8ef);border-radius:14px}
.prv-now{color:var(--green-ink, #146c43);font-weight:600}
.prv-important{color:var(--amber-ink, #8a5300);font-weight:600}
.prv-old-note{display:flex;gap:8px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--amber-bg, #fff4dc);color:var(--amber-ink, #8a5300);margin-bottom:18px}
.prv-footer-links{display:inline-flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
@media (max-width:600px){
  .prv-banner{align-items:flex-start}
  .prv-banner > .btn,.prv-banner > .flex{width:100%}
  .prv-banner > .btn{justify-content:center}
}
/* M10 (2.0.0 wave 3): Download my data, Delete my account, Your choices, the office's data requests and keep-times. */
.prv-data-card{height:100%}
.prv-ready{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:var(--green-bg, #e8f6ee);margin-bottom:14px}
.prv-ready .grow{min-width:min(100%,200px)}
.prv-state{display:flex;gap:8px;align-items:flex-start;margin:0 0 14px;color:var(--text-2)}
.prv-state .icon{flex:none;margin-top:3px}
.prv-state-bad{color:var(--red-ink, #a12828)}
.prv-requests .list-item{padding-inline:0;align-items:flex-start;flex-wrap:wrap}
.prv-requests .list-item .grow{min-width:min(100%,220px)}
.prv-requests form,.prv-choices form{margin:0}
.prv-choices .list-item{flex-wrap:wrap}
.prv-choices .list-item .grow{min-width:min(100%,200px);flex:1}
.prv-choices .stat-icon{width:38px;height:38px;flex:none}
.prv-lines{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.prv-line-item{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--border)}
.prv-line-item:last-child{border-bottom:0;padding-bottom:0}
.prv-line-item .badge{flex:none}
.prv-blocks{border-color:var(--amber, #d98b00)}
.prv-blocks .card-head h3{color:var(--amber-ink, #8a5300)}
.prv-steps{margin:0;padding:16px 20px 16px 36px;display:grid;gap:8px;line-height:1.5}
[dir=rtl] .prv-steps{padding:16px 36px 16px 20px}
.prv-pre{white-space:pre-line}
.prv-keep{display:inline-flex;gap:8px;align-items:center}
.prv-keep .input{width:92px;min-height:40px}
@media (max-width:600px){
  .prv-ready > .btn,.prv-choices form,.prv-choices form .btn{width:100%;justify-content:center}
  .prv-line-item{flex-wrap:wrap}
}