@import url('kbd.css');

body {
  font-family: Helvetica, Geneva, Swiss, Arial, SunSans-Regular, sans-serif;
  font-size: 10.5pt;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  line-height: 1.4;
  padding-bottom: 4em;
}

body[theme=dark] {
  color: #ddd;
}

h1 {
  margin-top: 12px;
  margin-bottom: 7px;
  font-size: 120%;
  font-style: normal;
  font-weight: bold;
}

h2 {
  margin-top: 12px;
  margin-bottom: 7px;
  font-size: 110%;
  font-style: italic;
  font-weight: normal;
  color: #089;
}

/* Keyboard shortcut reference */
kbd {
  font-family: var(--bs-font-monospace) !important;
  padding: .3em .4em .17em .4em !important;
  border-top: .5px solid #0003;
  border-left: .5px solid #0001;
  border-right: .5px solid #0003;
}
/* mandated by `kbd.css` */
.has-kbd {
/*span:has(> kbd) {  /for when support for this is more common/  */
  position: relative;
  z-index: 0;
}
br ~ kbd {
  margin-top: 0.4em !important;
}
  
.nowrap {
  white-space: nowrap;
}

img.symbol-mouse {
  margin-left: 0.04em;
  vertical-align: -20%;
}

table.doc-actions {
  margin-bottom: .5em;
  border-collapse: collapse;
}
  
table.doc-actions th, table.doc-actions td {
  padding: .3em .5em;
  vertical-align: top;
  border: 1px solid #999;
  text-align: left;
}

table.doc-actions th {
  font-size: 9pt;
}
  
table.doc-actions td {
  padding-bottom: .25em;
}

[theme=dark] img.power-button {
  background: #aaa;
}
[theme=dark] img.symbol-mouse {
  filter: invert(1);
}