/* ScoreMagic family identity. Product layouts and musical SVG typography stay local. */
:root{--sm-ink:#173e45;--sm-accent:#196d60;--sm-accent-soft:#e9f0ec;--sm-muted:#5b7274;--sm-line:#d5e1de;--sm-paper:#f6f8f5;--sm-white:#fff;--sm-gold:#b58938;--sm-font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--sm-font-display:Georgia,serif;--sm-radius:9px;--sm-focus:0 0 0 3px #196d602b}
.sm-brand{display:flex;align-items:center;gap:10px;color:var(--sm-ink);text-decoration:none;flex-shrink:0}
.sm-brand-logo{display:block;width:42px;height:42px;object-fit:contain;flex-shrink:0}
.sm-brand-name{font:600 24px/1.1 var(--sm-font-display);letter-spacing:-.5px}
.sm-brand-product{display:block;margin-top:5px;font:600 10px/1.4 var(--sm-font-body);letter-spacing:.13em;text-transform:uppercase;color:var(--sm-muted)}
:where(button,a,input,select,summary,[tabindex]):focus-visible{outline:2px solid var(--sm-accent);outline-offset:3px}
:where(input[type=checkbox],input[type=range]){accent-color:var(--sm-accent)}
@media(max-width:540px){.sm-brand-logo{width:35px;height:35px}.sm-brand-name{font-size:21px}}

/* Purpose stays directly below the common icon, including compact navigation. */
.sm-brand-emblem{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex-shrink:0}
.sm-brand-purpose{display:block;white-space:nowrap;font:600 9px/1.2 var(--sm-font-body);letter-spacing:.04em;color:var(--sm-muted);text-transform:none}
.sm-brand-emblem .sm-brand-purpose{margin:0}
@media(max-width:540px){.sm-brand-purpose{font-size:8px}.sm-brand{gap:8px}}