/* Southern Plants™ — Council plant lists (26 Oct 2026). Uses the variables in style.css. */

/* Panel on plant pages */
.council-lists { margin-top: var(--space-lg); border: 1px solid var(--border); border-radius: var(--radius); background: var(--white); }
.council-lists-summary { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-xs) var(--space-sm); padding: var(--space-sm) var(--space-md); cursor: pointer; list-style: none; }
.council-lists-summary::-webkit-details-marker { display: none; }
.council-lists-summary::before { content: '+'; display: inline-block; width: 1em; font-weight: 700; color: var(--green); }
.council-lists[open] > .council-lists-summary::before { content: '\2212'; }
.council-lists-summary:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
.council-lists-title { font-weight: 700; color: var(--text); }
.council-lists-count { font-size: .85rem; color: var(--text-muted); }
.council-lists-count-avoid { color: var(--warning); }
.council-lists-body { padding: 0 var(--space-md) var(--space-md); }
.council-lists-intro { color: var(--text-mid); margin-bottom: var(--space-md); line-height: 1.6; }
.council-lists-councils { list-style: none; margin: 0; padding: 0; }
.council-lists-council { display: flex; gap: var(--space-sm); align-items: flex-start; padding: var(--space-sm) 0; border-top: 1px solid var(--border-light); }
.council-lists-council:first-child { border-top: 0; }
.council-lists-line { margin: 2px 0 0; font-size: .92rem; color: var(--text-mid); line-height: 1.5; }
.council-lists-line a { margin-left: var(--space-xs); white-space: nowrap; }
.council-lists-note { color: var(--text-muted); margin-left: var(--space-xs); }
.council-lists-avoid { color: var(--warning); font-weight: 600; }
.council-lists-small { margin-top: var(--space-md); font-size: .82rem; color: var(--text-muted); line-height: 1.5; }

.council-tick, .council-warn { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: var(--radius-full); font-size: .8rem; font-weight: 700; line-height: 1; }
.council-tick { background: var(--green-light); color: var(--green-dark); }
.council-warn { background: var(--warning-light); color: var(--warning); }

/* /council-plants/ page */
.cp { padding-top: var(--space-xl); padding-bottom: var(--space-2xl); }
.cp-kicker { font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; color: var(--green); font-weight: 700; margin-bottom: var(--space-xs); }
.cp-title { font-family: var(--font-display); color: var(--text); font-size: clamp(1.8rem, 4vw, 2.6rem); line-height: 1.15; }
.cp-lead { color: var(--text-mid); max-width: 720px; margin-top: var(--space-sm); line-height: 1.6; }
.cp-form { margin-top: var(--space-lg); max-width: 420px; }
.cp-form label { display: block; font-weight: 700; margin-bottom: var(--space-xs); color: var(--text); }
.cp-form-row { display: flex; gap: var(--space-sm); }
.cp-form-row input { flex: 1 1 auto; min-width: 0; }
.cp-message { margin-top: var(--space-lg); padding: var(--space-md) var(--space-lg); background: var(--surface-warm); border: 1px solid var(--border); border-radius: var(--radius); color: var(--text-mid); }
.cp-choices { list-style: none; padding: 0; margin: var(--space-sm) 0 0; }
.cp-choices li { margin: var(--space-sm) 0; }
.cp-places { display: block; font-size: .85rem; color: var(--text-muted); margin-top: 2px; }
.cp-council { margin-top: var(--space-xl); }
.cp h2 { font-family: var(--font-display); font-size: 1.6rem; color: var(--text); margin-bottom: var(--space-sm); }
.cp h3 { font-family: var(--font-display); font-size: 1.2rem; color: var(--text); margin: var(--space-xl) 0 var(--space-md); }
.cp-muted { color: var(--text-muted); font-size: .9rem; }
.cp-lists { list-style: none; padding: 0; margin: 0; }
.cp-lists li { padding: var(--space-sm) 0; border-bottom: 1px solid var(--border-light); }
.cp-list-type { display: inline-block; min-width: 13em; font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; color: var(--text-muted); font-weight: 700; }
.cp-list-note { display: block; font-size: .85rem; color: var(--text-muted); margin-top: 2px; }
.cp-list-weed .cp-list-type { color: var(--warning); }
.cp-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: var(--space-lg); }
.cp-card { display: block; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; color: var(--text); text-decoration: none; box-shadow: var(--shadow-sm); transition: box-shadow .2s; }
.cp-card:hover { box-shadow: var(--shadow); }
.cp-card img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; background: var(--surface-warm); display: block; }
.cp-card-nophoto { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1 / 1; background: var(--surface-warm); color: var(--text-muted); font-size: .85rem; }
.cp-card-name { display: flex; gap: var(--space-xs); align-items: center; font-weight: 700; padding: var(--space-md) var(--space-md) 0; }
.cp-card-bot { display: block; font-style: italic; color: var(--text-muted); font-size: .86rem; padding: 2px var(--space-md) 0; }
.cp-card-where { display: block; font-size: .8rem; color: var(--text-mid); padding: var(--space-xs) var(--space-md) var(--space-md); }
.cp-avoid { list-style: none; padding: 0; }
.cp-avoid li { display: flex; gap: var(--space-sm); align-items: center; padding: var(--space-xs) 0; }
.cp-about { margin-top: var(--space-2xl); padding: var(--space-lg); background: var(--green-light); border-radius: var(--radius-lg); color: var(--text-mid); line-height: 1.6; }
.cp-about p { margin-top: var(--space-sm); }
@media (max-width: 560px) { .cp-form-row { flex-direction: column; } .cp-list-type { display: block; min-width: 0; } }