/* Closet Declutter (NS68). Source: sites/needle-tools/tools/closet-declutter/tool.css */
.chqt-dc-check { display: flex; align-items: center; gap: 10px; min-height: 44px; font-size: 16px; color: var(--chqt-ink); cursor: pointer; }
.chqt-dc-check input { width: 22px; height: 22px; margin: 0; font-size: 16px; accent-color: var(--chqt-accent); flex: 0 0 auto; }
.chqt-dc-row { flex-wrap: nowrap; gap: 6px; }
.chqt-dc-row button { flex: 1 1 auto; padding: 8px 10px; }
.chqt-dc-do { margin: 0; font-size: 15.5px; }
.chqt-dc-do a { color: var(--chqt-accent); font-weight: 600; text-decoration: underline; }
.chqt-dc-more { border: 1.5px solid var(--chqt-line); border-radius: 12px; background: #fff; padding: 0 12px; }
.chqt-dc-more summary { cursor: pointer; font-weight: 600; font-size: 15px; min-height: 44px; display: flex; align-items: center; color: var(--chqt-ink); }
.chqt-dc-more[open] { padding-bottom: 12px; }
.chqt-input .chqt-dc-cur { padding: 0 0 0 12px; }
.chqt-dc-cur + input { padding-left: 4px; }
.chqt-dc-why { background: #fff; border: 1px solid var(--chqt-line); border-radius: 10px; padding: 10px 12px; }
.chqt-dc-h { margin: 0 0 6px; font-size: 13px; letter-spacing: .04em; text-transform: uppercase; color: var(--chqt-muted); font-weight: 600; }
.chqt-dc-h span { text-transform: none; letter-spacing: 0; color: var(--chqt-ink); font-size: 15px; }
.chqt-dc-why ul { margin: 0; padding-left: 18px; }
.chqt-dc-why li { font-size: 14px; color: var(--chqt-muted); margin: 6px 0; }
.chqt-dc-why cite { font-style: normal; }
.chqt-dc-why cite a { color: inherit; }
.chqt-dc-closet { margin-top: 22px; border-top: 1px solid var(--chqt-line); padding-top: 16px; }
.chqt-dc-h2 { font-size: 19px; font-weight: 700; margin: 0 0 4px; color: var(--chqt-ink); }
.chqt-dc-h2 small { font-size: 14px; font-weight: 500; color: var(--chqt-muted); }
.chqt-dc-grid { list-style: none; margin: 12px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.chqt-dc-grid li { display: flex; flex-direction: column; gap: 6px; }
.chqt-dc-piece { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-height: 44px; padding: 8px; font: inherit; text-align: left; background: #fff; border: 1.5px solid var(--chqt-line); border-radius: 12px; cursor: pointer; color: var(--chqt-ink); }
.chqt-dc-tile { display: block; width: 100%; height: 76px; border-radius: 8px; overflow: hidden; background: #eee; }
.chqt-dc-tile img { width: 100%; height: 100%; object-fit: cover; display: block; }
.chqt-dc-name { font-size: 14.5px; font-weight: 600; line-height: 1.25; }
.chqt-dc-v { font-size: 13px; color: var(--chqt-muted); }
.chqt-dc-v-keep, .chqt-dc-v-wear { color: #1d6b3a; font-weight: 600; }
.chqt-dc-v-sell, .chqt-dc-v-donate, .chqt-dc-v-recycle { color: var(--chqt-accent); font-weight: 600; }
.chqt-dc-wore { font: inherit; font-size: 14px; min-height: 44px; border-radius: 999px; border: 1.5px solid var(--chqt-line); background: #fff; color: var(--chqt-ink); cursor: pointer; }
.chqt-dc-wore:disabled { color: #1d6b3a; cursor: default; }
/* the answer on the first phone screen (NS75): the lede repeats the questions, so phones skip it */
@media (max-width: 460px) {
  .chqt[data-tool="closet-declutter"] .chqt-top { display: none; }
}
