/*
 * The new site's header bar, for the current single-page live site (logo only, no menu: the other
 * pages are not live yet). Same look as .site-head in site.css; the colours match the new site.
 */
.site-head { background: #FFFFFF; border-bottom: 1px solid #C9C7BA; }
.site-head .inner { max-width: 1080px; margin: 0 auto; padding: 12px 16px; display: flex; align-items: center; min-height: 44px; }
.site-head .brand-logo { display: block; line-height: 0; margin: 0; align-self: center; }  /* reset brand.css on the closed page */
.site-head .brand-logo img { height: 44px; width: auto; display: block; }
@media (max-width: 640px) {
  .site-head .inner { padding: 8px 16px; min-height: 44px; }
  .site-head .brand-logo img { height: 36px; }
}

/* "Your privacy" and "Deadline": one short line each, with the full details behind an expandable link. */
.privacy details, .review details { margin: 0; font-size: 16px; }
.privacy summary, .review summary { padding: 10px 0; }  /* keeps the arrow; a 44px-tall tap area */
.privacy details ul { margin-top: 8px; }
.review details p { margin: 8px 0 0; }