/* Things to do together (preview). Uses the site's variables from style.css. */
.tg-preview{font:13px system-ui,sans-serif;background:var(--yp);color:var(--yp-ink);border:1px solid var(--yp-ink);padding:4px 10px;margin:10px 0}
.tg-intro{max-width:760px;margin:0 auto 18px}
.tg-feature{max-width:760px;margin:0 auto 22px;border:2px solid var(--accent)}
.tg-feature h2{margin:2px 0 6px}.tg-feature h2 a{color:var(--accent)}
.tg-kicker{font:bold 12px Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--accent);margin:0}
.tg-filter{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;max-width:900px;margin:0 auto 14px;padding:10px 12px;border:1px solid var(--rule);background:var(--paper2)}
.tg-filter label{display:block;font:bold 13px Arial,sans-serif;margin-bottom:3px}
.tg-filter select{font:16px Georgia,serif;padding:8px;border:1px solid var(--rule);background:#fff;min-height:44px}
.tg-chk{display:flex;gap:6px;align-items:center;min-height:44px}.tg-chk label{margin:0}
.tg-chk input{width:20px;height:20px}
.tg-count{flex-basis:100%;margin:2px 0 0;font:14px Arial,sans-serif;color:var(--muted)}
.tg-list,.tg-seeds{list-style:none;padding:0;margin:0 auto;max-width:900px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.tg-card{background:#fffaf0;border:1px solid var(--rule);box-shadow:3px 3px 0 var(--rule);padding:12px 14px}
.tg-card h3{margin:0 0 6px;font-size:19px;line-height:1.25}.tg-card p{margin:0 0 6px;font-size:16px}
.tg-meta{font:13px Arial,sans-serif;color:var(--muted)}
.tg-status{font:bold 12px Arial,sans-serif;color:var(--red);text-transform:uppercase;letter-spacing:.5px}
.tg-flag{font:bold 11px Arial,sans-serif;background:var(--accent);color:#fff;padding:1px 6px;vertical-align:middle}
.tg-card[hidden]{display:none}
.tg-facts{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;max-width:760px;margin:0 auto 10px;padding:10px 14px;border:1px solid var(--rule);background:#fffaf0}
.tg-facts dt{font:bold 14px Arial,sans-serif}.tg-facts dd{margin:0}
.tg-steps li,.tg-prep li{margin-bottom:6px}
.tg-think{border:2px solid var(--accent);margin:18px 0}.tg-think h2{margin:0 0 4px;font-size:20px;color:var(--accent)}
.tg-ask{margin:24px auto;max-width:760px}.tg-ask .btn{margin:4px 6px 4px 0;min-height:44px;box-sizing:border-box}
.tg-seed h3{margin:0 0 6px}.tg-seed .btn{margin:4px 6px 4px 0}
.tg-ysd{max-width:760px}
@media (max-width:480px){.tg-filter>div{flex:1 1 45%}.tg-filter select{width:100%}}

/* live overlay 2026-10-20: purpose line, thank-you row, businesses page, Community-page block */
.tg-purpose{max-width:760px;margin:0 auto 14px;padding:8px 12px;border-left:4px solid var(--accent);background:var(--paper2);font-size:16px}
.tg-row{max-width:900px;margin:0 auto 22px}.tg-row h2{margin:0 0 4px}.tg-row>p{margin:0 0 10px}
.tg-bizlink{max-width:760px;margin:0 auto 22px;text-align:center}
.tg-btns .btn{margin:4px 6px 4px 0;min-height:44px;box-sizing:border-box}
.tb-progs{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.tb-prog h3{margin:0 0 6px;font-size:19px;line-height:1.25}.tb-prog dl{display:grid;grid-template-columns:max-content 1fr;gap:3px 10px;margin:6px 0 0;font-size:15px}
.tb-prog dt{font:bold 13px Arial,sans-serif}.tb-prog dd{margin:0}
.tb-st{display:inline-block;font:bold 12px Arial,sans-serif;padding:1px 7px;border-radius:3px;background:#f7f1e1;color:#6b5200;border:1px solid #e0c36a}
.tb-st.now{background:#2f5d3a;color:#fff;border-color:#2f5d3a}
.tb-principles{border:2px solid var(--accent);margin:18px 0}.tb-principles h2{margin:0 0 6px}.tb-principles ul{margin:0;padding-left:1.2rem}
.tg-comm{margin:0 0 26px}.tg-comm h2{margin:0 0 4px}.tg-comm .tg-list{margin:12px 0}
.tg-comm .tg-more{margin:6px 0 0}