:root { color-scheme: light; font-family: system-ui, sans-serif; line-height: 1.5; background:#fcfbf6; color:#132743; }
  body { max-width:850px; margin:auto; padding:1.25rem; }
  h1 { line-height:1.15; } p { max-width:70ch; }
  .panel { border:2px solid #0a6f73; border-radius:12px; padding:1rem; background:#fff; margin:1rem 0; }
  label { font-weight:700; display:block; margin-bottom:.35rem; }
  input { font:inherit; padding:.4rem; width:8rem; border:2px solid #315e64; }
  button { font:inherit; padding:.5rem .8rem; color:#fff; background:#075b60; border:0; border-radius:6px; margin:.3rem .3rem .3rem 0; cursor:pointer; }
  button:focus, input:focus { outline:3px solid #e99836; outline-offset:3px; }
  output { display:block; min-height:9rem; font-size:1.13rem; }
  .small { color:#394d60; font-size:.95rem; }
  .math { font-family: 'DejaVu Sans',system-ui,sans-serif; font-weight:700; }
.resource-heading-context{display:block;margin-top:.8rem;font-size:.8rem;line-height:1.5;font-weight:650;letter-spacing:.02em;color:#4c625a}