/* ---------- root guards ---------- */
#tspp-privacy.tspp-privacy{display:block !important;opacity:1 !important;visibility:visible !important}
#tspp-privacy{
  position:relative;z-index:1;float:none;width:auto;max-width:none;margin:0;padding:0;
  background:#ffffff;color:#1a1b1e;font-size:16px;line-height:1.7;text-align:left;
  -webkit-font-smoothing:antialiased;
}
#tspp-privacy *,#tspp-privacy *::before,#tspp-privacy *::after{
  margin:0;padding:0;box-sizing:border-box;visibility:visible;float:none;
  -webkit-tap-highlight-color:transparent;
}
#tspp-privacy img{max-width:100%;display:block;height:auto}
#tspp-privacy a{text-decoration:none;color:inherit}
#tspp-privacy button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;text-transform:none;letter-spacing:normal}
#tspp-privacy p{font-size:16px;margin:0}
#tspp-privacy h1,#tspp-privacy h2,#tspp-privacy h3{margin:0;padding:0;text-transform:none;font-weight:600}
#tspp-privacy ul{list-style:none}
#tspp-privacy ::selection{background:#E10002;color:#ffffff}

/* ---------- container (your properties) ---------- */
#tspp-privacy .tspp-container{
  width:100%;
  max-width:1400px;
  margin:0 auto;
  padding:0 40px;
}
@media(max-width:600px){#tspp-privacy .tspp-container{padding:0 20px}}

/* ---------- shared ---------- */
#tspp-privacy .tspp-eyebrow{
  display:inline-flex;align-items:center;gap:11px;margin-bottom:15px;
  font-size:11px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:#E10002;
}
#tspp-privacy .tspp-eyebrow::before{content:'';width:26px;height:2px;border-radius:2px;background:#E10002;flex:none}
#tspp-privacy .tspp-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-size:14.5px;font-weight:600;padding:15px 28px;border-radius:15px;
  transition:transform .32s cubic-bezier(.16,1,.3,1),background .32s,color .32s,border-color .32s,box-shadow .32s;
}
/* ================= READING PROGRESS ================= */
#tspp-privacy .tspp-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;pointer-events:none;background:transparent}
#tspp-privacy .tspp-progress span{
  display:block;height:100%;width:0;
  background:linear-gradient(90deg,#E10002,#7F0000);
  box-shadow:0 0 14px rgba(225,0,2,.5);transition:width .12s linear;
}

/* ================= BANNER ================= */
#tspp-privacy .tspp-banner{position:relative;overflow:hidden;background:#12141a}
#tspp-privacy .tspp-banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#tspp-privacy .tspp-banner-shade{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(18,20,26,.7) 0%,rgba(18,20,26,.42) 42%,rgba(18,20,26,.94) 100%),
             linear-gradient(100deg,rgba(18,20,26,.78) 0%,rgba(18,20,26,.3) 58%,rgba(225,0,2,.14) 100%);
}
#tspp-privacy .tspp-banner-in{position:relative;z-index:2;padding:clamp(80px,11vw,124px) 0 clamp(42px,5.5vw,66px)}
#tspp-privacy .tspp-crumb{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:#c9cace;margin-bottom:18px;flex-wrap:wrap}
#tspp-privacy .tspp-crumb a{transition:color .3s}
#tspp-privacy .tspp-crumb a:hover{color:#ffffff}
#tspp-privacy .tspp-crumb span{color:#ff8f90}
#tspp-privacy .tspp-crumb i{width:5px;height:5px;flex:none;border-radius:50%;background:rgba(255,255,255,.4)}
#tspp-privacy .tspp-banner .tspp-eyebrow{color:#ff8f90}
#tspp-privacy .tspp-banner h1{font-size:clamp(30px,4.2vw,44px);font-weight:600;line-height:1.16;letter-spacing:-.025em;color:#ffffff;max-width:20ch}
#tspp-privacy .tspp-banner h1 em{font-style:normal;background:linear-gradient(180deg,#E10002 0%,#7F0000 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
#tspp-privacy .tspp-banner p{margin-top:16px;max-width:62ch;font-size:16px;font-weight:300;color:#dcdde0;line-height:1.85}
#tspp-privacy .tspp-meta{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}
#tspp-privacy .tspp-metachip{
  display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:15px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  font-size:13.5px;font-weight:500;color:#ffffff;
}
#tspp-privacy .tspp-metachip svg{width:15px;height:15px;stroke:#ff8f90;flex:none}
#tspp-privacy .tspp-metachip b{font-weight:600}

