@import "/inc/blogs.css";  /* styles common across blog articles */

/* Bitcoin */
.disclaimer {
  margin: 0 auto 1em auto;  padding: 0.5em 1em;
  width: 80%;
  background-color: lightgray;
}

#switch1924 {
  display: table;
  margin: 0.5em auto;
}
#switch1924>div {
  display: table-cell;
  padding: 0 0.5em;
  vertical-align: middle;
  text-align: center;
}

input.toggle { display: none; }
input.toggle+label {
  display: inline-block;  position: relative;
  cursor: pointer;  user-select: none;  outline: none;
  width: 80px;  height: 40px;
  padding: 2px;
  border-radius: 40px;
  background-color: #ccc;
}
input.toggle+label:before,
input.toggle+label:after {
  position: absolute;
  top: 1px;  left: 1px;  bottom: 1px;
  content: "";
}
input.toggle+label:before {
  right: 1px;
  background-color: firebrick;
  border-radius: 40px;
  transition: background 0.4s;
}
input.toggle+label:after {
  width: 38px;
  background-color: white;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: margin 0.4s;
}
input.toggle:checked + label:before { background-color: forestgreen; }
input.toggle:checked + label:after  { margin-left: 40px; }

span.toggle1924, span.toggle2024 { font-family: "Courier New", Courier, monospace; }
span.toggle1924 { display:none;  background-color: yellow; }
figcaption>span.toggle1924, figcaption>span.toggle2024 { font-family: inherit; }

.answer { color: #711B44;  font-weight: bold; }

#privkey label {
  display: block;
  text-align: left;
}
#privkey input {
  float: left;
  margin-right: 0.5em;
  margin-top: 0.5em;
  transform: scale(1.25);
}
#privkey samp {
  color: #774400;
  font-size: 10pt;
  font-weight: bold;
}

#inflation caption { color: #774400; }
#inflation td {
  padding: 2px 8px;
  text-align: right;
}

#Cares { text-align: center; }
#Cares h1 { margin-bottom: 0.25em; }
#Cares label {
  display: block;
  text-align: left;
}
#Cares input {
  float: left;
  margin-right: 0.75em;
  margin-top: 1em;
  transform: scale(1.25);
}