/* The privacy policy inside a site page: it takes the site's fonts and
   colours, and only sets the structure the text needs. */
.dp-policy { max-width: 760px; line-height: 1.7; }
.dp-policy .dp-policy-upd, .dp-policy .dp-policy-wait { opacity: .75; font-size: .9rem; margin: 0 0 24px; }
.dp-policy h2 { margin: 36px 0 10px; font-size: 1.35rem; line-height: 1.3; }
.dp-policy h2:first-of-type { margin-top: 8px; }
.dp-policy p { margin: 0 0 12px; }
.dp-policy ul { margin: 0 0 12px; padding-left: 22px; }
.dp-policy li { margin-bottom: 6px; }
.dp-policy a { text-decoration: underline; text-underline-offset: 2px; }
.dp-policy dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 18px; margin: 0 0 12px; }
.dp-policy dt { opacity: .7; }
.dp-policy dd { margin: 0; }
.dp-policy .purpose { border: 1px solid rgba(0, 0, 0, .12); border-radius: 12px; padding: 14px 16px; margin-bottom: 10px; }
.dp-policy .purpose p { margin: 4px 0 0; font-size: .95rem; }
.dp-policy table { width: 100%; border-collapse: collapse; font-size: .95rem; margin-bottom: 12px; }
.dp-policy th, .dp-policy td { text-align: left; padding: 10px 8px; border-bottom: 1px solid rgba(0, 0, 0, .12); vertical-align: top; }
.dp-policy .btn { display: inline-block; margin-top: 4px; padding: 10px 16px; border-radius: 9px; background: currentColor; text-decoration: none; font-weight: 600; }
@media (max-width: 520px) { .dp-policy dl { grid-template-columns: 1fr; } .dp-policy dt { margin-top: 6px; } }