* {
  margin: 0;
  padding: 0;
}


body > * { 
  display: none;
}

div.nav {
  display: initial;

  nav.primary-nav {
    img {
      display: block;
      height: 1.5em;
      margin: 0 auto 1em auto;
      width: auto;
    }
  }

  div.search-box {
    display: none;
  }
}

article {
  display: initial;

  .introduction,
  .recipe-image,
  .wakelock-control,
  .metadata,
  .serving_suggestions {
    display: none;
  }
}

button {
  display: none;
}

a {
  text-decoration: none;
}


/* LAYOUT */

body {
  columns: 2;
  gap: 0 4em;
}

figure {
  img { 
    height: auto;
    width: 100%;
  }
}

section {
  margin-bottom: 2em;
}


/* TYPOGRAPHY */

body {
  font-size: 14pt;
  line-height: 1.4;
}

h1, h2, h3, dt, .header {
  break-after: avoid;
}

h1 {
  font-size: 2em;
  font-weight: bold;
  margin: 1em 0;
  text-align: center;
}

h2 {
  font-size: 1.25em;
  font-weight: bold;
  margin: .5em 0;
}

h3 {
  font-size: 1em;
  font-weight: bold;
  margin: .5em 0;
}

div.component {
  margin-top: 1em;
}

dt, .header {
  font-weight: bold;
  margin-top: 1em;
}

p, li {
  margin-top: .5em;
}


li {
  margin-left: 2em;
}


table {
  th, td {
    padding-right: .75em;
  }
}