/* Torilab — Privacy Policy (page-privacy-policy.php). Dùng lại .wrap / .sec / .kick của home.css. */
.pp-page .pp-main{padding-top:clamp(48px,6vw,96px)}

/* Hero — cùng hệ hero4 với Research / Technology / Contact; nền canvas = assets/js/hero-privacy.js */
.pp-page h1 span{color:var(--lime)}
.pp-hero{background:#070807;height:min(100svh,860px)}
#pfield{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.pp-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(7,8,7,.92) 0%,rgba(7,8,7,.6) 36%,rgba(7,8,7,0) 66%)}
.pp-hero::after{z-index:1}
.pp-hero .hero-c,.pp-hero .cm-meta{z-index:3}
.pp-hero .kick{background:rgba(255,255,255,.08);color:#fff;padding-left:14px}
.pp-hero h1{max-width:14ch}
.pp-meta{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:0}
.pr-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}
.pp-hero .cm-meta{position:absolute;right:var(--pad);bottom:clamp(40px,8vh,96px);display:flex;flex-direction:column;align-items:flex-end;gap:8px;color:rgba(255,255,255,.55);font-size:12px;letter-spacing:.08em;text-transform:uppercase}

/* Mục lục + nội dung */
.pp-grid{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:clamp(12px,1.2vw,20px);align-items:start}
.pp-toc{position:sticky;top:100px;background:var(--card);border-radius:var(--r);padding:clamp(22px,2vw,32px);max-height:calc(100vh - 120px);overflow:auto;scrollbar-width:thin}
.pp-lbl{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.pp-toc ol{list-style:none;margin:0;padding:0}
.pp-toc a{display:block;padding:8px 0 8px 14px;border-left:2px solid transparent;font-size:14px;line-height:1.4;color:var(--ink-2);transition:color .25s,border-color .25s}
.pp-toc a:hover{color:#fff}
.pp-toc a.on{color:var(--lime);border-left-color:var(--lime)}

.pp-body{min-width:0;background:var(--card);border-radius:var(--r);padding:clamp(28px,4.4vw,72px);font-size:16px;line-height:1.75;color:rgba(255,255,255,.78)}
.pp-body>:first-child{margin-top:0}
.pp-body h2{font-size:clamp(22px,1.8vw,28px);line-height:1.25;letter-spacing:-.02em;color:#fff;margin:2.4em 0 .8em;padding-top:1.6em;border-top:1px solid var(--line);scroll-margin-top:110px}
.pp-body h2:first-child{padding-top:0;border-top:0}
.pp-body h3{font-size:17px;line-height:1.4;color:#fff;margin:1.8em 0 .6em}
.pp-body p{margin:0 0 1em}
.pp-body b{color:#fff;font-weight:600}
.pp-body ul{margin:0 0 1.2em;padding-left:1.2em}
.pp-body li{margin-bottom:.5em}
/* Danh sách có icon */
.pp-body .pp-ul{list-style:none;padding:0;margin:.4em 0 1.6em;display:grid;gap:10px}
.pp-body .pp-ul li{display:flex;gap:16px;align-items:flex-start;margin:0;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.015);transition:border-color .3s,background .3s}
.pp-body .pp-ul li:hover{border-color:rgba(204,255,102,.35);background:rgba(204,255,102,.03)}
.pp-body .pp-ul li>div{min-width:0;padding-top:6px}
.pp-i{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:rgba(204,255,102,.1);color:var(--lime)}
.pp-i svg{width:20px;height:20px}
.pp-body .pp-ul-g{grid-template-columns:repeat(2,minmax(0,1fr))}
.pp-body .pp-ul-g li{align-items:center}
.pp-body .pp-ul-g li:last-child:nth-child(odd){grid-column:1/-1}
.pp-body .pp-ul-g li>div{padding-top:0;line-height:1.55}
.pp-body a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}
.pp-tw{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 1.4em;border:1px solid var(--line);border-radius:14px}
.pp-body table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.6}
.pp-body th,.pp-body td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.pp-body th{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);background:rgba(255,255,255,.03)}
.pp-body tr:last-child td{border-bottom:0}
.pp-body td+td,.pp-body th+th{border-left:1px solid var(--line)}
.pp-body td{color:rgba(255,255,255,.85)}
/* Cột đầu = nhãn (mono, chữ hoa, mờ) — giống box Office trang Contact */
.pp-body td:first-child{min-width:190px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.52);line-height:1.6;padding-top:15px}
.pp-body table:has(th:nth-child(3)) td:first-child{text-transform:none;letter-spacing:.02em;color:rgba(255,255,255,.6)}
/* Liên hệ */
.pp-ct{padding:clamp(22px,2.4vw,32px);background:var(--surf);border-radius:14px}
.pp-body .pp-ct-n{margin:0 0 18px;color:#fff;font-size:18px;font-weight:600;letter-spacing:-.01em}
.pp-ct dl{margin:0;display:flex;flex-direction:column}
.pp-ct dl>div{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.pp-ct dt{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.52);padding-top:3px;line-height:1.5}
.pp-ct dd{margin:0;font-size:15px;line-height:1.6;color:rgba(255,255,255,.88)}

@media (max-width:1100px){
  .pp-grid{grid-template-columns:minmax(0,1fr)}
  .pp-toc{position:static;max-height:none}
  .pp-toc ol{columns:2;column-gap:24px}
  .pp-toc li{break-inside:avoid}
}
@media (max-width:720px){
  .pp-hero{height:auto}
  .pp-hero .cm-meta{display:none}
  .pp-hero::before{background:linear-gradient(180deg,rgba(7,8,7,0) 45%,rgba(7,8,7,.8) 72%)}
  .pp-toc ol{columns:1}
  .pp-body{font-size:15.5px}
  .pp-body{padding:24px 18px}
  .pp-body .pp-ul-g{grid-template-columns:1fr}
  .pp-body .pp-ul-g li{align-items:flex-start}
  .pp-body .pp-ul-g li>div{padding-top:4px}
  .pp-body .pp-ul li{gap:12px;padding:14px}
  .pp-i{width:36px;height:36px;border-radius:10px}
  .pp-i svg{width:18px;height:18px}
  .pp-body .pp-ul li>div{padding-top:4px}
  /* Bảng → thẻ xếp dọc trên mobile */
  .pp-tw{overflow:visible;border:0;border-radius:0}
  .pp-body table,.pp-body tbody,.pp-body tr,.pp-body td{display:block;width:100%}
  .pp-body table{font-size:14.5px}
  .pp-body tr:first-child{display:none}
  .pp-body tr{border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:10px}
  .pp-body td{padding:0;border:0!important;min-width:0!important}
  .pp-body td:first-child{margin-bottom:6px;padding-top:0}
  .pp-ct dl>div{grid-template-columns:1fr;gap:4px}
  .pp-body td+td{margin-top:8px}
  .pp-body td[data-label]+td[data-label]::before,.pp-body td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:2px}
}
/* Độ dài dòng văn bản pháp lý ≤ ~72 ký tự */
.pp-body p,.pp-body li{max-width:72ch}
