/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

:root {
  font-family: sans-serif;
}

body > div {
  padding: 0.5em;
  break-inside: avoid-page;
  border: 1px solid black;
  margin: 0.5em;
}

.contact-header {
  display: flex;
  align-items: center;
}

.contact-photo {
  margin-inline-end: 0.5em;
  width: 5em;
  height: 5em;
  border-radius: 100%;
  object-fit: cover;
  object-position: center;
}

.contact-headings {
  flex: 1;
}

.contact-heading-name {
  margin-block: 0;
  font-size: 1.4rem;
  font-weight: 400;
}

.contact-heading-nickname {
  margin-block: 0;
  font-size: 1.1rem;
}

.contact-heading-email {
  /* Don't print this, it's redundant information. */
  display: none;
}

.contact-body {
  column-width: 25em;
}

section {
  padding-block: 0.5em;
  line-height: 1.2;
  box-sizing: border-box;
  break-inside: avoid-column;
}

h2 {
  margin-block: 0 0.5em;
  font-size: 1.1rem;
  line-height: 1.2;
  font-weight: 500;
}

.entry-list {
  display: grid;
  grid-template-columns: min-content auto;
  gap: 0.5em;
  align-items: baseline;
  margin-block: 0;
  margin-inline-start: 0.5em;
  padding: 0;
  list-style: none inside;
}

.entry-item {
  display: contents;
}

.entry-type {
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
  opacity: .85;
}