#dev_nav        { margin: 20px 0;  padding: 2px 5px;  color: #777;  font-size: inherit;  text-align-last: center;  border: 1px solid #AAA;  border-radius: 4px;  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }

.dev_shop       { padding: 5px 10px;    width: fit-content;    border: 1px solid #AAA;    border-radius: 4px; }
.dev_title      { display: flex;    flex-flow: wrap;    margin: 20px 0; }

.dev_title div:nth-child(1)   { flex: auto;     text-align: center;    font-size: 1.5em;    font-weight: bold; }
.dev_title div:nth-child(2)   { flex: 0 auto;   text-align: left;    margin: 10px; }
.dev_title div:nth-child(2) a { line-height: 22px; display: inline-block; }

.dev_content    { margin: 30px 0 20px;    display: flex;    flex-flow: wrap;    justify-content: center; }

.dev_content p  { width: 100%;    text-align: justify; }
.dev_content s  { color: #808080;    text-decoration: none; }
.dev_content li { text-align: left;    margin-bottom: 10px; }
.dev_content ul { width: 100%;    margin: 0; }
.dev_content ol { width: 100%;    margin: 0; }
.dev_content h1 { width: 100%;    text-align: center; }
.dev_content h2 { width: 100%;    text-align: center; }
.dev_content h3 { width: 100%;    text-align: center; }
.dev_content h4 { width: 100%;    text-align: center; }
.dev_content h5 { width: 100%;    text-align: center; }


#dev_nav:hover      { background-image: linear-gradient(to bottom, #F0F0F0, #F4F4F4); }
#dev_nav, .dev_shop { background-image: linear-gradient(to bottom, #E5E5E5, #F4F4F4); background-color: aliceblue; }

@media (prefers-color-scheme: dark) {
    #dev_nav:hover      { background-image: linear-gradient(to bottom, #585858, #404040); }
    #dev_nav, .dev_shop { background-image: linear-gradient(to bottom, #404040, #585858); background-color: #383838;}
}