/* Pinterest QR Code (ROADMAP-Calcs-PinPin.md PP45) — the code, its link, its print size and the colours' contrast. Everything else
   is the core stylesheet. */
.qr-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 14px; }
/* 16px: a control under it makes iPhone zoom the page on focus */
.qr input[type="color"] { width: 100%; height: 44px; padding: 2px; font-size: 16px; border: 1px solid var(--chqt-line, #ddd5e6); border-radius: 10px; background: #fff; cursor: pointer; }
.qr-size { margin: .5rem 0 .2rem; }
.qr select { width: 100%; min-height: 44px; font-size: 16px; padding: 8px 10px; border: 1px solid var(--chqt-line, #ddd5e6); border-radius: 10px; background: #fff; color: var(--chqt-ink, #191320); }
.qr-code { margin: .7rem 0 .4rem; min-height: 240px; display: flex; justify-content: center; }
.qr-code svg { width: 240px; height: 240px; max-width: 100%; display: block; border: 1px solid var(--chqt-line, #ddd5e6); border-radius: 6px; }
.qr-url { margin: .2rem 0; overflow-wrap: anywhere; font-size: .95rem; }
.qr-url code { font-weight: 600; }
.qr-error { margin: .5rem 0; padding: .6rem .7rem; border-radius: 10px; background: #fdf0ef; color: #8a1c12; font-weight: 600; }
.qr-contrast { margin: .2rem 0 0; font-size: .95rem; }
.qr-contrast--bad { color: #8a1c12; font-weight: 600; }
.chqt .qr q { font-style: italic; }