/* ================= BODY ================= */
#tspp-privacy .tspp-body{padding:clamp(40px,5.5vw,80px) 0 clamp(56px,8vw,110px)}
#tspp-privacy .tspp-grid{display:grid;grid-template-columns:290px 1fr;gap:clamp(26px,3.6vw,60px);align-items:start}
@media(max-width:1000px){#tspp-privacy .tspp-grid{grid-template-columns:1fr}}

/* ---------- TOC ---------- */
#tspp-privacy .tspp-toc{position:sticky;top:112px}
@media(max-width:1000px){#tspp-privacy .tspp-toc{top:0;z-index:20;margin-bottom:8px}}
#tspp-privacy .tspp-toc-card{background:#f8f8f9;border:1px solid #eceef0;border-radius:15px;padding:22px}
@media(max-width:1000px){
  #tspp-privacy .tspp-toc-card{
    background:rgba(255,255,255,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:14px 16px;
  }
}
#tspp-privacy .tspp-toc-title{
  display:flex;align-items:center;gap:10px;margin-bottom:16px;
  font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#9a9ba0;
}
#tspp-privacy .tspp-toc-title svg{width:15px;height:15px;stroke:#E10002;flex:none}
#tspp-privacy .tspp-toc-list{display:flex;flex-direction:column;gap:3px}
@media(max-width:1000px){
  #tspp-privacy .tspp-toc-title{display:none}
  #tspp-privacy .tspp-toc-list{flex-direction:row;overflow-x:auto;gap:8px;scrollbar-width:none}
  #tspp-privacy .tspp-toc-list::-webkit-scrollbar{display:none}
}
#tspp-privacy .tspp-toc-btn{
  display:flex;align-items:center;gap:11px;text-align:left;width:100%;
  padding:10px 12px;border-radius:15px;
  font-size:14px;font-weight:500;color:#555555;line-height:1.4;
  transition:background .28s,color .28s,transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s;
}
@media(max-width:1000px){
  #tspp-privacy .tspp-toc-btn{width:auto;flex:0 0 auto;white-space:nowrap;background:#f4f5f6;border:1px solid #eceef0}
}
#tspp-privacy .tspp-toc-btn i{
  width:24px;height:24px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:#e8e9eb;color:#7d8086;font-size:11px;font-weight:700;font-style:normal;
  transition:background .28s,color .28s;
}
#tspp-privacy .tspp-toc-btn:hover{background:#ffffff;color:#E10002;transform:translateX(3px)}
@media(max-width:1000px){#tspp-privacy .tspp-toc-btn:hover{transform:translateY(-2px)}}
#tspp-privacy .tspp-toc-btn.tspp-on{background:#ffffff;color:#E10002;font-weight:600;box-shadow:0 10px 22px -16px rgba(225,0,2,.6)}
#tspp-privacy .tspp-toc-btn.tspp-on i{background:linear-gradient(180deg,#E10002 0%,#7F0000 100%);color:#ffffff}
#tspp-privacy .tspp-toc-foot{margin-top:18px;padding-top:16px;border-top:1px solid #e8e9eb}
#tspp-privacy .tspp-toc-foot .tspp-btn{width:100%;padding:13px 18px;font-size:13.5px}
@media(max-width:1000px){#tspp-privacy .tspp-toc-foot{display:none}}

/* ---------- article ---------- */
#tspp-privacy .tspp-intro{
  background:#f8f8f9;border:1px solid #eceef0;border-radius:15px;
  padding:clamp(20px,2.6vw,32px);margin-bottom:clamp(26px,3.4vw,42px);
}
#tspp-privacy .tspp-intro p{font-size:16px;color:#555555;line-height:1.85}
#tspp-privacy .tspp-intro p + p{margin-top:14px}
#tspp-privacy .tspp-intro p b{color:#1a1b1e;font-weight:600}
#tspp-privacy .tspp-intro-agree{
  display:flex;align-items:flex-start;gap:13px;margin-top:18px;padding-top:18px;border-top:1px solid #e8e9eb;
  font-size:15.5px;color:#1a1b1e;font-weight:500;line-height:1.7;
}
#tspp-privacy .tspp-intro-agree svg{width:18px;height:18px;stroke:#E10002;flex:none;margin-top:3px}

#tspp-privacy .tspp-sec{padding-bottom:clamp(28px,3.6vw,44px);scroll-margin-top:180px}
#tspp-privacy .tspp-sec + .tspp-sec{border-top:1px solid #f0f1f3;padding-top:clamp(28px,3.6vw,44px)}
#tspp-privacy .tspp-sec-head{display:flex;align-items:flex-start;gap:15px;margin-bottom:18px}
#tspp-privacy .tspp-sec-no{
  width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(180deg,#E10002 0%,#7F0000 100%);color:#ffffff;
  font-size:14px;font-weight:700;margin-top:2px;
}
#tspp-privacy .tspp-sec h2{font-size:clamp(21px,2.4vw,28px);font-weight:600;line-height:1.24;letter-spacing:-.02em;color:#1a1b1e}
#tspp-privacy .tspp-sec p{font-size:16px;color:#555555;line-height:1.85;max-width:74ch}
#tspp-privacy .tspp-sec p + p{margin-top:14px}
#tspp-privacy .tspp-sec p b{font-weight:600;color:#1a1b1e}
#tspp-privacy .tspp-sec a{color:#E10002;font-weight:500;border-bottom:1px solid rgba(225,0,2,.3);transition:border-color .3s}
#tspp-privacy .tspp-sec a:hover{border-color:#E10002}

