/* Pixels to Inches & DPI (ROADMAP-Calcs-PinPin.md PP28) — width and height side by side (the answer stays on a phone's first
   screen), the dpi table, and the two print labs' words under a dpi. Everything else is the core stylesheet. */
.dpi-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: end; }
.dpi-fields[data-md="dpi"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dpi-fields > [hidden] { display: none; }
.dpi-fields .chqt-field { margin: 0; min-width: 0; }
.dpi-mine { grid-column: 1 / -1; justify-self: start; }
.dpi-table { width: auto; margin: 0; }
.dpi-table td, .dpi-table th { padding: 4px 18px 4px 0; text-align: left; }
.dpi-labs { list-style: none; margin: 0; padding: 0; }
.dpi-labs li { padding: .45rem .6rem; margin: .3rem 0; border-radius: 8px; border-left: 4px solid var(--chqt-line, #ddd5e6); background: #fff; font-size: .95rem; }
.dpi-labs li.is-standard { border-left-color: #1f7a4d; }
.dpi-labs li.is-floor { border-left-color: #b26b00; }
.dpi-labs li.is-below { border-left-color: #b3124e; }
@media (max-width: 460px) {
  .chqt[data-tool="pixels-to-inches"] .chqt-lede { display: none; }
  .chqt[data-tool="pixels-to-inches"] .chqt-seg button { padding-left: 12px; padding-right: 12px; }
  .chqt[data-tool="pixels-to-inches"] .dpi-hint { display: none; }
}