@media (min-width: 1200px) {
  body {
    max-width: 1000px;
  }
}

@media (max-width: 1200px) {
  body {
    max-width: 700px;
    -webkit-text-size-adjust: 100%;
  }
}


body {
    font-family: arial;
    color: #333;
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
    min-width: 40px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #f8f8f8
}
article {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    background-color: #fff;
    box-shadow: 2px 2px 10px lightgrey;
}
h1, h2, h3, h4, h5, h6 {
    text-align: left;
}
h1 {
    font-size: 20pt;
}
h2 {
    font-size: 16pt;
}
h3,h4,h5 {
    font-size: 12pt;
}
h4 {
    font-style: italic;
}
img {
    width: 100%;
    max-width: 525;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
.feed-icon {
    width: 14;
    height: 14;
    display: inline;
    vertical-align: middle;
    margin: -2px 4px 0 0;
}
pre {
    background-color: #f4f4f4;
    overflow: scroll;
}

header {
    background-color: #f8f8f8;
    position: relative;
    z-index: 1;l
}
header ul {
    overflow: hidden;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
header li {
    float: left;
}
header li a {
    display: block;
    color: inherit;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
header li a:hover {
    background-color: #fff;
}

footer {
    font-size: smaller;
    text-align: center;
}

.chip {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 25px;
    background-color: #f1f1f1;
    margin: 2px;
}
.chip a {
    color: inherit;
    text-decoration: none;
}
.chip:hover {
    background-color: #cfcfcf;
}

.notice {
    font-style: italic;
    font-size: x-small;
    padding: 10px 0;
}

.headerlink, .headerlink:visited {
    text-decoration: none;
    color: transparent;
    font-size: smaller;
}

.headerlink:hover {
    color: lightgrey;
}

tbody tr:nth-child(odd) {
    background-color: #efefef;
}
tr:last-child {
  border-bottom: none;
}
thead tr:first-child {
  border-top: none;
}
table {
  border-collapse: collapse;
  margin: auto;
}
tr {
  border: solid;
  border-width: 1px 0;
}

.table-scroll {
    overflow: scroll;
    max-height: 70vh;
}

.toc a {
    text-decoration: none;
    color: rgb(60, 107, 189);
}
.toc a:hover {
    text-decoration: underline;
}
.toc ul{
    list-style-type: none;
}
.toc {
    border-style: 1rem solid;
}
.toc {
    border: .1rem solid rgb(60, 107, 189);
}

.gallery {
    margin-top:2rem;
}
.gallery > div {
    columns:3;
    gap:1.25rem;
    padding-top:1.25rem;
}
.gallery img {
    display:block;
    width:100%;
    margin-bottom:1.25rem;
}
@media (max-width:48rem) {
    .gallery > div {
        columns:2;
    }
}
.arithmatex {
    overflow-x: scroll;
}

blockquote {
    background-color: #f1f1f1;
    padding: 1em;
    margin-inline-end: unset;
    border-left: rgb(60, 107, 189);
    border-left-style: outset;
}