/* The Privacy page. Reads the shop tokens (tokens.css) and fonts (fonts.css).
   One single column on the cream wall color (#EFE2D1): about 640 px on tablet and laptop, the full width with side space on a phone.
   Logo on top, title in Fraunces, headings Montserrat 600, body Montserrat 400 at line-height 1.7 in full charcoal. Approved picture, Oct 30 (direction only). */
:root { --pv-wall: #EFE2D1; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body.pv { margin: 0; background: var(--pv-wall); color: var(--text); font-family: var(--font-sans); font-size: 16px; line-height: 1.7; font-weight: 400; min-height: 100vh; }
.pv-page { width: 100%; max-width: 640px; margin: 0 auto; padding: 32px 24px 80px; }
.pv-head { display: flex; flex-direction: column; align-items: center; text-align: center; }
.pv-logo-link { display: inline-block; border-radius: var(--radius); }
.pv-logo { display: block; height: auto; width: min(220px, 62vw); }
.pv-title { margin: 36px 0 0; font-family: var(--font-serif); font-weight: 400; font-size: clamp(34px, 9.4vw, 46px); line-height: 1.1; letter-spacing: -.02em; color: var(--text); }
.pv-date { margin: 28px 0 0; font-size: 15px; line-height: 1.6; color: var(--text); }
.pv-body { margin-top: 0; }
.pv-section { margin-top: 36px; }
.pv-section h2 { margin: 0 0 10px; font-family: var(--font-sans); font-weight: 600; font-size: 18px; line-height: 1.4; letter-spacing: .01em; color: var(--text); }
.pv-section p { margin: 0 0 14px; }
.pv-section p:last-child, .pv-section ul:last-child { margin-bottom: 0; }
.pv-list { margin: 0 0 14px; padding: 0 0 0 1.25em; }
.pv-list li { margin: 0 0 8px; padding-left: .2em; }
.pv-list li:last-child { margin-bottom: 0; }
.pv-num { list-style: decimal; }
.pv-logo-link:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; }
@media (min-width: 700px) {
  .pv-page { padding: 56px 32px 112px; }
  .pv-logo { width: 260px; }
  .pv-title { margin-top: 44px; font-size: 50px; }
  .pv-section { margin-top: 44px; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }
/* Policy pages can be saved or printed: plain page, no wall color, the logo smaller, sections kept whole where they fit. */
@media print {
  body.pv { background: none; font-size: 12pt; }
  .pv-page { max-width: none; padding: 0; }
  .pv-logo { width: 120px; }
  .pv-title { margin-top: 18px; font-size: 26pt; }
  .pv-section { margin-top: 18px; break-inside: avoid; }
}