@charset "utf-8";

@font-face {
  font-family: 'Noto Sans'; /* Noto Sans Regular */
  src: url('../fonts/NotoSans-VariableFont_wdth,wght.ttf') format('ttf-variations');
  src: url('../fonts/NotoSans-Regular.ttf') format('ttf') tech('variations');
  font-weight: 100 /* 1000 */;
  /* font-stretch: 25% 151%; */
}

@font-face {
  font-family: 'Noto Sans'; /* Noto Sans Italic */
  src: url('../fonts/NotoSans-VariableFont_wdth,wght.ttf') format('ttf-variations');
  src: url('../fonts/NotoSans-Italic.ttf') format('ttf') tech('variations');
  font-style: italic;
  font-variation-settings: 'ital' 1;
}

@font-face {
  font-family: 'Noto Sans'; /* Noto Sans Bold */
  src: url('../fonts/NotoSans-VariableFont_wdth,wght.ttf') format('ttf-variations');
  src: url('../fonts/NotoSans-Bold.ttf') format('ttf') tech('variations');
  font-weight: 700 /* 1000 */;
  /* font-stretch: 25% 151%; */
}

@font-face {
  font-family: 'Noto Sans'; /* Noto Sans Japanese */
  src: url('../fonts/NotoSansJP-VariableFont_wght.ttf') format('ttf-variations');
  src: url('../fonts/NotoSansJP-Regular.ttf') format('ttf') tech('variations');
  font-weight: 100 1000;
  font-stretch: 25% 151%;
  unicode-range: U+3000-30FF, U+FF00-FFEF, U+4E00-9FAF;
}


@media all {
  :root { color: black; background-color: white; font-family: "Noto Sans", sans-serif; 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; }
}