/* ==================================================================
   /privacy: DRD's privacy policy, set as a long read.
   One column at a comfortable measure; site.css supplies .wrap.
   ================================================================== */

.pp { padding-block: 96px 144px; }
.pp-wrap { display: flex; flex-direction: column; gap: 56px; }
.pp-head { display: flex; flex-direction: column; gap: 20px; padding-bottom: 40px; border-bottom: 1px solid var(--line); }
.pp-title {
  font-family: var(--font-display); font-weight: 400; letter-spacing: -.02em;
  font-size: clamp(40px, calc(1rem + 4vw), 72px); line-height: 1.06;
}
.pp-date {
  font-family: var(--font-label); font-weight: 500; font-size: 13px; line-height: 16px;
  letter-spacing: .16em; text-transform: uppercase; color: var(--drd-taupe);
}

.pp-body { max-width: 720px; font-size: 18px; line-height: 30px; }
.pp-body > * + * { margin-top: 18px; }
.pp-body h2 {
  margin-top: 56px; font-family: var(--font-display); font-weight: 400;
  font-size: 32px; line-height: 40px; letter-spacing: -.01em;
}
.pp-body h3 {
  margin-top: 36px; font-family: var(--font-label); font-weight: 500;
  font-size: 13px; line-height: 16px; letter-spacing: .16em; text-transform: uppercase;
}
.pp-body h2 + p, .pp-body h3 + p { margin-top: 14px; }
.pp-body h2:first-child { margin-top: 0; }

.pp-body ul { display: flex; flex-direction: column; gap: 10px; }
.pp-body li { position: relative; padding-left: 28px; }
.pp-body li::before {   /* a short Bronze rule in place of a bullet */
  content: ""; position: absolute; left: 2px; top: 15px; width: 10px; height: 1px; background: var(--drd-bronze);
}

.pp-body a { text-decoration-color: var(--drd-bronze); text-underline-offset: 3px; }
.pp-body a:hover { text-decoration-color: var(--drd-espresso); }
.pp-contact { font-style: normal; }

@media (max-width: 767px) {
  .pp { padding-block: 48px 88px; }
  .pp-wrap { gap: 36px; }
  .pp-head { gap: 14px; padding-bottom: 28px; }
  .pp-body { font-size: 17px; line-height: 28px; }
  .pp-body h2 { margin-top: 44px; font-size: 26px; line-height: 32px; }
  .pp-body li::before { top: 14px; }
  .pp-body a { overflow-wrap: anywhere; }
}