/* Styles added for Q167. style.css stays under the 300-line limit, so new rules live here. */

/* style.css sets label to display:flex, which would beat the hidden attribute. */
[hidden] {
  display: none !important;
}

h3 {
  margin: 18px 0 6px;
  font-size: 17px;
}

#shopping {
  margin: 0 0 14px;
  padding-left: 20px;
}

#shopping li {
  margin: 2px 0;
}

/* Screen preview: scales down to fit, the viewBox keeps the shape. */
.tsheet {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 0 14px;
  border: 1px solid var(--line);
}

.has-error #template {
  opacity: 0.35;
}

/* Print: true size. One viewBox unit must stay one real inch, so nothing here may scale. */
@media print {
  @page {
    size: letter portrait;
    margin: 0.5in;
  }

  main {
    max-width: none;
    padding: 0;
  }

  .tsheet {
    width: 7.5in;
    max-width: none;
    height: auto;
    margin: 0;
    border: 0;
    break-before: page;
  }
}