/* ============================================================
   BK bio — PRIVACY page (V3). Loads AFTER bk-elevated.css.
   Reuses its tokens, topnav, mast, seam, cta-final, foot, .btn*, .ml, .rv, .grain.
   Adds page-specific blocks only:
     · draft note (in the masthead deck)        · section index bar
     · long-form legal body (numbered sections)  · collection spec table
     · data-subject rights grid                  · deep contact band
   Calm long-form typographic page. English page is English-only.
   No SKU codes, no colored side-stripes, no gradient text, no glassmorphism.
   ============================================================ */

/* visually-hidden (a11y label) — CSP-clean, matches bk-products.css */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0;}

/* ---------- MASTHEAD: deck layout tuned for a legal page ----------
   The privacy mast carries a longer lead + a meta row + a draft note,
   so the deck is a single readable column rather than the 2-col home deck. */
.mast .deck.pvdeck{grid-template-columns:1fr;gap:26px;align-items:start;max-width:none;}
.mast .deck.pvdeck p.lead{max-width:66ch;}

/* meta row — controller / updated / scope, in mono small-caps */
.pv-meta{display:flex;flex-wrap:wrap;gap:14px 34px;padding-top:20px;border-top:1px solid var(--rule);}
.pv-meta .m{display:flex;flex-direction:column;gap:5px;}
.pv-meta .mk{font-family:var(--ff-m);font-size:9.5px;font-weight:500;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink-3);}
.pv-meta .mv{font-size:13.5px;color:var(--ink);font-weight:500;}
.pv-meta .mv .num{font-family:var(--ff-m);font-size:13px;}

/* draft note — quiet tinted panel. Orange dot only (no >1px colored stripe). */
.pv-draft{display:flex;align-items:flex-start;gap:12px;background:var(--bg-2);
  border:1px solid var(--rule);padding:15px 18px;max-width:72ch;}
.pv-draft .dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:6px;}
.pv-draft .dl{font-family:var(--ff-m);font-size:9.5px;font-weight:500;letter-spacing:.14em;
  text-transform:uppercase;color:var(--accent-d);margin-right:4px;}
.pv-draft p{font-size:13px;line-height:1.6;color:var(--ink-2);margin:0;}

/* ---------- SECTION INDEX (slim tinted bar, jump links) ---------- */
.pv-index{padding:14px 56px;background:var(--pine-d);color:#EFEADE;
  display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;}
.pv-index .il{font-family:var(--ff-m);font-size:10px;font-weight:500;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(239,234,222,.6);padding-right:14px;
  border-right:1px solid rgba(200,162,78,.5);}
.pv-index a{font-family:var(--ff-m);font-size:11.5px;letter-spacing:.02em;
  color:rgba(239,234,222,.82);display:inline-flex;align-items:center;gap:7px;
  padding:6px 2px;transition:color .15s;}
.pv-index a .n{color:var(--accent-l);}
.pv-index a:hover{color:#fff;}
.pv-index a:focus-visible{outline-color:var(--gold);}
@media(max-width:680px){.pv-index{padding:13px 22px;gap:8px 14px;}}

/* ---------- LONG-FORM LEGAL BODY ---------- */
.pv-body{padding:clamp(48px,7vh,86px) 56px clamp(28px,4vh,52px);}
.pv-wrap{max-width:820px;}

.pv-sec{padding:34px 0;border-bottom:1px solid var(--rule);scroll-margin-top:80px;}
.pv-sec:first-child{padding-top:0;}
.pv-sec h2{font-family:var(--ff-d);font-weight:600;font-size:clamp(22px,2.3vw,30px);
  letter-spacing:-.018em;line-height:1.1;margin:0 0 16px;color:var(--ink);
  display:flex;align-items:baseline;gap:14px;}
.pv-sec h2 em{font-style:italic;color:var(--green);font-weight:500;}
.pv-sec h2 .nx{font-family:var(--ff-m);font-size:13px;font-weight:500;letter-spacing:.08em;
  color:var(--accent-d);flex:none;}
.pv-sec p{font-size:15px;line-height:1.72;color:var(--ink-2);margin:0 0 13px;max-width:70ch;}
.pv-sec p:last-child{margin-bottom:0;}
.pv-sec b{color:var(--ink);font-weight:600;}
.pv-sec a{color:var(--green);border-bottom:1px solid var(--rule-2);transition:border-color .15s;}
.pv-sec a:hover{border-color:var(--green);}

/* legal lists — clean square markers in green, never colored side-stripes */
.pv-list{margin:6px 0 14px;padding:0;list-style:none;max-width:70ch;}
.pv-list li{position:relative;padding-left:22px;font-size:15px;line-height:1.68;
  color:var(--ink-2);margin-bottom:11px;}
.pv-list li:last-child{margin-bottom:0;}
.pv-list li::before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;
  background:var(--green);}
.pv-list li b{color:var(--ink);font-weight:600;}
.pv-list li .ref{font-family:var(--ff-m);font-size:11px;letter-spacing:.02em;color:var(--ink-3);}

