@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('./fonts/inter-v20-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('./fonts/inter-v20-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20A5,U+20A7-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('./fonts/inter-v20-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
/* Parent family frame; product colours, components and legal/support routes remain independent. */
:root { --font-sans: "Inter", "Segoe UI", system-ui, sans-serif; }
.cm-parent-bar, .cm-product-footer { --cm-ink:#0a1626; --cm-blue:#1781bc; --cm-green:#0d9e45; color:var(--cm-ink); font-family:"Inter",system-ui,sans-serif; }
.cm-parent-bar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; }
.cm-parent-bar a, .cm-product-footer a, .cm-product-endorsement a { display:inline-flex; align-items:center; min-height:44px; }
.cm-parent-bar img { width:32px; height:32px; margin-right:8px; }
.cm-product-status { display:inline-flex; font-size:12px; font-weight:700; padding:6px 10px; border:1px solid currentColor; }
.cm-product-endorsement { font-size:13px; color:var(--muted,#506176); }
.cm-product-footer { display:flex; flex-wrap:wrap; gap:12px 24px; padding:16px; border-top:1px solid #dce4ec; }
.audience-routes { grid-template-columns:repeat(2,minmax(0,1fr)); }
.audience-routes .text-link { margin-top:12px; }
.audience-routes .status { margin:12px 0 0; }
.audience-routes .cm-product-endorsement { margin-top:12px; }
.sector > .text-link, #cadence .text-link, #join .text-link, #find-your-route > .shell > .text-link { min-height:44px; }
@media(max-width:600px) { .audience-routes { grid-template-columns:1fr; } }