/* help.css — the explanation layer's styling, loaded by every page.
 *
 * Kept out of semi.css and record.css so there is exactly one copy. It uses
 * only the custom properties those files already define, so it inherits the
 * palette and both themes without redeclaring either.
 *
 * The visual brief is restraint: set apart from the data without competing
 * with it. No accent fill, no icon, no colour that could be mistaken for a
 * status. This is prose about the instrument and it should read as an aside,
 * not as a finding. */

aside.help{border-left:2px solid var(--rule);padding:2px 0 2px 18px;
  margin:0 0 22px;max-width:78ch}
aside.help h3{font:500 10px/1.4 var(--mono);letter-spacing:.11em;
  text-transform:uppercase;color:var(--muted);margin-bottom:8px}
aside.help p{margin:0 0 9px;font-size:14px;line-height:1.6;color:var(--body)}
aside.help p:last-child{margin-bottom:0}
aside.help .nothere{color:var(--muted);font-size:13px}
aside.help .nothere b{color:var(--ink);font-weight:500}
button.ghost#helpbtn[aria-pressed=false]{opacity:.65}
@media print{aside.help{border-left-color:#999}}