/* sub-heading a) b) */
#tspp-privacy .tspp-subhead{
  display:flex;align-items:center;gap:12px;margin:clamp(22px,2.6vw,30px) 0 12px;
}
#tspp-privacy .tspp-subhead span{
  width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:rgba(225,0,2,.09);color:#E10002;font-size:13.5px;font-weight:700;
}
#tspp-privacy .tspp-subhead b{font-size:17.5px;font-weight:600;color:#1a1b1e;letter-spacing:-.01em}

#tspp-privacy .tspp-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}
#tspp-privacy .tspp-list li{
  display:flex;gap:13px;align-items:flex-start;
  font-size:15.5px;color:#555555;line-height:1.7;max-width:74ch;
}
#tspp-privacy .tspp-list li b{color:#1a1b1e;font-weight:600}
#tspp-privacy .tspp-list li::before{
  content:'';width:7px;height:7px;flex:none;margin-top:9px;border-radius:50%;
  background:linear-gradient(180deg,#E10002 0%,#7F0000 100%);
}
#tspp-privacy .tspp-note{margin-top:16px;font-size:15.5px;color:#555555;line-height:1.75;max-width:74ch}

/* chips for collected data */
#tspp-privacy .tspp-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
#tspp-privacy .tspp-chip{
  display:inline-flex;align-items:center;gap:9px;padding:11px 17px;border-radius:15px;
  background:#f8f8f9;border:1px solid #eceef0;color:#1a1b1e;font-size:14.5px;font-weight:500;
  transition:background .3s,color .3s,border-color .3s,transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;
}
#tspp-privacy .tspp-chip svg{width:15px;height:15px;stroke:#E10002;flex:none;transition:stroke .3s}
#tspp-privacy .tspp-chip:hover{
  background:linear-gradient(180deg,#E10002 0%,#7F0000 100%);border-color:#E10002;color:#ffffff;
  transform:translateY(-3px);box-shadow:0 12px 24px -12px rgba(225,0,2,.6);
}
#tspp-privacy .tspp-chip:hover svg{stroke:#ffffff}

/* rights cards */
#tspp-privacy .tspp-rights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
@media(max-width:860px){#tspp-privacy .tspp-rights{grid-template-columns:1fr}}
#tspp-privacy .tspp-right{
  position:relative;padding:20px;border-radius:15px;background:#f8f8f9;border:1px solid #eceef0;overflow:hidden;
  transition:transform .38s cubic-bezier(.16,1,.3,1),border-color .38s,box-shadow .38s,background .38s;
}
#tspp-privacy .tspp-right::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:3px;
  background:linear-gradient(90deg,#E10002,#7F0000);transform:scaleX(0);transform-origin:left;
  transition:transform .45s cubic-bezier(.16,1,.3,1);
}
#tspp-privacy .tspp-right:hover{transform:translateY(-5px);background:#ffffff;border-color:rgba(225,0,2,.26);box-shadow:0 20px 40px -26px rgba(225,0,2,.45)}
#tspp-privacy .tspp-right:hover::before{transform:scaleX(1)}
#tspp-privacy .tspp-right em{
  width:40px;height:40px;border-radius:50%;display:grid;place-items:center;margin-bottom:13px;
  background:rgba(225,0,2,.09);color:#E10002;
  transition:background .38s,color .38s,transform .42s cubic-bezier(.34,1.56,.64,1);
}
#tspp-privacy .tspp-right em svg{width:18px;height:18px;stroke:currentColor}
#tspp-privacy .tspp-right:hover em{background:linear-gradient(180deg,#E10002 0%,#7F0000 100%);color:#ffffff;transform:rotate(-6deg) scale(1.06)}
#tspp-privacy .tspp-right b{display:block;font-size:15.5px;font-weight:600;color:#1a1b1e;line-height:1.4}

/* callout */
#tspp-privacy .tspp-callout{
  display:flex;gap:13px;align-items:flex-start;margin-top:20px;padding:17px 20px;border-radius:15px;
  background:rgba(225,0,2,.06);border:1px solid rgba(225,0,2,.18);
  font-size:15.5px;color:#555555;line-height:1.75;max-width:74ch;
}
#tspp-privacy .tspp-callout svg{width:18px;height:18px;stroke:#E10002;flex:none;margin-top:3px}
#tspp-privacy .tspp-callout b{color:#1a1b1e;font-weight:600}





@media (prefers-reduced-motion: reduce){
  #tspp-privacy *,#tspp-privacy *::before,#tspp-privacy *::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
}