/* ============================================================================
 * Page map (v204200) — layer identity + "Where next" band
 * Layers: G0 Discover · G1 Meet · G2 Ask · G3 Book · G4 Grow · Info
 * ==========================================================================*/
body.ogx-layer--g0 { --ogx-layer: var(--ogx-g0); }
body.ogx-layer--g1 { --ogx-layer: var(--ogx-g1); }
body.ogx-layer--g2 { --ogx-layer: var(--ogx-g2); }
body.ogx-layer--g3 { --ogx-layer: var(--ogx-g3); }
body.ogx-layer--g4 { --ogx-layer: var(--ogx-g4); }
body.ogx-layer--info { --ogx-layer: var(--oga-navy); }

/* The page head's identity label carries a small dot in the layer colour. */
body[class*="ogx-layer--"] .ogx-pagehead .ogx-idmark::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: var(--ogx-layer); vertical-align: 1px; }

/* Where next -------------------------------------------------------------- */
nav.ogx-next.oga-container { margin-top: clamp(32px, 5vw, 56px); margin-bottom: clamp(32px, 5vw, 56px); padding-top: clamp(24px, 4vw, 36px); border-top: 1px solid var(--oga-border); }
.ogx-next__h { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--oga-ink-muted); margin: 0 0 14px; }
.ogx-next__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ogx-next__item { --c: var(--oga-navy); display: flex; min-width: 0; }
.ogx-next__item.ogx-g--g0 { --c: var(--ogx-g0); }
.ogx-next__item.ogx-g--g1 { --c: var(--ogx-g1); }
.ogx-next__item.ogx-g--g2 { --c: var(--ogx-g2); }
.ogx-next__item.ogx-g--g3 { --c: var(--ogx-g3); }
.ogx-next__item.ogx-g--g4 { --c: var(--ogx-g4); }
.ogx-next__card { position: relative; display: flex; flex-direction: column; gap: 6px; flex: 1 1 auto; box-sizing: border-box; padding: 18px 48px 18px 18px; border: 1px solid var(--oga-border); border-left: 4px solid var(--c); border-radius: 12px; background: #fff; color: var(--oga-ink); text-decoration: none !important; transition: border-color .15s, box-shadow .15s, transform .15s; }
.ogx-next__card:hover, .ogx-next__card:focus-visible { border-color: var(--c); box-shadow: var(--oga-shadow); transform: translateY(-1px); }
.ogx-next__layer, .ogx-next__title, .ogx-next__goal { display: block; }
.ogx-next__layer { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--c); }
.ogx-next__title { font-size: 18px; font-weight: 700; line-height: 1.25; }
.ogx-next__goal { font-size: 14.5px; line-height: 1.5; color: var(--oga-ink-muted); }
.ogx-next__go { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: var(--c); }
@media (max-width: 900px) { .ogx-next__list { grid-template-columns: 1fr; gap: 10px; } .ogx-next__goal { display: none; } .ogx-next__card { padding: 14px 44px 14px 16px; } }
@media (prefers-reduced-motion: reduce) { .ogx-next__card { transition: none; } .ogx-next__card:hover { transform: none; } }
.ogx-next__card svg { width: auto; height: auto; flex: none; }
.ogx-next__go { display: flex; line-height: 0; }
