@charset "utf-8";

@media all {
  :root { color: black; background-color: white; font-size: 16px; }
  * { box-sizing: border-box; font-size: 1rem; }
  dt { font-style: italic; }
  td { background-color: #DDD; padding: 0.2rem 0.5rem }
  tr:nth-child(2n) { background-color: white }
  tr:nth-child(2n + 1) { background-color: #CCC }
  tr.todo td:nth-child(1):before { content: "TODO"; border: #CCC solid 1px; font-size: 0.7rem; margin-right: 0.5rem; }
  .level1, .level1 td { background-color: #CFC }
  .level2, .level2 td { background-color: #FEC }
  .level3, .level3 td { background-color: #CCF }
  #aikidoindex td { vertical-align: top }
  .hidden { display: none; }
  ruby { font-size: 1.1rem; }

  body { counter-reset: h1 h2 h3 h4 h5 h6; }
  h1 { font-size: 2.5rem; }
  h2 { font-size: 2rem; counter-reset: h3 h4 h5 h6; counter-increment: h2; }
  h2::before { content: "§" counter(h2) ". "; color: #999; }
  h3 { font-size: 1.6rem; counter-reset: h4 h5 h6; counter-increment: h3; }
  h3::before { content: "§" counter(h2) "." counter(h3) ". "; color: #999; }
  h4 { font-size: 1.4rem; counter-reset: h5 h6; counter-increment: h4; }
  h4::before { content: "§" counter(h2) "." counter(h3) "." counter(h4) ". "; color: #999; }
  h5 { font-size: 1.2rem; counter-reset: h6; counter-increment: h5; }
  h5::before { content: "§" counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". "; color: #999; }
  h6 { font-size: 1rem; counter-increment: h6; }
  h6::before { content: "§" counter(h6) ". "; color: #999; }
}