/* ct-pages.css · consultingthai.com inner pages (services, Leverage Summit, apply, book, thank-you)
 * Loaded after workshop.css → pages.css → theme-v2.css. Adds the ConsultingThai wordmark (CI 4.4) and photo rows. */

.ct-wordmark { display: inline-flex; flex-direction: column; text-decoration: none; color: #0c1d33; line-height: 1; }
.ct-wordmark b { font: 700 1.3rem/1 Inter, var(--font-display); letter-spacing: -0.01em; white-space: nowrap; }
.ct-wordmark b span { display: inline-block; padding-bottom: 4px; border-bottom: 1.5px solid #b99559; }
.ct-wordmark small { margin-top: 5px; font: 600 0.62rem/1 Inter, sans-serif; letter-spacing: 0.14em; color: #596b7b; text-transform: uppercase; }
a.ct-wordmark:hover { color: #0c1d33; }

.ct-footer .legal { line-height: 1.7; gap: 10px 24px; flex-wrap: wrap; }

/* photo rows: 2–3 photos with captions (Show, Don't Tell) */
.ct-photos { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; }
.ct-photos figure { margin: 0; }
.ct-photos img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 16px; background: #e6e2da; display: block; }
.ct-photos figcaption { margin-top: 8px; font-size: 0.85rem; line-height: 1.5; color: var(--color-muted, #596b7b); }
@media (min-width: 720px) {
    .ct-photos { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
    .ct-photos.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.tone-dark .ct-photos figcaption { color: rgba(247, 246, 243, 0.72); }

/* apply form polish */
.page .choice-consent input[type="checkbox"] { flex: none; width: 20px; height: 20px; min-height: 0; padding: 0; margin-top: 0.3rem; accent-color: #0c1d33; }
.page .apply-quiz .quiz-nav { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; }
.page .apply-quiz .quiz-nav .button { white-space: normal; text-align: center; }

/* Leverage Summit on hold (27 Oct 2026): "coming soon" pill on the Summit page and the Summit ad */
.page .soon-pill { display: inline-flex; align-items: center; gap: 10px; width: fit-content; margin: 0 0 14px; padding: 7px 14px; border: 1px solid rgba(226, 197, 143, 0.65); border-radius: 999px; background: rgba(226, 197, 143, 0.16); font: 700 0.78rem/1.3 Inter, var(--font-display, sans-serif); letter-spacing: 0.08em; text-transform: uppercase; }
.page .soon-dot { flex: none; width: 9px; height: 9px; border-radius: 50%; background: #E2C58F; box-shadow: 0 0 0 4px rgba(226, 197, 143, 0.25); }