/* Pinterest Hashtag Checker (ROADMAP-Calcs-PinPin.md PP46) — each hashtag beside the words it stands for, the things to fix,
   and Pinterest's own words. 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 */
.ht .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: 96px; border-radius: 12px; overflow-wrap: anywhere; }
.ht-tags { list-style: none; margin: .6rem 0 0; padding: 0; }
.ht-tag { display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: baseline; padding: .4rem 0; border-top: 1px solid var(--chqt-line, #ddd5e6); overflow-wrap: anywhere; }
.ht-tag:first-child { border-top: 0; }
.ht-tag code { font-weight: 700; }
.ht-arrow { color: var(--chqt-muted, #4c4658); }
.ht-words { font-weight: 600; }
.ht-flag, .ht-note, .ht-ok { font-size: .8rem; padding: 1px 8px; border-radius: 999px; }
.ht-flag { background: #8a5a00; color: #fff; }
.ht-note { background: var(--chqt-line, #ddd5e6); color: var(--chqt-ink, #191320); }
.ht-ok { background: #1d6b3a; color: #fff; }
.ht-checks { list-style: none; margin: .6rem 0 0; padding: 0; }
.ht-c { padding: .45rem 0 .45rem 28px; position: relative; overflow-wrap: anywhere; }
.ht-c::before { position: absolute; left: 0; top: .45rem; width: 20px; height: 20px; border-radius: 50%; font-size: 13px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.ht-c--warn::before { content: '!'; background: #8a5a00; color: #fff; }
.ht-c--tip::before { content: 'i'; background: var(--chqt-line, #ddd5e6); color: var(--chqt-ink, #191320); font-style: italic; }
.chqt .ht-q { display: block; margin-top: .25rem; font-size: .9rem; color: var(--chqt-muted, #4c4658); font-style: italic; }
.chqt .ht-src { font-size: .85rem; color: var(--chqt-muted, #4c4658); }
.chqt .ht-k { margin-top: .9rem; }
.ht-line { margin: .3rem 0 0; padding: .6rem .7rem; background: #fff; border: 1px solid var(--chqt-line, #ddd5e6); border-radius: 10px; font-weight: 600; overflow-wrap: anywhere; }
.ht-says { margin-top: 1rem; padding-top: .6rem; border-top: 1px solid var(--chqt-line, #ddd5e6); font-size: .95rem; }
.ht-says p { margin: .35rem 0; }