/* County, state, place and topic pages (launch standard audit, items 2, 5, 6 and 7). Uses the theme tokens from
   style.css (--card, --line, --ink, --muted, --gold, --gold-lt) so it follows whatever theme style.css sets. */

/* Method, sources and coverage notes, folded closed at the bottom (content standard: page layout). */
.pl-fold{margin:0 0 18px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.pl-fold > summary{cursor:pointer;list-style:none;padding:16px 22px;font-weight:700;position:relative;padding-right:48px}
.pl-fold > summary::-webkit-details-marker{display:none}
.pl-fold > summary::after{content:"";position:absolute;right:22px;top:50%;width:9px;height:9px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.pl-fold[open] > summary::after{transform:translateY(-30%) rotate(-135deg)}
.pl-fold > .sl-block,.pl-fold > .sl-gapbox{margin:0 16px 16px;border-radius:12px}
.pl-fold > .sl-block{border:0;padding:0 6px 6px}
.tp-how.pl-fold{padding:0;margin:32px 0}
.tp-how.pl-fold > p{padding:0 22px}
.tp-how.pl-fold > p:last-child{padding-bottom:18px}

/* Lead sentences and ranked bars in the area_more sections. */
.am-lead{font-size:1.05rem;margin:0 0 12px;max-width:68ch}
.am-lead b{color:var(--gold-lt)}
.am-t td,.am-t th{vertical-align:top}
.am-t .sl-o-mini{display:block}
.am-rank{list-style:none;counter-reset:am;padding:0;margin:0 0 8px}
.am-rank li{counter-increment:am;display:grid;grid-template-columns:1.6em minmax(0,1fr) minmax(60px,26%) auto;gap:4px 10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.am-rank li::before{content:counter(am);font-weight:800;color:var(--muted)}
.am-n{min-width:0;overflow-wrap:anywhere}
.am-n .sl-o-mini{display:block}
.am-bar{height:10px;background:var(--line);border-radius:6px;overflow:hidden}
.am-bar i{display:block;height:100%;background:var(--gold)}
.am-rank b{white-space:nowrap;font-variant-numeric:tabular-nums}
@media (max-width:560px){
  .am-rank li{grid-template-columns:1.6em minmax(0,1fr) auto}
  .am-bar{grid-column:2 / -1;grid-row:2}
}

/* The action plan: this week, the next date, where a voice is counted. */
.pl-act{list-style:none;padding:0;margin:0;display:grid;gap:10px;max-width:760px}
.pl-act li{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:10px;background:var(--card)}
.pl-act b{font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gold-lt)}

/* Topic pages: the address box and the who decides ladder. */
.pl-where,.pl-ladder,.pl-plan{padding:32px 0}
.pl-where h2,.pl-ladder h2,.pl-plan h2{margin:0 0 8px}
.pl-find{display:flex;flex-wrap:wrap;gap:8px;max-width:620px;margin:12px 0 8px}
.pl-find input{flex:1 1 240px;min-width:0;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit}
.pl-find .btn{padding:12px 20px}
.pl-find-out{margin:0;max-width:68ch;min-height:1.6em}
.pl-find-out b{color:var(--ink)}
.pl-lad{list-style:none;padding:0;margin:0;max-width:780px;counter-reset:lad}
.pl-lad > li{position:relative;padding:12px 0 12px 42px;border-bottom:1px solid var(--line);counter-increment:lad}
.pl-lad > li::before{content:counter(lad);position:absolute;left:0;top:12px;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--card);display:grid;place-items:center;font-weight:800;font-size:.85rem}
.pl-lad p{margin:0 0 6px}
.pl-ask{color:var(--muted);font-style:italic}
.pl-names{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-wrap:wrap;gap:6px}
.pl-names li{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:4px 10px;font-size:.85rem;max-width:100%}
.pl-names li span{color:var(--muted)}
.pl-names li.pl-none{border-style:dashed;color:var(--muted)}
.tp-table tr.pl-me th,.tp-table tr.pl-me td{background:#FBF3DF;box-shadow:inset 0 2px 0 var(--gold),inset 0 -2px 0 var(--gold)}