/* ---------- COLLECTION SPEC TABLE (made beautiful) ---------- */
.pv-table{width:100%;border-collapse:collapse;margin:10px 0 6px;max-width:72ch;}
.pv-table caption{text-align:left;font-family:var(--ff-m);font-size:9.5px;font-weight:500;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding-bottom:10px;}
.pv-table th{font-family:var(--ff-m);font-size:9.5px;font-weight:500;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-3);text-align:left;
  padding:0 18px 10px 0;border-bottom:2px solid var(--ink);vertical-align:bottom;}
.pv-table td{font-size:14px;line-height:1.55;color:var(--ink-2);
  padding:14px 18px 14px 0;border-bottom:1px solid var(--rule);vertical-align:top;}
.pv-table tbody tr:hover{background:var(--bg-2);}
.pv-table td:first-child{color:var(--ink);font-weight:600;white-space:nowrap;padding-left:0;}
.pv-table th:first-child{padding-left:0;}
@media(max-width:560px){
  .pv-table,.pv-table tbody,.pv-table tr,.pv-table td{display:block;width:100%;}
  .pv-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
  .pv-table tr{padding:14px 0;border-bottom:1px solid var(--rule);}
  .pv-table tr:hover{background:none;}
  .pv-table td{border:none;padding:0 0 4px;}
  .pv-table td:first-child{white-space:normal;}
}

/* ---------- DATA-SUBJECT RIGHTS — asymmetric card grid (not 3 equal) ---------- */
.pv-rights{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--rule);
  border:1px solid var(--rule);margin:8px 0 16px;}
.pv-right{background:var(--paper);padding:18px 18px 20px;}
.pv-right:nth-child(1){grid-column:span 3;}
.pv-right:nth-child(2){grid-column:span 3;}
.pv-right:nth-child(3){grid-column:span 2;}
.pv-right:nth-child(4){grid-column:span 2;}
.pv-right:nth-child(5){grid-column:span 2;}
.pv-right:nth-child(6){grid-column:span 6;}
.pv-right .rk{font-family:var(--ff-m);font-size:9.5px;font-weight:500;letter-spacing:.12em;
  text-transform:uppercase;color:var(--accent-d);}
.pv-right h3{font-family:var(--ff-d);font-weight:600;font-size:18px;letter-spacing:-.012em;
  margin:9px 0 0;color:var(--ink);}
.pv-right p{font-size:13px;line-height:1.55;color:var(--ink-2);margin:8px 0 0;}
@media(max-width:760px){
  .pv-rights{grid-template-columns:1fr 1fr;}
  .pv-right:nth-child(n){grid-column:auto;}
  .pv-right:nth-child(6){grid-column:1/-1;}
}
@media(max-width:480px){
  .pv-rights{grid-template-columns:1fr;}
  .pv-right:nth-child(6){grid-column:auto;}
}

/* ---------- DEEP CONTACT BAND (data requests) ---------- */
.pv-contact{position:relative;background:var(--pine);color:#EFEADE;
  padding:clamp(48px,6vh,80px) 56px;overflow:hidden;}
.pv-contact .glow{position:absolute;left:34%;top:-40%;width:46%;height:140%;
  background:radial-gradient(circle,rgba(44,106,72,.4),transparent 70%);pointer-events:none;}
.pv-contact>*{position:relative;z-index:2;}
.pv-contact .ml{color:rgba(239,234,222,.62);}
.pv-contact .ml .dot{background:var(--accent-l);}
.pv-contact h2{font-family:var(--ff-d);font-weight:600;font-size:clamp(26px,3vw,40px);
  letter-spacing:-.022em;line-height:1.06;margin:14px 0 0;color:#fff;max-width:20ch;}
.pv-contact h2 em{font-style:italic;color:var(--accent-l);font-weight:500;}
.pv-contact .lead{font-size:15px;line-height:1.62;color:rgba(239,234,222,.86);
  max-width:58ch;margin:18px 0 0;}
.pv-clines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;
  background:rgba(200,162,78,.5);border:1px solid rgba(200,162,78,.5);margin-top:30px;}
.pv-cline{background:var(--pine);padding:20px 22px;}
.pv-cline .ck{font-family:var(--ff-m);font-size:9.5px;font-weight:500;letter-spacing:.14em;
  text-transform:uppercase;color:var(--accent-l);}
.pv-cline .cv{font-size:14.5px;line-height:1.5;color:#fff;margin-top:10px;}
.pv-cline a{color:#fff;border-bottom:1px solid rgba(239,234,222,.4);transition:border-color .15s;}
.pv-cline a:hover{border-color:#fff;}
@media(max-width:760px){.pv-clines{grid-template-columns:1fr;}}

/* ---------- responsive body padding ---------- */
@media(max-width:680px){
  .pv-body{padding:42px 22px 28px;}
  .pv-sec h2 .nx{display:block;}
  .pv-contact{padding:44px 22px;}
}