/* /coaches page (#858). Loaded after ../styles.css and ../gut-training/gut-training.css (reuses .gt-hero, .gt-science, .dark). */
.co-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5);margin-top:var(--s7)}
.co-grid li{background:var(--band);border:1px solid var(--hair);border-radius:var(--r-card);padding:28px;display:flex;flex-direction:column;gap:10px}
.co-grid h3{font-size:20px;font-weight:600}
.co-grid p{font-size:16px;color:var(--text-2)}
.co-dark{display:flex;flex-direction:column;gap:var(--s7)}
.co-dark .sec-head h2{color:var(--on-ink)}
.co-dark .co-grid{margin-top:0}
.co-grid-dark li{background:var(--surface);border-color:var(--surface-2)}
.co-grid-dark h3{color:var(--on-ink)}
.co-grid-dark p{color:var(--ink-2)}
.co-steps{list-style:none;counter-reset:co;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5);margin-top:var(--s7)}
.co-steps li{counter-increment:co;border-top:2px solid var(--ink);padding-top:var(--s4);display:flex;flex-direction:column;gap:8px}
.co-steps li:before{content:counter(co);font-family:Manrope,sans-serif;font-weight:800;font-size:28px}
.co-steps h3{font-size:20px;font-weight:600}
.co-steps p{font-size:16px;color:var(--text-2)}
.co-offer{display:flex;flex-direction:column;gap:var(--s4);max-width:820px;margin:0 auto 0 max(16px,calc((100% - var(--max))/2))}
.co-faq{display:flex;flex-direction:column;margin-top:var(--s7);max-width:820px;border-top:1px solid var(--hair)}
.co-faq details{border-bottom:1px solid var(--hair)}
/* #969: native <details>, one explicit chevron (the browser marker is removed so it cannot double up or vanish), answer forced visible when open. */
.co-faq summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;font-weight:600;font-size:18px;list-style:none;color:var(--ink)}
.co-faq summary::-webkit-details-marker{display:none}
.co-faq summary::marker{content:""}
.co-faq summary::after{content:"";flex:none;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .15s ease}
.co-faq details[open] > summary::after{transform:rotate(-135deg)}
.co-faq summary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.co-faq details p{display:block;padding:0 0 18px;font-size:16px;color:var(--text-2)}
@media(max-width:860px){.co-grid{grid-template-columns:1fr}.co-steps{grid-template-columns:1fr}.co-offer{margin:0 16px}}