/* Anthem website palette and shared sans-serif app typography. Keep tuner feedback semantic. */
:root{--ink:#0d1f3c;--lime:#f6c544;--orange:#e85d1a;--cream:#faf6ec;--app-font:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--cream);font-family:var(--app-font)}
header{border-color:#e2ddd0}.brand{font-family:var(--app-font);font-size:26px;letter-spacing:-.5px;font-weight:600;gap:10px}.brand img{width:44px;height:48px}.brand .brand-sub{color:var(--orange)}
.intro h1{font-family:var(--app-font);font-weight:600;letter-spacing:-.7px}.intro .eyebrow{color:#b64712}.edition{color:#5c6470}.instruments{background:#efe8d9}.instruments button{color:#526074}.instruments button[aria-pressed=true]{background:var(--ink)}
.workspace{border-color:#e2ddd0}aside{border-color:#ebe5d9}select{background:#faf8f2;border-color:#ded8cb;color:var(--ink)}.string{color:var(--ink)}.string[aria-pressed=true]{background:#fff0bd;border-color:#bb880b;box-shadow:0 0 0 1px #bb880b}
.start{background:#c44a12}.start:hover{background:#a63e0e}.start span{color:white}.reference{border-color:var(--ink);color:var(--ink)}.reference:hover{background:#faf6ec}.panel-top{color:#5c6470}.tuning-panel{--signal:#0d1f3c}.help-number{border-color:#dacba8;color:#a04417}footer{border-color:#e2ddd0;color:#5c6470}
.tuning-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tuning-shortcuts[hidden]{display:none}.tuning-choice{border:1px solid #d8d0c1;border-radius:9px;background:white;color:var(--ink);padding:10px 3px;font-size:14px;font-weight:700;min-height:58px}.tuning-choice small{display:block;font-weight:400;font-size:12px;margin-top:4px}.tuning-choice[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.tuning-choice:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.header-right #portal{background:#f6c544;color:var(--ink);text-decoration:none;padding:9px 12px;border-radius:8px;font-size:13px;font-weight:700}
@media(max-width:740px){.brand{font-size:23px}.brand img{width:35px;height:39px}.header-right .edition{display:none}.header-right #portal{padding:8px;font-size:12px}.tuning-choice{min-height:49px;padding:6px 3px}.tuning-choice small{margin-top:2px}.intro h1{font-size:29px}}
@media(max-width:360px){.brand{font-size:20px;gap:6px}.header-right #portal{font-size:11px}}