/* Common settings for English and Japanese webpages */

body {
  line-height: 1.6;
  margin: 1.2em auto;
  max-width: 1000px;
  padding: 0 clamp(14px, 4vw, 40px);
  font-family: "Noto Sans JP", sans-serif;
  background-color: #fafafa; 
}

a:link {
  color: #0b57d0;
}

a:visited {
  color: #5a3fd6;
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: #222;
    color: #eee;
  }
  a:link {
    color: #8ab4f8;   
  }
  a:visited {
    color: #c5aaf8;   
  }
}

nav a {
  margin-right: 1.5em;
}

p,
.item {
  margin-left: 1em;
}

h1 {
  font-size: 24pt;
  font-weight: bold;
  margin-top: 1.2em;
}

h2 {
  font-size: 16pt;
  font-weight: bold;
  margin-top: 1.0em;
}

h3 {
  font-size: 14pt;
  font-weight: bold;
  margin-top: 1.0em;
}

h1,
h2,
nav,
hr {
  margin-left: 0;
}

h3 {
  margin-left: 1rem;
  margin-top: 1.0em;
  margin-bottom: 0.3em;
}

.item {
  padding-left: 6.2em;
  text-indent: -6.2em;
  text-align: left;
  font-variant-numeric: tabular-nums;
}

.sub-info {
  display: block;
  text-indent: 0;
}

.item-recent {
  padding-left: 1.5em;
  text-indent: 0;
  margin-bottom: 1.2em;
}

.member-list {
  list-style: none;
  padding-left: 2rem;
  margin-left: 0;
  line-height: 2.0;
  margin-top: 0.2em;
  margin-bottom: 1.0em;
}

.member-list li {
  margin: 0;
  padding: 0;
}