/* ===== SpinMafia – Privacy/Policy Styles (pps.css) ===== */
:root{
  --pps-accent: var(--primary-color, #ff3d3d);
  --pps-fg:     var(--light-text, #e9eef7);
  --pps-bg:     rgba(255,255,255,.04);
  --pps-brd:    rgba(255,255,255,.08);
  --pps-muted:  #aab6c3;
  --pps-gap:    clamp(18px, 3.2vw, 28px);
}

.sm-policy{
  max-width: 980px;
  margin: 0 auto;
  padding: clamp(16px, 3vw, 28px) 0;
  color: var(--pps-fg);
}

.sm-policy__head{
  margin-bottom: var(--pps-gap);
  text-align: center;
}
.sm-policy__head h1{
  margin: 0 0 .35em;
  font-size: clamp(28px, 3.5vw, 44px);
  line-height: 1.1;
}
.sm-policy__head .u-muted{
  max-width: 70ch;
  margin: 0 auto;
  color: var(--pps-muted);
}

.sm-policy__sec{
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border: 1px solid var(--pps-brd);
  border-radius: 14px;
  padding: clamp(14px, 2.4vw, 22px);
  margin-bottom: var(--pps-gap);
}

.sm-policy__sec .section-title{
  margin: 0 0 .6rem;
  font-size: clamp(18px, 2.2vw, 24px);
  letter-spacing: .2px;
}

.sm-policy__list{
  list-style: none;
  margin: 0;
  padding: 0;
}
.sm-policy__list li{
  position: relative;
  padding-left: 1.4rem;
  margin: .5rem 0;
  line-height: 1.55;
}
.sm-policy__list li::before{
  content: "";
  position: absolute;
  left: 0; top: .55em;
  width: .6rem; height: .6rem; border-radius: 50%;
  background: linear-gradient(180deg, var(--pps-accent), #ffb703);
  box-shadow: 0 0 10px rgba(255,61,61,.35);
}

.sm-policy a{
  color: #ffd36e;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.sm-policy a:hover{ opacity: .9; }

.sm-policy__foot{
  margin-top: calc(var(--pps-gap) * .5);
  text-align: center;
  color: var(--pps-muted);
}

/* Small screens */
@media (max-width: 768px){
  .sm-policy{ padding-top: 8px; }
  .sm-policy__sec{ border-radius: 12px; }
}

/* Print: helle Darstellung auf weiß */
@media print{
  .sm-policy__sec{
    background: #fff !important;
    color: #000 !important;
    border-color: #ddd !important;
  }
  .sm-policy a{ color: #06c !important; text-decoration: underline; }
}