body > header {
  background-image: url(assets/banners/jason-rojas-MzUyiPl4blE-unsplash.7ad8dbcc.jpg);
}
body > header nav#link-menu a,
body > header nav#link-menu a.current,
body > header nav#link-menu a:hover {
  color: white;
}
body > header nav#link-menu a.current,
body > header nav#link-menu a:hover {
  border-color: gold;
}
ol.marble-checklist > li:nth-child(odd)::before {
  background-color: navy;
}
ol.marble-checklist > li:nth-child(even)::before {
  background-color: firebrick;
}
ol.marble-checklist > li label b::after {
  background-color: dodgerblue;
  border-color: dodgerblue;
}
details > summary + header,
details:not(:has(details))::details-content {
  background-color: lightblue;
}
@media (prefers-color-scheme: dark) {
  details > summary + header,
  details:not(:has(details))::details-content {
    background-color: steelblue;
  }
}
table.breakdown-of-parties {
  table-layout: fixed;
  width: 100%;
  padding: 0px;
  overflow: hidden;
}
table.breakdown-of-parties thead tr {
  border-bottom: 1px solid silver;
}
table.breakdown-of-parties thead tr th {
  font-size: 1.2rem;
  font-weight: 100;
  vertical-align: top;
}
table.breakdown-of-parties thead tr th figure {
  font-size: 5em;
  transform: scaleX(-1);
}
table.breakdown-of-parties tbody {
  color: white;
  background-color: black;
}
table.breakdown-of-parties tbody tr {
  border-bottom: 1px solid silver;
}
table.breakdown-of-parties tbody tr td {
  vertical-align: middle;
  font-size: 1.2rem;
  padding: 30px 20px;
  opacity: 0.8;
  transition: all 500ms;
  cursor: default;
}
@media (max-width: 667px) {
  table.breakdown-of-parties tbody tr td {
    font-size: 0.9rem;
  }
}
@media (max-width: 667px) {
  table.breakdown-of-parties tbody tr td {
    padding: 20px 10px;
  }
}
table.breakdown-of-parties tbody tr td:nth-child(1) {
  background-color: navy;
}
table.breakdown-of-parties tbody tr td:nth-child(2) {
  background-color: firebrick;
}
table.breakdown-of-parties tbody tr td:nth-child(3) {
  background-color: dimgray;
}
table.breakdown-of-parties tbody tr td span {
  white-space: nowrap;
}
table.breakdown-of-parties tbody tr:hover td {
  opacity: 1;
}
main > section[data-background=american-flag] {
  background-image: url(assets/backgrounds/american-flag-by-tim-mossholder-QsX23A3NgMQ-unsplash-blur.19968f61.jpg);
}
menu.platform-toc > li {
  font-size: 0.9rem;
  font-weight: normal;
  text-align: left;
  margin-bottom: 3px;
}
menu.platform-toc > li[data-depth="1"] {
  margin-left: 0px;
  font-size: 1.1rem;
  font-weight: bold;
  margin-top: 10px;
}
menu.platform-toc > li[data-depth="1"] span::after {
  content: ")";
}
menu.platform-toc > li[data-depth="2"] {
  margin-left: 40px;
  font-size: 1rem;
}
menu.platform-toc > li[data-depth="3"] {
  margin-left: 60px;
}
menu.platform-toc > li[data-depth="4"] {
  margin-left: 80px;
}
menu.platform-toc > li[data-depth="5"] {
  margin-left: 100px;
}
menu.platform-toc > li span {
  padding-right: 0.5em;
}
section > div > details > summary > b::after {
  content: ")";
}
details > summary > b {
  padding-right: 0.2em;
}
figure[data-picture-size="1"] img {
  width: 100px;
}
@media (max-width: 667px) {
  figure[data-picture-size="1"] img {
    width: 75px;
  }
}
figure[data-picture-size="2"] img {
  width: 200px;
}
@media (max-width: 667px) {
  figure[data-picture-size="2"] img {
    width: 150px;
  }
}
figure[data-picture-size="3"] img {
  width: 300px;
}
@media (max-width: 667px) {
  figure[data-picture-size="3"] img {
    width: 225px;
  }
}
figure[data-picture-size="4"] img {
  width: 400px;
}
@media (max-width: 667px) {
  figure[data-picture-size="4"] img {
    width: 300px;
  }
}
figure[data-picture-size="5"] img {
  width: 500px;
}
@media (max-width: 667px) {
  figure[data-picture-size="5"] img {
    width: 375px;
  }
}
section figure.simple-frame img {
  border: 5px solid silver;
}
/* Ugly Stamp */
figure.ugly-stamp {
  position: relative;
}
figure.ugly-stamp::before {
  content: "Ugly";
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-35deg);
  font-size: 3em;
  font-weight: bold;
  text-transform: uppercase;
  color: firebrick;
  border: 7px dotted;
  border-radius: 10px;
  opacity: 0.7;
}
main > section.image-viewer figure:hover img {
  background: black;
  outline-width: 1px;
}
main > section.image-viewer figure img {
  background: conic-gradient(lightgray 90deg, darkgray 90deg 180deg, lightgray 180deg 270deg, darkgray 270deg);
  background-size: 15px 15px;
  outline: 3px solid black;
}
main > section.image-viewer figure[data-target-width="500"] img {
  width: 250px;
}
main > section.image-viewer figure[data-target-width="650"] img {
  width: 325px;
}
main > section.logo-card-viewer {
  color: white;
  background-color: dimgray;
}
main > section.logo-card-viewer > figure:first-of-type {
  display: flex;
  align-items: center;
  width: 600px;
  height: 315px;
  max-width: 100%;
  background-color: white;
  outline: 1px solid white;
  padding: 0px;
}
main > section.logo-card-viewer > figure:first-of-type > img {
  width: 50%;
  transform: scale(0.9) translate(0px, 0px);
}
main > section.logo-card-viewer > figure:first-of-type > p {
  width: 50%;
  font-family: Chango;
  font-size: 1.9rem;
  line-height: 1.8em;
  text-align: left;
  color: dimgray;
  padding-left: 3px;
}
main > section.logo-card-viewer > figure:last-of-type:hover img {
  background: black;
  outline-width: 1px;
}
main > section.logo-card-viewer > figure:last-of-type img {
  background: conic-gradient(lightgray 90deg, darkgray 90deg 180deg, lightgray 180deg 270deg, darkgray 270deg);
  background-size: 15px 15px;
  outline: 3px solid black;
}
main > section.banner-viewer > figure:first-of-type {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 701px;
  height: 101px;
  background-image: url(assets/backgrounds/american-flag-by-tim-mossholder-QsX23A3NgMQ-unsplash-blur.19968f61.jpg);
  background-size: cover;
  outline: 2px solid red;
}
main > section.banner-viewer > figure:first-of-type > p {
  font-size: 1.3rem;
  font-family: Chango;
  color: white;
  text-shadow: 0px 0px 0.5em black;
}
main > section.banner-viewer > figure:last-of-type:hover img {
  background: black;
  outline-width: 1px;
}
main > section.banner-viewer > figure:last-of-type img {
  background: conic-gradient(lightgray 90deg, darkgray 90deg 180deg, lightgray 180deg 270deg, darkgray 270deg);
  background-size: 15px 15px;
  outline: 3px solid black;
}
main > section.party-colors > figure {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: end;
}
main > section.party-colors > figure > cite {
  font-size: 5em;
  transform: scaleX(-1);
}
main > section.party-colors > figure > header {
  font-size: 1.3rem;
}
main > section.party-colors > figure > b {
  font-size: 2em;
  color: white;
  background-color: navy;
  padding: 40px 0px;
}
main > section.party-colors > figure > b + b {
  background-color: firebrick;
}
main > section.party-colors > figure > b + b + b {
  background-color: dimgray;
}
body > header {
  height: 240px;
}
body > header > h2 {
  display: none;
}
body > header > img {
  background-color: black;
  border: 2px solid white;
  border-radius: 15px;
  padding: 10px 15px;
}
@media (prefers-color-scheme: dark) {
  body > header > img {
    background-color: gray;
  }
}
body > header #article-nav {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -65px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1000px;
  padding: 0px 10px;
  margin: 0px auto;
  visibility: hidden;
}
body > header #article-nav.show {
  visibility: visible;
}
body > header #article-nav > i {
  font-size: 3em;
  text-shadow: none;
  cursor: pointer;
}
body > header #article-nav > i.hide {
  visibility: hidden;
}
body > header #article-nav > ul {
  display: none;
}
figure > span {
  font-size: 3rem;
}