/* ============================================================
   ZAK HOLDINGS — Privacy Policy page
   Extends styles.css. Same grid, same rules, denser measure.
   ============================================================ */

.policy .head{border-bottom:1px solid var(--rule)}
.policy .nav__alt[aria-current="page"]{color:var(--ink)!important}
.policy .nav__alt[aria-current="page"]::after{transform:scaleX(1)}

/* ---------- masthead ---------- */
.pol-hero{
  padding:calc(var(--headh) + clamp(60px,11vh,150px)) var(--pad) clamp(40px,7vh,90px);
  display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);
}
.pol-hero .rubric{grid-column:1/-1;margin-bottom:clamp(36px,6vh,84px)}
.pol-hero .h-display{grid-column:1/8;font-size:clamp(2.9rem,8vw,8.4rem)}
.pol-meta{
  grid-column:9/-1;align-self:end;
  display:grid;grid-template-columns:1fr;gap:0;
}
.pol-meta > div{
  display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:var(--gap);
  padding-block:11px;border-top:1px solid var(--rule);
}
.pol-meta > div:last-child{border-bottom:1px solid var(--rule)}
.pol-meta dt{font-size:.625rem;letter-spacing:.2em;text-transform:uppercase;color:var(--grey)}
.pol-meta dd{font-size:.8125rem;line-height:1.45}

/* ---------- two-column body ---------- */
.pol-wrap{
  padding:0 var(--pad) clamp(80px,14vh,180px);
  display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);
  border-top:1px solid var(--rule);
  padding-top:clamp(46px,8vh,110px);
}

.toc{
  grid-column:1/4;position:sticky;top:calc(var(--headh) + clamp(24px,5vh,60px));align-self:start;
}
.toc .micro{padding-bottom:12px;border-bottom:1px solid var(--rule);margin-bottom:14px}
.toc ol{display:flex;flex-direction:column}
.toc a{
  display:block;padding:5px 0;font-size:.75rem;letter-spacing:.02em;color:var(--grey);
  transition:color .3s var(--ease),padding-left .4s var(--ease);
}
.toc a:hover{color:var(--ink);padding-left:8px}
.toc a.is-here{color:var(--clay)}

.pol{grid-column:5/-1;max-width:78ch}
.pol-lede{
  font-size:clamp(1.05rem,1.5vw,1.4rem);line-height:1.45;letter-spacing:-.02em;
  padding-bottom:clamp(34px,6vh,72px);
}
.pol section{padding-block:clamp(34px,6vh,70px);border-top:1px solid var(--rule)}
.pol h2{
  display:grid;grid-template-columns:3.6rem minmax(0,1fr);gap:var(--gap);align-items:baseline;
  font-size:clamp(1.3rem,2.3vw,2.05rem);line-height:1.08;letter-spacing:-.04em;font-weight:500;
  margin-bottom:clamp(20px,3.4vh,38px);
}
.pol h2 span{font-size:.6875rem;letter-spacing:.16em;color:var(--clay);font-weight:500}
.pol p{color:#3a3931;margin-bottom:1em;max-width:70ch}
.pol p:last-child{margin-bottom:0}
.pol strong{font-weight:600;color:var(--ink)}
.pol em{font-style:italic}
.pol a{color:var(--ink);border-bottom:1px solid var(--rule);transition:color .3s,border-color .3s}
.pol a:hover{color:var(--clay);border-color:var(--clay)}

/* lists */
.pol-list{margin:0 0 1.2em;display:flex;flex-direction:column}
.pol-list li{
  position:relative;padding:12px 0 12px 1.6em;border-top:1px solid var(--rule-soft);
  color:#3a3931;font-size:.9375rem;line-height:1.55;
}
.pol-list li::before{content:"";position:absolute;left:0;top:1.35em;width:14px;height:1px;background:var(--clay)}
.pol-list li:last-child{border-bottom:1px solid var(--rule-soft)}
.pol-list--cols{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--gap)}

/* steps */
.pol-steps{margin:0 0 1.2em}
.pol-steps li{
  display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:var(--gap);
  padding-block:14px;border-top:1px solid var(--rule-soft);
}
.pol-steps li:last-child{border-bottom:1px solid var(--rule-soft)}
.pol-steps span{font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--clay);padding-top:.35em}
.pol-steps p{margin:0;font-size:.9375rem}

/* tables */
.pol-table{margin:0 0 1.4em;font-size:.8125rem}
.pol-table thead th{
  text-align:left;font-size:.5625rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--grey);
  padding:0 var(--gap) 10px 0;border-bottom:1px solid var(--rule);vertical-align:bottom;
}
.pol-table tbody th{
  text-align:left;font-weight:500;color:var(--ink);vertical-align:top;
  padding:12px var(--gap) 12px 0;border-bottom:1px solid var(--rule-soft);width:30%;
}
.pol-table tbody td{
  color:var(--grey);vertical-align:top;
  padding:12px var(--gap) 12px 0;border-bottom:1px solid var(--rule-soft);
}
.pol-table tbody td:last-child{padding-right:0}
.pol-table--tight tbody th{width:52%}

/* contact block */
.pol-contact{
  font-style:normal;display:grid;grid-template-columns:1fr 1fr;gap:0 var(--gap);margin-top:clamp(20px,3vh,34px);
}
.pol-contact > div{border-top:1px solid var(--rule);padding:14px 0}
.pol-contact .micro{display:block;margin-bottom:8px}
.pol-contact p{margin:0;font-size:.9375rem;line-height:1.5;color:var(--ink)}

@media (max-width:1024px){
  .pol-hero .h-display{grid-column:1/-1}
  .pol-meta{grid-column:1/-1;margin-top:clamp(34px,6vh,64px)}
  .toc{
    grid-column:1/-1;position:static;
    margin-bottom:clamp(34px,6vh,70px);padding-bottom:clamp(20px,4vh,40px);border-bottom:1px solid var(--rule);
  }
  .toc ol{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:0 var(--gap)}
  .pol{grid-column:1/-1;max-width:none}
}

@media (max-width:720px){
  .pol-meta > div{grid-template-columns:1fr;gap:4px}
  .pol h2{grid-template-columns:2.4rem minmax(0,1fr)}
  .pol-list--cols{grid-template-columns:1fr}
  .pol-contact{grid-template-columns:1fr}

  .pol-table thead{display:none}
  .pol-table tbody tr{display:block;border-bottom:1px solid var(--rule);padding-block:14px}
  .pol-table tbody th{display:block;width:auto;border:0;padding:0 0 6px}
  .pol-table tbody td{display:block;border:0;padding:2px 0;font-size:.8125rem}
  .pol-table tbody td::before{content:attr(data-l);color:var(--grey-2);margin-right:.6em}
}
