:root{--fg:#1d1d1f;--mut:#6e6e73;--bg:#fff;--card:#f5f5f7;--acc:#0d7a52;--code:#eef1f4}
  @media (prefers-color-scheme:dark){:root{--fg:#f5f5f7;--mut:#a1a1a6;--bg:#000;--card:#1c1c1e;--acc:#4fc3a1;--code:#2a2a2d}}
  *{box-sizing:border-box}body{margin:0;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--fg);background:var(--bg)}
  main{max-width:760px;margin:0 auto;padding:40px 20px 80px}
  h1{font-size:2rem;margin:0 0 .25em}h1 small{display:block;font-size:1rem;color:var(--mut);font-weight:400}
  h2{margin-top:2.2em;font-size:1.25rem;border-bottom:1px solid var(--card);padding-bottom:.3em}
  code,pre{font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--code);border-radius:6px}
  code{padding:.15em .4em}pre{padding:14px;overflow:auto}pre code{padding:0;background:none}
  .heb{font-family:"SBL Hebrew","Ezra SIL","Times New Roman",serif;font-size:1.15em}
  table{border-collapse:collapse;width:100%;font-size:.95em}td,th{padding:6px 8px;border-bottom:1px solid var(--card);text-align:left;vertical-align:top}
  .card{background:var(--card);border-radius:12px;padding:16px 18px;margin:1em 0}
  a{color:var(--acc)}.mut{color:var(--mut)}
  .try input{width:100%;padding:10px 12px;font-size:1rem;border:1px solid var(--mut);border-radius:8px;background:var(--bg);color:var(--fg)}
  .try output{display:block;margin-top:8px;word-break:break-all}