/* Shared client-shell bridge: one component on every launch page and profile. */
.costello-system .c-header--site a.c-btn{color:var(--c-on-navy)!important;background:var(--c-navy)!important;border-color:var(--c-navy)!important}
.costello-system .c-header--site.is-dark a.c-btn{color:var(--c-navy)!important;background:var(--c-paper)!important;border-color:var(--c-paper)!important}
.costello-system .c-header--site .c-nav a{font:500 14px/1.4 var(--ff-sans);text-transform:none;letter-spacing:normal}
.costello-system .c-header--site .c-brand img{max-height:none;object-fit:contain}
.costello-system .c-menu-dialog a.c-btn{color:var(--c-on-navy)!important;background:var(--c-navy)!important}
.costello-system .c-menu-dialog .c-menu-close{cursor:pointer}
.costello-system a.btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;height:auto;padding:12px 24px;font:500 14px/1.4 var(--ff-sans);background:var(--c-navy);color:var(--c-on-navy);border:1px solid var(--c-navy);border-radius:0;text-decoration:none;text-align:center}
.costello-system a.btn:hover{background:var(--c-navy-deep)}
@media(max-width:900px){.costello-system .c-header--site .c-header-actions>.c-btn{display:none!important}}
/* Drawer typography is owned by the shell, independent of page H2 rules. */
.costello-system #site-menu #menu-title{font:500 28px/1.2 var(--ff-serif);letter-spacing:-.015em;margin:0;max-width:none;text-transform:none;color:var(--c-ink)}
.costello-system #site-menu .c-menu-close{font:500 14px/1.4 var(--ff-sans)}
.costello-system #site-menu nav a{font:500 28px/1.2 var(--ff-serif);letter-spacing:normal;text-transform:none;color:var(--c-ink)}
.costello-system #site-menu a.c-btn{font:500 14px/1.4 var(--ff-sans);min-height:48px}