/* Shared Match en 1 clic identity. Fonts are served from this site. */
:root{--blue:var(--color-primary);--ink:var(--color-text);--muted:var(--color-muted);--line:var(--color-border);--cream:var(--color-background);--terra:var(--color-accent);--paper:var(--color-surface);background:var(--cream);color:var(--ink)}
.brand{display:flex;align-items:center;font-family:var(--font-body);gap:8px;text-decoration:none;color:var(--ink);line-height:1.1}
.brand .brand-logo-icon{display:block;width:40px;height:40px;flex:0 0 40px}
.brand .brand-name{display:block;font-size:1.65rem;font-weight:700;letter-spacing:-.065em;line-height:1.1;color:var(--ink)}
.brand .brand-slogan{display:block;font-size:13px;font-weight:400;letter-spacing:0;line-height:1.4;max-width:270px;margin-top:8px;color:var(--muted)}
.brand-footer{color:var(--ink);font-weight:700;font-size:1.3rem;letter-spacing:-.045em;text-decoration:none}
.skip-link{position:absolute;top:-100px;left:18px;z-index:100;padding:12px 16px;border-radius:var(--radius);background:var(--ink);color:var(--color-surface);text-decoration:none}
.skip-link:focus{top:12px}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--color-accent);outline-offset:5px}
@media(max-width:650px){.brand{gap:8px}.brand .brand-logo-icon{width:32px;height:32px;flex-basis:32px}.brand .brand-name{font-size:1.3rem}.brand .brand-slogan{font-size:13px;max-width:220px}}
@media(max-width:360px){.brand .brand-name{font-size:1.17rem}.brand .brand-slogan{font-size:13px}.brand .brand-logo-icon{width:28px;height:28px;flex-basis:28px}}