/* /privacy — short and plain. (content agent) */

body.page-privacy { --ink-accent: var(--molten); }
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) body.page-privacy { --ink-accent: #A8480A; }
  :root:not([data-theme="dark"]) body.page-privacy .kicker { color: var(--ink-accent); }
}

.privacy { padding-bottom: clamp(56px, 9vw, 120px); font-size: clamp(1.05rem, 1rem + .25vw, 1.15rem); }
.pv-head h1 { font-size: var(--step-4); }
.pv-short { list-style: none; margin: 0 0 clamp(28px, 4vw, 44px); padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.pv-short li {
  display: inline-flex; align-items: center; gap: .5em; padding: .5em .95em .5em .7em; border-radius: 99px;
  font: 600 var(--step-0)/1 var(--font-display); background: var(--panel); border: var(--stroke) solid var(--outline);
  box-shadow: 0 4px 0 rgba(0, 0, 0, .22);
}
.pv-short li::before {
  content: ''; width: 1.2em; height: 1.2em; border-radius: 50%; flex: none;
  background: var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='%230D1120' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 80% no-repeat;
  border: 2px solid var(--outline);
}
.pv-short li:nth-child(odd) { transform: rotate(-1.5deg); }
.pv-short li:nth-child(even) { transform: rotate(1.2deg); }

.pv-sec { display: grid; grid-template-columns: 56px 1fr; gap: 6px clamp(14px, 2.4vw, 24px); padding: clamp(22px, 3vw, 30px) 0; border-top: 2px dashed var(--line); }
.pv-ico { width: 56px; height: 56px; transition: transform .35s var(--spring); }
.pv-sec:hover .pv-ico { transform: rotate(-8deg) scale(1.06); }
.pv-sec h2 { font-size: var(--step-2); margin: .3em 0 .5em; }
.pv-sec p { margin: 0 0 .8em; }
.pv-sec ul { margin: 0 0 .9em; padding-left: 1.2em; display: grid; gap: .45em; }
.pv-sec li::marker { color: var(--accent); }
.pv-sec code { font-size: .85em; }
.pv-live {
  padding: .7em 1em; border-radius: var(--r); background: color-mix(in srgb, var(--steam) 14%, var(--panel));
  border: 2px solid color-mix(in srgb, var(--steam) 55%, transparent); font-weight: 700;
}
.pv-end { margin-top: 1rem; padding-top: clamp(20px, 3vw, 28px); border-top: 2px dashed var(--line); color: var(--fg-muted); }
@media (max-width: 520px) {
  .pv-sec { grid-template-columns: 1fr; }
  .pv-ico { width: 48px; height: 48px; }
}