@charset "UTF-8";

body {
  background-color: #efefef;
  color: #161616;
}

#container {
  display: grid;
  box-sizing: border-box;
  width: 7in;
  height: 7in;
  margin: 0.45in auto 0.22in auto;
  padding: 0.52in 0.57in 0.45in 0.57in;
  background-color: #fff;
  border: 1px solid #555;
  font-family: "Minion Pro", Minion, "Adobe Garamond Pro", Garamond, "Times New Roman", serif;
  font-weight: 400;
  font-style: normal;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 0.30in 0.42in 1.02in 1.88in 1.02in 1.15in;
  grid-template-areas:
    "weight . ."
    "title flavour variety"
    "ing-en ing-fr facts-col"
    "ing-en ing-fr facts-col"
    "left-bottom mid-bottom facts-col"
    "left-bottom mid-bottom facts-col";
  column-gap: 0.18in;
  row-gap: 0.10in;
}

#container > section {
  min-width: 0;
  align-self: start;
}

#container p {
  margin: 0;
  font-size: 11.25px;
  line-height: 1.08;
}

.bold {
  font-weight: 700;
}

.italic {
  font-style: italic;
}

.headword {
  font-weight: 700;
  font-style: italic;
}

.qhead {
  font-weight: 700;
  font-style: italic;
}

.weight {
  grid-area: weight;
}

.weight p {
  font-size: 11.3px;
}

.title {
  grid-area: title;
  padding-top: 0.015in;
}

.title p {
  font-size: 11.9px;
}

.flavour {
  grid-area: flavour;
  display: grid;
  row-gap: 0.02in;
  padding-top: 0.005in;
}

.variety {
  grid-area: variety;
  display: grid;
  row-gap: 0.015in;
}

.flavour p,
.variety p,
.claims-no p {
  font-size: 11.2px;
}

.ingredients-en {
  grid-area: ing-en;
}

.ingredients-fr {
  grid-area: ing-fr;
}

.ingredients-en p,
.ingredients-fr p {
  font-size: 11.22px;
  line-height: 1.07;
}

.facts-column {
  grid-area: facts-col;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  row-gap: 0.16in;
  align-self: stretch;
}

.claims-no {
  display: grid;
  row-gap: 0.16in;
  align-content: start;
  padding-top: 0.12in;
}

.facts {
  display: grid;
  grid-template-rows: auto auto;
  row-gap: 0.08in;
  margin-top: -0.01in;
}

.facts-title {
  display: grid;
  row-gap: 0.012in;
}

.facts-title p {
  font-size: 11.12px;
  line-height: 1.055;
}

.facts-grid {
  display: grid;
  row-gap: 0.012in;
}

.facts-grid .row {
  display: grid;
  grid-template-columns: 0.72in 1.23in;
  column-gap: 0.055in;
  align-items: start;
}

.facts-grid .value,
.facts-grid .label {
  line-height: 1.0;
}

.facts-grid .label {
  min-width: 0;
  max-width: 1.23in;
}

.facts-foot {
  align-self: end;
  display: grid;
  row-gap: 0.03in;
  margin-top: 0.06in;
}

.left-bottom {
  grid-area: left-bottom;
  display: grid;
  grid-template-rows: auto auto;
  row-gap: 0.52in;
  align-self: stretch;
}

.questions {
  display: grid;
  row-gap: 0.01in;
  padding-top: 0.02in;
}

.keep {
  display: grid;
  row-gap: 0.02in;
  align-self: start;
  margin-top: -0.01in;
}

.mid-bottom {
  grid-area: mid-bottom;
  display: grid;
  grid-template-rows: auto auto;
  row-gap: 0.42in;
  align-self: stretch;
}

.before {
  display: grid;
  row-gap: 0.015in;
}

.before p {
  font-size: 11.15px;
  line-height: 1.06;
}

.description {
  display: grid;
  row-gap: 0.07in;
  align-self: start;
}

.questions p,
.keep p,
.description p,
.facts-foot p {
  font-size: 11.15px;
  line-height: 1.07;
}

#info {
  width: 7in;
  margin: 0 auto 0.35in auto;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.42;
  color: #444;
}
