/* Privacy: the one plain page. A single sheet with the answer first and an item-by-item table.
   The one thing that is recorded gets the only colored block on the page. */
.pv { padding: clamp(16px, 4vw, 56px) 16px clamp(40px, 6vw, 80px); }
.pv-sheet { max-width: min(100%, calc(44rem + 22vw)); margin-inline: auto; padding: clamp(20px, 4vw, 52px) clamp(18px, 4vw, 56px);
  background: var(--sheet); border-radius: var(--radius); box-shadow: 6px 6px 0 var(--paper-line); }
.pv-crumb { display: flex; gap: 8px; align-items: center; color: var(--ink-soft); font-size: .95rem; }
.pv-crumb a { display: inline-flex; align-items: center; min-height: 44px; }
.pv h1 { margin: 4px 0 12px; font-size: var(--h1-page); font-weight: 800; font-stretch: 112%; line-height: 1.05; letter-spacing: -0.025em; }
.pv-answer { margin: 0; font-size: clamp(1.12rem, 1.8vw, 1.35rem); line-height: 1.5; }
.pv-checked { margin: 12px 0 0; color: var(--ink-soft); line-height: 1.5; }
.pv h2 { margin: clamp(28px, 4vw, 40px) 0 10px; font-size: var(--h2); font-weight: 800; font-weight: 800; font-stretch: 112%; }
.pv p { line-height: 1.6; }
.pv code { font-family: ui-monospace, monospace; font-size: .92em; white-space: nowrap; }
.pv-table { width: 100%; border-collapse: collapse; }
.pv-table thead th { text-align: left; font-size: .9rem; color: var(--ink-soft); padding: 8px 10px; border-bottom: 2px solid var(--ink); }
.pv-table th[scope="row"], .pv-table td { padding: 12px 10px; text-align: left; vertical-align: top; line-height: 1.45; border-bottom: 1px solid var(--paper-line); }
.pv-table th[scope="row"] { font-weight: 700; }
.pv-yes th[scope="row"] { display: flex; gap: 10px; align-items: flex-start; }
.pv-yes th[scope="row"]::before { content: ""; flex: none; width: 16px; height: 16px; margin-top: 4px; background: var(--number); box-shadow: inset 0 -3px 0 rgba(0,0,0,.25); }
@media (max-width: 699px) {
  .pv-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .pv-table, .pv-table tbody, .pv-table tr, .pv-table th[scope="row"], .pv-table td { display: block; }
  .pv-table tr { padding: 10px 0; border-bottom: 1px solid var(--paper-line); }
  .pv-table th[scope="row"], .pv-table td { padding: 2px 0; border: 0; }
  .pv-table td:nth-child(2) { font-weight: 700; }
}
.pv-next { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px; margin-top: clamp(28px, 4vw, 40px); padding-top: 22px; border-top: 2px solid var(--ink); }
.pv-more { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; }