/* void shop — deliberately plain. no fonts, no animation, no design. */

body {
  background: #000;
  color: #bbb;
  font: 15px/1.7 Arial, Helvetica, sans-serif;
  max-width: 620px;
  margin: 0 auto;
  padding: 28px 18px 60px;
}

h1 { color: #ddd; font-size: 20px; font-weight: bold; margin: 0 0 4px; }
h2 { color: #ccc; font-size: 15px; margin: 0 0 10px; }

a { color: #69a8e8; }
hr { border: 0; border-top: 1px solid #2a2a2a; margin: 26px 0; }

.lang { margin: 0 0 18px; }
.lang a { text-decoration: none; color: #777; }
.lang a.active { color: #ddd; text-decoration: underline; }

.small { color: #777; font-size: 13px; }
.mono { font-family: "Courier New", Courier, monospace; font-size: 13px; }

ul.plain, ol.plain { margin: 0; padding-left: 22px; }
ul.plain li, ol.plain li { margin: 4px 0; }
ul.plain b { color: #ccc; font-weight: bold; }

/* phone list */
.prod { display: flex; align-items: baseline; gap: 10px; padding: 5px 0; }
.prod-name { color: #ccc; }
.prod-price { margin-left: auto; color: #ccc; white-space: nowrap; }
a.buy {
  font: 12px Arial, sans-serif;
  background: #111; color: #9fd08a; border: 1px solid #3a3a3a;
  padding: 2px 10px; cursor: pointer; white-space: nowrap;
  text-decoration: none;
}

/* what dark reader actually changes on this site (its other rules sit in a
   cascade @layer and lose to this stylesheet) */
html { color-scheme: dark; background-color: #181a1b; }
html, body { border-color: #736b5e; }
::selection { background-color: #004daa; color: #e8e6e3; }