/* ===== privacy policy page ===== */
body{background:var(--teal)}
.fp-header{position:static;padding:20px 0;background:transparent}
.fp-header .logo{color:#fff}
.fp-back{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:13.5px;font-weight:700;opacity:.9}
.fp-back:hover{opacity:1}
.fp-back svg{width:14px;height:14px}

#pp{position:relative;background:var(--teal);overflow:hidden;padding-top:var(--sp-4)}
#pp .fh{position:relative;text-align:center;color:#fff;margin-bottom:42px}
#pp .fh h1{font-size:clamp(26px,3.6vw,46px);font-weight:900}

.pp-card{position:relative;max-width:960px;margin:0 auto;background:#fff;border-radius:var(--r-l);padding:var(--sp-7);
  box-shadow:var(--shadow-l);font-size:15px;color:var(--ink2)}
@media(max-width:600px){.pp-card{padding:var(--sp-4) var(--sp-3);font-size:14px}}
.pp-card p + p{margin-top:.6em}
.pp-card h2{margin:var(--sp-6) 0 var(--sp-2);padding-left:14px;border-left:4px solid var(--teal);font-size:clamp(18px,2.2vw,21px);font-weight:900;color:var(--ink)}
.pp-card a{color:var(--teal-dk)}

.pp-principles{margin:var(--sp-3) 0 0;padding:var(--sp-3) var(--sp-4);background:var(--paper);border-radius:var(--r-m);list-style:none;counter-reset:pp}
.pp-principles li{position:relative;padding-left:2em;counter-increment:pp}
.pp-principles li + li{margin-top:.4em}
.pp-principles li::before{content:counter(pp) ".";position:absolute;left:0;font-weight:700;color:var(--teal-dk)}
@media(max-width:600px){.pp-principles{padding:var(--sp-2) var(--sp-3)}}

.pp-table{width:100%;border-collapse:collapse;margin-top:var(--sp-2);font-size:14px;line-height:1.8}
.pp-table th,.pp-table td{padding:14px 16px;border:1px solid var(--rule);text-align:left;vertical-align:top}
.pp-table thead th{background:var(--paper2);color:var(--ink);font-weight:700}
.pp-table tbody th{width:28%;background:var(--paper);color:var(--ink);font-weight:700}
.pp-table ul{margin-top:.3em;padding-left:1.4em}
.pp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.pp-table.cols3{table-layout:fixed}
@media(max-width:760px){
  .pp-table.cols3{min-width:640px}
  .pp-table:not(.cols3),.pp-table:not(.cols3) tbody,.pp-table:not(.cols3) tr,.pp-table:not(.cols3) th,.pp-table:not(.cols3) td{display:block;width:100% !important}
  .pp-table:not(.cols3) tr{margin-bottom:var(--sp-2);border-top:1px solid var(--rule)}
  .pp-table:not(.cols3) th,.pp-table:not(.cols3) td{border-top:none}
}

.pp-notes{margin-top:var(--sp-2);font-size:13px;color:var(--note)}
.pp-notes p{display:flex;gap:.5em}
.pp-notes p span{flex:none}

.pp-sign{margin-top:var(--sp-6);text-align:right}

/* footer logo link */
a.name{color:#fff;text-decoration:none}
