/* Computational Condensed Matter Physics group - minimal stylesheet */
html { font-size: 17px; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", sans-serif;
  line-height: 1.9;
  color: #222;
  background: #fff;
  max-width: 40rem;
  margin: 0 auto;
  padding: 3rem 1.2rem 5rem;
}
h1 { font-size: 1.5rem; font-weight: 600; margin: 0 0 .2rem; }
h2 { font-size: 1.05rem; font-weight: 600; margin: 2.8rem 0 .8rem; }
p { margin: 0 0 1.2rem; }
a { color: #005a9c; }
.affil { color: #666; font-size: .85rem; line-height: 1.6; margin: 0 0 2.5rem; }
.lang { float: right; font-size: .85rem; }
.note { color: #a06000; font-size: .85rem; margin: -.3rem 0 1rem; }
ul.members { list-style: none; padding: 0; margin: 0; }
ul.members li { padding: .9rem 0; border-top: 1px solid #e5e5e5; }
ul.members li:last-child { border-bottom: 1px solid #e5e5e5; }
.role { color: #666; font-size: .8rem; display: block; line-height: 1.4; }
.name { font-weight: 600; }
.topic { color: #444; font-size: .9rem; display: block; line-height: 1.6; }
footer { margin-top: 4rem; color: #666; font-size: .8rem; border-top: 1px solid #e5e5e5; padding-top: 1rem; }
@media (prefers-color-scheme: dark) {
  body { background: #16181a; color: #ddd; }
  a { color: #6fb3e0; }
  .affil, .role, footer { color: #999; }
  .topic { color: #bbb; }
  .note { color: #d0a050; }
  ul.members li { border-color: #333; }
  footer { border-color: #333; }
}

/* content pages */
h3 { font-size: .95rem; font-weight: 600; margin: 1.6rem 0 .5rem; }
details { border-top: 1px solid #e5e5e5; padding: .6rem 0; }
details:last-of-type { border-bottom: 1px solid #e5e5e5; }
summary { cursor: pointer; font-weight: 600; }
details > *:not(summary) { font-size: .95rem; }
pre { background: #f6f6f6; padding: .8rem 1rem; overflow-x: auto; font-size: .8rem; line-height: 1.5; }
code { background: #f6f6f6; padding: .1rem .3rem; font-size: .85em; }
pre code { background: none; padding: 0; }
img { max-width: 100%; height: auto; }
table { border-collapse: collapse; font-size: .9rem; }
th, td { border-bottom: 1px solid #e5e5e5; padding: .3rem .8rem .3rem 0; text-align: left; vertical-align: top; }
.small { font-size: .85rem; }
@media (prefers-color-scheme: dark) {
  details { border-color: #333; }
  details:last-of-type { border-bottom-color: #333; }
  pre, code { background: #202225; }
  th, td { border-color: #333; }
}
.uc { color: #a06000; font-weight: 600; }
@media (prefers-color-scheme: dark) { .uc { color: #d0a050; } }