/* First-visit DPDP s.5 / Rule 3 collection notice.
   Separate stylesheet so CSP style-src 'self' stays intact. */

.dpdp-noscript{
  position:relative;z-index:40;
  background:var(--panel,#12151C);color:var(--text,#E6ECF4);
  border-bottom:1px solid var(--line-strong,rgba(200,210,222,.26));
  padding:1rem 1.4rem;font-size:.9rem;line-height:1.55
}
.dpdp-noscript a{color:var(--sapphire-hi,#6E8CF5);text-decoration:underline}

.dpdp-notice{
  position:fixed;inset:0;z-index:200;
  display:none;align-items:flex-end;justify-content:center;
  padding:1rem 1rem 1.2rem
}
.dpdp-notice.is-open{display:flex}
.dpdp-notice__backdrop{
  position:absolute;inset:0;border:0;padding:0;
  background:rgba(6,8,12,.72);cursor:pointer
}
.dpdp-notice__dialog{
  position:relative;z-index:1;
  width:min(560px,100%);
  max-height:min(88vh,720px);
  overflow:auto;
  background:var(--panel,#12151C);
  color:var(--text,#E6ECF4);
  border:1px solid var(--line-strong,rgba(200,210,222,.26));
  border-radius:16px;
  padding:1.35rem 1.4rem 1.25rem;
  box-shadow:0 24px 80px rgba(0,0,0,.45);
  font-family:var(--body,'Inter',sans-serif)
}
.dpdp-notice__head{
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:.8rem;flex-wrap:wrap;margin-bottom:.7rem
}
.dpdp-notice__kicker{
  font-family:var(--mono,'IBM Plex Mono',monospace);
  font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--sapphire-hi,#6E8CF5);margin:0
}
.dpdp-notice__langs{display:flex;gap:.4rem}
.dpdp-notice__lang{
  font-family:var(--mono,'IBM Plex Mono',monospace);
  font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;
  background:transparent;color:var(--muted,#93A3B8);
  border:1px solid var(--line,rgba(200,210,222,.12));
  border-radius:8px;padding:.35rem .65rem;cursor:pointer
}
.dpdp-notice__lang.is-on,
.dpdp-notice__lang[aria-pressed="true"]{
  border-color:var(--sapphire,#3E63DD);color:var(--text,#E6ECF4);
  background:rgba(62,99,221,.14)
}
.dpdp-notice__dialog h2{
  font-family:var(--display,'Space Grotesk',sans-serif);
  font-weight:600;font-size:1.28rem;line-height:1.25;
  letter-spacing:-.02em;margin:0 0 .85rem;color:var(--text,#E6ECF4)
}
.dpdp-notice__dialog p,
.dpdp-notice__dialog li{
  color:var(--muted,#93A3B8);font-size:.88rem;line-height:1.6;margin:0 0 .7rem
}
.dpdp-notice__dialog ul{margin:.15rem 0 .85rem 1.1rem;padding:0}
.dpdp-notice__dialog li{margin-bottom:.35rem}
.dpdp-notice__dialog strong{color:var(--text,#E6ECF4);font-weight:600}
.dpdp-notice__dialog a{
  color:var(--sapphire-hi,#6E8CF5);
  text-decoration:underline;text-decoration-color:var(--line-strong,rgba(200,210,222,.26));
  text-underline-offset:2px
}
.dpdp-notice__links{
  display:flex;flex-wrap:wrap;gap:.35rem 1rem;
  margin:0 0 1rem;font-size:.8rem
}
.dpdp-notice__actions{
  display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;
  padding-top:.85rem;border-top:1px solid var(--line,rgba(200,210,222,.12))
}
.dpdp-notice__ack{
  font-family:var(--body,'Inter',sans-serif);font-weight:600;font-size:.94rem;
  background:var(--sapphire,#3E63DD);color:#fff;border:0;border-radius:9px;
  padding:.75rem 1.35rem;cursor:pointer
}
.dpdp-notice__ack:hover{background:#4E71E6}
.dpdp-notice__full{
  font-size:.82rem;color:var(--muted,#93A3B8)
}
.dpdp-notice-reopen{
  display:inline;background:none;border:0;padding:0;margin:0;
  font:inherit;letter-spacing:inherit;text-transform:inherit;
  color:inherit;cursor:pointer;text-decoration:inherit
}
footer .dpdp-notice-reopen,
.foot-legal .dpdp-notice-reopen,
.foot-sub .dpdp-notice-reopen{
  color:var(--muted,#93A3B8);
  border-bottom:1px dotted var(--line-strong,rgba(200,210,222,.26));
  padding-bottom:1px
}
footer .dpdp-notice-reopen:hover,
.foot-legal .dpdp-notice-reopen:hover,
.foot-sub .dpdp-notice-reopen:hover{color:var(--text,#E6ECF4)}

html.dpdp-notice-open,
html.dpdp-notice-open body{overflow:hidden}

@media (prefers-reduced-motion: reduce){
  .dpdp-notice__backdrop,.dpdp-notice__dialog{transition:none}
}
@media print{
  .dpdp-notice,.dpdp-noscript,.dpdp-notice-reopen{display:none!important}
}
