/* Pinterest Font Generator (ROADMAP-Calcs-PinPin.md PP36) — the styles to copy, each with what it really is, and the words read
   back to plain letters. Everything else is the core stylesheet. */
/* a <textarea> needs the core input's 17px (under 16 iPhone zooms the page on focus) and min-width 0 */
.fg .chqt-input textarea { flex: 1 1 auto; min-width: 0; width: 100%; box-sizing: border-box; border: 0; background: transparent; outline: none; resize: vertical;
  font: inherit; font-size: 17px; color: var(--chqt-ink, #191320); padding: 10px 12px; min-height: 64px; border-radius: 12px; overflow-wrap: anywhere; }
.fg-advice { margin: .35rem 0 .2rem; font-size: .95rem; color: var(--chqt-muted, #4c4658); }
.fg-plain { margin: .7rem 0; padding: .7rem .8rem; background: #fff; border: 2px solid #8a5a00; border-radius: 12px; }
.fg-plaintext { margin: .2rem 0; font-size: 1.15rem; font-weight: 700; overflow-wrap: anywhere; }
.fg-first { margin: .2rem 0 .6rem; font-size: .9rem; color: var(--chqt-muted, #4c4658); overflow-wrap: anywhere; }
.fg-list { list-style: none; margin: .7rem 0 0; padding: 0; }
.fg-style { position: relative; padding: .65rem 5.2rem .65rem 0; border-top: 1px solid var(--chqt-line, #ddd5e6); }
.fg-style:first-child { border-top: 0; }
.fg-row { display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: baseline; }
.fg-name { font-weight: 700; font-size: .9rem; }
.fg-chip { font-size: .78rem; padding: 1px 8px; border-radius: 999px; }
.fg-chip--exact { background: #1d6b3a; color: #fff; }
.fg-chip--caps { background: var(--chqt-line, #ddd5e6); color: var(--chqt-ink, #191320); }
.fg-chip--no { background: #8a5a00; color: #fff; }
.fg-text { margin: .25rem 0 .15rem; font-size: 1.25rem; line-height: 1.35; overflow-wrap: anywhere; }
.fg-what { margin: 0; font-size: .8rem; color: var(--chqt-muted, #4c4658); overflow-wrap: anywhere; }
.fg-glyph { font-size: 1rem; color: var(--chqt-ink, #191320); }
.chqt .fg-copy { position: absolute; right: 0; top: .9rem; min-width: 4.6rem; font-size: 16px; }
.chqt .fg-copy[disabled] { opacity: .5; }
.fg-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.fg-says { margin-top: 1rem; padding-top: .6rem; border-top: 1px solid var(--chqt-line, #ddd5e6); font-size: .95rem; }
.fg-says p { margin: .4rem 0; }
.chqt .fg-says q { font-style: italic; }
.chqt .fg-src { font-size: .85rem; color: var(--chqt-muted, #4c4658); }