/* Companion Planting Chart (ROADMAP-Calcs-Garden.md GT39) — only what the core stylesheet does not
   give: the multi-pick plant buttons, a pair card with its claims, the evidence badges and the
   whole chart. Badge colours keep text at AA on their own backgrounds. */
.chqt-cp-seg { flex-wrap: wrap; }
.chqt-cp-formacts { margin-top: 10px; }
.chqt-cp-pairs, .chqt-cp-claims, .chqt-cp-views, .chqt-cp-suggest, .chqt-cp-notes { list-style: none; margin: 0; padding: 0; }
.chqt-cp-pairs { margin-top: .8rem; }
.chqt-cp-pair { border: 1px solid var(--chqt-line, #E4E0D5); border-radius: 12px; padding: 12px 14px; margin: 0 0 12px; background: #fff; }
.chqt-cp-pair h3 { font-size: 1.05rem; margin: 0 0 .4rem; line-height: 1.4; }
.chqt-cp-claim { margin: .5rem 0 0; }
.chqt-cp-claim > p { margin: 0 0 .3rem; }
.chqt-cp-views li { font-size: .88rem; line-height: 1.45; margin: 0 0 .4rem; padding-left: 10px; border-left: 3px solid var(--chqt-line, #E4E0D5); }
.chqt-cp-views li[data-verdict="works"] { border-left-color: #2E7D32; }
.chqt-cp-views li[data-verdict="fails"] { border-left-color: var(--chqt-accent, #A3301C); }
.chqt-cp-views li span { color: var(--chqt-page-muted, #5D6158); }
.chqt-cp-badge { display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; border-radius: 999px; padding: 2px 8px; vertical-align: 2px; border: 1px solid var(--chqt-line, #E4E0D5); background: var(--chqt-cream, #F7F5F0); color: var(--chqt-ink, #1D1F1A); white-space: nowrap; }
.chqt-cp-badge[data-status="backed"] { background: #E7F2E4; color: #1F5A2A; border-color: #BFD9B8; }
.chqt-cp-badge[data-status="split"], .chqt-cp-badge[data-status="mixed"] { background: #FFF4DB; color: #6B4A00; border-color: #EBD49A; }
.chqt-cp-badge[data-status="failed"], .chqt-cp-badge[data-status="apart"], .chqt-cp-badge[data-status="both"] { background: #FBE9E5; color: #8A2716; border-color: #EBC2B9; }
.chqt-cp-flag { font-size: .9rem; border-left: 3px solid var(--chqt-accent, #A3301C); padding-left: 8px; color: var(--chqt-page-muted, #5D6158); margin: 0 0 .4rem; }
.chqt-cp-h { font-size: 1.05rem; margin: 1.1rem 0 .5rem; }
.chqt-cp-suggest li { margin: 0 0 .5rem; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.chqt-cp-add { min-height: 44px; }
.chqt-cp-notes li { margin: 0 0 .6rem; font-size: .92rem; line-height: 1.45; }
.chqt-cp-quote summary { cursor: pointer; color: var(--chqt-page-muted, #5D6158); min-height: 32px; display: flex; align-items: center; }
.chqt-cp-quote p { margin: .2rem 0 .4rem; }
.chqt-cp-wide { margin-top: 18px; }
.chqt-cp-chart { border-collapse: collapse; width: 100%; font-size: .9rem; background: #fff; }
.chqt-cp-chart th, .chqt-cp-chart td { text-align: left; vertical-align: top; padding: 6px 8px; border-bottom: 1px solid var(--chqt-line, #E4E0D5); }
.chqt-cp-chart tbody th { font-weight: 700; }
/* On a phone the plant buttons run long and the answer sits under them, so the answer's own line
   sits ABOVE the buttons and jumps to the pairs (the Lawn Doctor's fix, GT35). Two columns from
   860px show the answer beside the form, so the line is not needed there. */
.chqt-cp-jump { display: none; }
@media (max-width: 859px) {
  .chqt-cp-jump { display: flex; align-items: center; min-height: 48px; margin: 0 0 .6rem; padding: 8px 12px; border-radius: 10px; background: var(--chqt-accent, #A3301C); color: #fff !important; font-weight: 700; text-decoration: none; }
}
@media (max-width: 460px) {
  .chqt[data-tool="companion-planting-chart"] .chqt-lede { display: none; }
}
@media (max-width: 600px) {
  .chqt-cp-pair { padding: 10px 10px; }
  .chqt-cp-chart { font-size: .82rem; }
  .chqt-cp-chart th, .chqt-cp-chart td { padding: 5px 5px; }
}