html {
   font-size: 62.5%;
}

body {
   font-family: Arial, Sans-Serif;
   background-color: #dcdcdc;
   font-size: 1.6rem;
}

header, footer, main, .paypalblock {
   margin: auto;
}

header, footer, main {
   width: min(95%, 600px);
}

header, footer {
   text-align: center;
}

main {
   container-type: inline-size;
   margin-top: 0.5em;
}

footer {
   clear: both;
   padding-top: 1em;
   font-size: 1.4rem;
}

@media (min-width: 960px) {
   html {
      font-size: 1rem;
   }
   header, footer {
      font-size: 1.5rem;
   }
}

.copyright {
   font-size: 1.2rem;
}
.copyright::after {
   content: ", 2026";
}

footer .profiles {
   display: flex;
   justify-content: center;
   margin-top: 1em;
}
img.avatar {
   width: 32px;
}
.profiles img {
   width: 26px;
   padding: 0 0.6rem;
}

article {
   width: min(600px, 98%);
}

.paypalblock {
   width: min(500px, 98%);
}

details {
   margin-left: 2em;
}

summary {
   margin-left: -2em;
}

details summary { 
   cursor: pointer;
}

details summary > * {
   display: inline;
   text-indent: 3em;
}

em { font-style: italic; }
strong { font-style: bold; }

a.buttonlike {
   display: block;
   text-align: center;
   font-style: bold;
   line-height: 2em;
   padding: 3px 9px;
   background-color: #e6f2ff;
}
a.buttonlike:hover {
   background-color: #cce6ff;
}
a.buttonlike:active {
   color: #ffffff;
   background-color: #cce6ff;
}

img { vertical-align: middle; }

p.buttonlike {
   font-style: bold;
   padding: 0 9px;
}

ul.buttonlike {
   list-style-type: none;
}

.categoryheader {
	border-width: 0 0 2px 0;
	border-color: #000000;
	border-style: solid;
	text-transform: capitalize;
	font-size: 1.2em;
	font-weight: bolder;
	font-family: Monaco, Gadget, Chicago, Comic Sans MS, Helvetica, Arial Black, sans-serif;
}

sup {
   margin-left: -0.5em;
   font-size: 0.6em;
}

.footnotes {
   border: 1px solid silver;
   padding: 10px 5px 10px 25px;
   font-size: 0.7em;
   opacity: 0.4;
}

.imagetextblock {
   clear: both;
   margin: 1em 0 1.5em 0;
}

.imagetextblock img {
   float: left;
   padding: 0 0.7em 0 0;
}

