/* Cohort pages. Reads the site tokens from styles.css; nothing hardcoded here. */
.coh-cards{display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:12px; margin:14px 0}
.coh-card{background:var(--card); border:1px solid var(--line); border-radius:12px; padding:16px 18px; border-top:3px solid var(--acc)}
.coh-card h3{margin:0 0 8px; font-family:Fraunces,Georgia,serif; font-size:19px}
.coh-facts{display:flex; flex-direction:column; gap:3px; margin:0 0 10px; color:var(--mut); font-size:14px}
.coh-seats{margin:0; font-size:14px}
.coh-row{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px}
.coh-row label{display:flex; flex-direction:column; gap:4px; font-size:13px; color:var(--mut)}
.coh-status{color:var(--mut); font-size:14px}
.coh-next{font-size:15px}
.cta-sm{display:inline-block; background:var(--btn); color:var(--btn-text); text-decoration:none; font-weight:600; font-size:13px; padding:6px 12px; border-radius:8px}
.cta-sm:hover{background:var(--btn-hover)}
.coh-bar{height:10px; background:var(--bg2); border:1px solid var(--line); border-radius:999px; overflow:hidden; margin:6px 0 2px}
.coh-bar i{display:block; height:100%; background:var(--acc)}
.coh-form,.coh-settings{margin:18px 0}
.coh-form h3,.coh-partner h3,.coh-offer h3,.coh-again h3{font-family:Fraunces,Georgia,serif; font-size:18px; margin:0 0 6px}
.coh-partner,.coh-offer,.coh-again{background:var(--card); border:1px solid var(--line); border-radius:12px; padding:14px 18px; margin:16px 0}
.coh-offer{border-color:var(--acc-soft); background:var(--acc-wash)}
.coh-table{width:100%; border-collapse:collapse; margin:16px 0; font-size:14px}
.coh-table th,.coh-table td{text-align:left; padding:7px 10px; border-bottom:1px solid var(--line)}
.coh-table th{font-family:var(--mono); font-size:11px; text-transform:uppercase; letter-spacing:.05em; color:var(--mut2); font-weight:500}
.coh-more{margin:14px 0}
.coh-more summary{cursor:pointer; color:var(--acc2)}
.coh-admin{margin:18px 0; padding:14px 0; border-top:1px solid var(--line)}
.coh-actions{display:flex; flex-wrap:wrap; gap:8px}
.coh-report{background:var(--bg2); border:1px solid var(--line); border-radius:10px; padding:12px; font:12px/1.5 var(--mono); white-space:pre-wrap; overflow-x:auto}
@media (max-width:560px){.coh-table{font-size:13px}.coh-table th,.coh-table td{padding:6px 5px}}
/* display:flex on .src-form would otherwise beat the hidden attribute */
.coh-page [hidden]{display:none !important}