.page {
  margin: 40px auto 20px;
  padding: 0 var(--content-padding) 50px var(--content-padding);
  max-width: 800px; }
  .page a {
    background-color: transparent;
    text-decoration: none;
    color: #3f51b5; }
    .page a:hover {
      color: #f44336; }
  .page h2 {
    margin: 25px auto 10px; }
  .page__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 40px; }
  .page__rating {
    margin: 3px 0 0 15px;
    font-size: 13px;
    color: #888; }
  .page img {
    margin: auto;
    max-width: 100%; }
  .page .image-right {
    line-height: 1.2; }
    .page .image-right img {
      display: block;
      margin: auto;
      max-width: 420px; }
    .page .image-right p, .page .image-right__annotation {
      text-align: center;
      font-size: 14px;
      color: #666; }
  .page .align-center {
    text-align: center; }
  .page blockquote {
    margin: 0;
    font-size: 15px;
    font-family: var(--font-family-monospace);
    background: #fff;
    padding: 10px 30px;
    border: 1px dotted #000;
    border-left: 3px #000 solid; }
    .page blockquote > p:first-child {
      margin: 0; }
    .page blockquote > blockquote {
      margin: 15px 0; }
  .page .footnotes-sep {
    display: none; }
  .page .footnotes {
    margin-top: 40px;
    font-size: 14px;
    color: #666; }
  .page .colored-text {
    color: #f44336; }
    .page .colored-text_blue {
      color: #2196f3; }
    .page .colored-text_steelblue, .page .colored-text_SteelBlue {
      color: steelblue; }
    .page .colored-text_sienna {
      color: sienna; }
    .page .colored-text_green {
      color: #4CAF50; }
  .page .aligned-text_center {
    text-align: center; }
  .page .aligned-text_right {
    text-align: right; }
  .page table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb; }
    .page table tr {
      vertical-align: top; }
    .page table th {
      border-left: 1px solid #cbcbcb;
      /*  inner column border */
      border-width: 1px;
      font-size: inherit;
      margin: 0;
      overflow: visible;
      /*to make ths where the title is really long work*/
      padding: 0.5em 1em;
      /* cell padding */ }
    .page table td:first-child, .page table th:first-child {
      border-left-width: 1; }
    .page table td {
      border: 1px solid #cbcbcb;
      padding: 10px; }
    .page table thead {
      background-color: #e0e0e0;
      color: #000;
      text-align: left;
      vertical-align: bottom; }

@media (min-width: 320px) and (max-width: 480px) {
  .page {
    font-size: 17px; }
    .page img {
      max-width: 100vw;
      margin: auto -20px auto -20px; }
    .page .image-right {
      line-height: 1.2;
      text-align: center; }
      .page .image-right img {
        display: inline-block; }
      .page .image-right p, .page .image-right__annotation {
        text-align: center;
        font-size: 14px;
        color: #666; }
  .page blockquote {
    margin: auto -20px;
    padding: 5px 20px; } }

.main-page {
  flex-grow: 1;
  background: #222;
  color: #fff; }
  .main-page__content {
    max-width: 600px;
    padding: 10vh 20px 40px 20px;
    margin: auto; }
  .main-page a {
    color: #ff9800; }
    .main-page a:hover {
      color: #ff9800;
      text-decoration: underline; }
  .main-page__title {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin: auto auto 20px auto; }
  .main-page__special-link-block {
    text-align: center;
    font-size: 15px;
    font-weight: 500; }
    .main-page__special-link-block a {
      background: #ff9800;
      color: #000;
      padding: 7px 25px;
      border-radius: 20px; }
      .main-page__special-link-block a:hover {
        color: #000;
        background: #ff8a23;
        text-decoration: none; }

@keyframes loading {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

.wikidot-tethering {
  flex-grow: 1;
  background: #222;
  color: #fff; }
  .wikidot-tethering__content {
    max-width: 600px;
    padding: 10vh 20px 20px 20px;
    margin: auto; }
  .wikidot-tethering__link {
    color: #ff9800; }
    .wikidot-tethering__link:hover {
      color: #ff9800;
      text-decoration: underline; }
  .wikidot-tethering__title {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin: auto auto 20px auto; }
  .wikidot-tethering__loading {
    font-weight: 500;
    color: #ccc;
    animation: loading ease 1s infinite; }
  .wikidot-tethering__error {
    color: #f44336; }
  .wikidot-tethering__success {
    color: #2ed62e; }
  .wikidot-tethering__howto {
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    color: #ccc;
    margin-bottom: 25px; }
  .wikidot-tethering__action-block {
    text-align: center;
    font-size: 15px;
    font-weight: 500; }
  .wikidot-tethering__button {
    background: #ff9800;
    color: #000;
    padding: 7px 25px;
    border-radius: 20px;
    text-decoration: none; }
    .wikidot-tethering__button:hover {
      color: #000;
      background: #ff8a23;
      text-decoration: none; }

