/* Adoption & help (WP-M). */
.ad-progress { height: 8px; background: #e6edf4; border-radius: 4px; overflow: hidden; }
.ad-progress.sm { height: 6px; }
.ad-progress span { display: block; height: 100%; background: var(--brand-primary, #1a7fe0); border-radius: 4px; }
.ad-ok { color: #13795b; font-size: 18px; } .ad-open { color: #8fa6bd; font-size: 18px; } .ad-skip { color: #a56a00; font-size: 18px; }
.ad-auto { color: #13795b; }
.ad-inline { display: inline-flex; gap: 4px; align-items: center; margin-left: 4px; }
.ad-prose { font-size: 13.5px; line-height: 1.6; overflow-wrap: anywhere; }
.ad-howto { margin: 6px 0; padding-left: 18px; display: grid; gap: 4px; }
.ad-cols { margin: 6px 0 0; padding-left: 16px; display: grid; gap: 2px; }
.ad-quiz { border: 1px solid #dbe4ec; border-radius: 4px; padding: 10px 12px; margin: 0 0 10px; display: grid; gap: 6px; }
.ad-quiz legend { font-weight: 700; font-size: 13px; padding: 0 4px; }
.ad-scale { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.ad-search { display: flex; gap: 8px; } .ad-search .ct-input { flex: 1; font-size: 15px; padding: 10px 12px; }
.ad-result { padding: 8px 0; border-bottom: 1px solid #eef2f6; } .ad-result:last-child { border-bottom: 0; }
.ad-pager { display: flex; justify-content: space-between; padding: 10px 12px; }
.ad-cur td { background: #eef5fd; font-weight: 700; }
.ad-helpful { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 14px; padding-top: 10px; border-top: 1px solid #eef2f6; }
.ad-edit > summary { list-style: none; margin: 10px; display: inline-flex; }
.ad-internal small { background: #fff8e6; display: block; padding: 4px 6px; border-radius: 3px; }
@media (max-width: 640px) { .ad-search { flex-direction: column; } }