/* Chicken Name Generator (ROADMAP-Calcs-Chicken.md CR11) — the twelve names as tap-to-copy buttons, and
   the themed sets. Everything else is the core stylesheet. */
.chqt-nm-wrap { flex-wrap: wrap; }
.chqt-nm-list { list-style: none; margin: .9rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.chqt-nm-list li { display: flex; flex-direction: column; gap: 2px; }
.chqt-nm-name { min-height: 44px; width: 100%; text-align: left; font: inherit; font-weight: 600; font-size: 1rem; padding: 8px 12px; border-radius: 10px; border: 1px solid var(--chqt-line, #E4D8C4); background: #fff; color: inherit; cursor: pointer; }
.chqt-nm-name:hover, .chqt-nm-name:focus-visible { border-color: var(--chqt-accent, #9C4A21); }
.chqt-nm-list small { font-size: .8rem; opacity: .8; padding: 0 4px; }
.chqt-nm-sets { display: grid; gap: 8px; margin-top: .9rem; }
.chqt-nm-set { background: #fff; border: 1px solid var(--chqt-line, #E4D8C4); border-radius: 10px; padding: 10px 12px; display: flex; flex-direction: column; gap: 3px; }
.chqt-nm-set small { font-size: .8rem; opacity: .8; }
.chqt-nm-more { margin-top: .6rem; }