Publish privacy and cookie disclosures

css/site.css

@@ -890,6 +890,108 @@ a.speech-result.is-selected {
   color: #5c5c56;
 }
 
+.contact-sensitive-note {
+  margin: 6px 0 0;
+  color: #686862;
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.contact-privacy {
+  box-sizing: border-box;
+  margin: 2px 0;
+  padding: 12px 14px;
+  border-left: 3px solid #bf4d28;
+  background: #f5f3ef;
+  color: #4b4b47;
+  font-size: 13px;
+  line-height: 1.55;
+}
+
+/* Privacy and cookie notice. */
+.privacy-notice {
+  max-width: 760px;
+}
+
+.privacy-notice .notice-summary {
+  margin: 0 0 24px;
+  padding: 16px 18px;
+  border-left: 4px solid #bf4d28;
+  background: #f5f3ef;
+}
+
+.privacy-notice h2 {
+  margin-top: 32px;
+}
+
+.privacy-notice h3 {
+  margin-top: 22px;
+}
+
+.privacy-notice table {
+  width: 100%;
+  margin: 18px 0 24px;
+  border-collapse: collapse;
+}
+
+.privacy-notice th,
+.privacy-notice td {
+  padding: 10px 12px;
+  border: 1px solid #d8d4cc;
+  vertical-align: top;
+  text-align: left;
+}
+
+.privacy-notice th {
+  background: #f5f3ef;
+}
+
+.privacy-notice .notice-updated {
+  color: #686862;
+  font-size: 12px;
+}
+
+@media (max-width: 640px) {
+  .privacy-notice table,
+  .privacy-notice tbody,
+  .privacy-notice tr,
+  .privacy-notice th,
+  .privacy-notice td {
+    display: block;
+  }
+
+  .privacy-notice thead {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+    white-space: nowrap;
+  }
+
+  .privacy-notice tr {
+    margin-bottom: 14px;
+    border: 1px solid #d8d4cc;
+  }
+
+  .privacy-notice td {
+    border: 0;
+    border-bottom: 1px solid #e5e1da;
+  }
+
+  .privacy-notice td:last-child {
+    border-bottom: 0;
+  }
+
+  .privacy-notice td::before {
+    display: block;
+    margin-bottom: 3px;
+    color: #555550;
+    font-weight: 700;
+    content: attr(data-label);
+  }
+}
+
 /* Static events calendar. */
 .events-calendar-page .entry-content {
   max-width: 100%;