/* Workshops & Coaching page only. Shared components live in site.css. */

/* Hero with no photo: plain navy, no gradient overlay */
.hero--plain::before { display: none; }

/* Confident Club block: a separate business, so it sits in its own framed area */
.cc .split { margin-bottom: 3.5rem; }
.cc-points { margin-bottom: 3.5rem; padding-top: 2.5rem; border-top: 1px solid var(--line); }
.glance h3 { font-size: 1.125rem; letter-spacing: 0.04em; text-transform: uppercase; }
.cc-glance-quote { font-style: italic; color: var(--muted); }
.cc-quote { max-width: 46rem; margin: 3rem auto 0; }
.cc-clients { max-width: 46rem; margin: 0 auto 2rem; }
.cc-close .panel { margin-top: 0; background: var(--white); }
.cc-close .panel p { font: 400 1.0625rem/1.6 var(--font-body); color: var(--muted); }
.cc-close__title { margin-bottom: 0.4rem; font-size: clamp(1.4rem, 1.2rem + 0.8vw, 1.85rem); }

/* Workshop topics */
.topics { display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; background: var(--line); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.topics li { background: var(--white); }
.topics li > strong, .topics li > span, .topics a { display: block; }
.topics li:not(:has(a)), .topics a { padding: 1.25rem 1.5rem; }
.topics a { position: relative; padding-right: 3rem; text-decoration: none; }
.topics a::after { content: "→"; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); color: var(--teal); transition: transform 0.2s; }
.topics a:hover::after { transform: translate(4px, -50%); }
.topics strong { display: block; font: 800 1.125rem/1.3 var(--font-head); color: var(--navy); }
.topics span { display: block; margin-top: 0.2rem; color: var(--muted); }
@media (min-width: 48rem) { .topics { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 64rem) { .topics { grid-template-columns: repeat(5, 1fr); } }