.english-guide {
  --border: rgba(255,255,255,0.13);
  --head: rgba(255,255,255,0.09);
  --sep: rgba(255,255,255,0.06);
  --row: rgba(255,255,255,0.015);
  --text: #e2e8f0;
  --mut: #7a8aa8;
  --g: #7ee8c0;
  --y: #f9c86a;
  --b: #7ec8f9;
  --r: #f97eb0;
  --v: #c8b0f9;
  --o: #f9a87e;
--mono: 'Terminus', monospace;
--sans: 'Open Sans', sans-serif;

  background: transparent;
  color: var(--text);
  font-family: var(--sans);
  font-size: 15px;
  line-height: 1.6;
  padding: 20px 14px 50px;
}

.english-guide h1 {
  font-family: var(--sans);
  font-size: 18px;
  font-weight: 600;
  color: var(--g);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.english-guide .sub {
  font-family: var(--sans);
  font-size: 12px;
  color: var(--g);
  letter-spacing: 1px;
  margin-bottom: 5px;
}

.english-guide .sec {
  margin-bottom: 28px;
}

.english-guide .lbl {
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 4px 9px;
  border-radius: 3px;
  display: inline-block;
  margin-bottom: 8px;
}

.english-guide .wrap {
  overflow-x: auto;
  border-radius: 6px;
  border: 1px solid var(--border);
}

.english-guide table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--sans);
  font-size: 15px;
  background: rgba(255,255,255,.03);
}

.english-guide thead tr {
  background: var(--head);
}

.english-guide th {
  padding: 8px 10px;
  text-align: left;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-bottom: 1px solid var(--border);
  color: var(--mut);
}

.english-guide td {
  padding: 7px 10px;
  border-bottom: 1px solid var(--border);
  vertical-align: top;
}

.english-guide tr:last-child td {
  border-bottom: none;
}

.english-guide tr:nth-child(even) td {
  background: var(--row);
}

.english-guide .pr {
  font-weight: 600;
  color: var(--mut);
  font-size: 14px;
}

.english-guide .sep td {
  background: var(--sep) !important;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--mut);
  padding: 5px 10px;
}

.english-guide .note {
  font-family: var(--mono);
  font-size: 14px;
  color: var(--y);
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.english-guide .l1 {
  background: rgba(126,232,192,.14);
  color: var(--g);
}

.english-guide .l2 {
  background: rgba(249,200,106,.14);
  color: var(--y);
}

.english-guide .l3 {
  background: rgba(126,200,249,.14);
  color: var(--b);
}

.english-guide .l4 {
  background: rgba(249,126,176,.14);
  color: var(--r);
}

.english-guide .l5 {
  background: rgba(200,176,249,.14);
  color: var(--v);
}

.english-guide .l6 {
  background: rgba(249,168,126,.14);
  color: var(--o);
}

.english-guide .g {
  color: var(--g);
}

.english-guide .y {
  color: var(--y);
}

.english-guide .b {
  color: var(--b);
}

.english-guide .r {
  color: var(--r);
}

.english-guide .v {
  color: var(--v);
}

.english-guide .o {
  color: var(--o);
}

.english-guide .note b {
  color: var(--g);
  font-weight: 500;
}

.english-guide .note em {
  color: var(--o);
  font-style: normal;
}

.english-guide .itbl { width:100%; border-collapse:collapse; font-family:var(--sans); font-size:14px; background:rgba(255,255,255,.03); border-radius:5px; overflow:hidden; margin-bottom:10px; }
.english-guide .itbl thead tr { background:var(--head); }
.english-guide .itbl th { padding:5px 8px; font-size:14px; font-weight:600; letter-spacing:2px; text-transform:uppercase; border-bottom:1px solid var(--border); }
.english-guide .itbl td { padding:4px 8px; border-bottom:1px solid var(--border); vertical-align:top; width:16.6%; }
.english-guide .itbl tr:last-child td { border-bottom:none; }
.english-guide .itbl tr:nth-child(even) td { background:var(--row); }
.english-guide .itbl td.en { white-space:normal; }
.english-guide .itbl td.pt { color:var(--mut); font-size:14px; border-right:1px solid var(--border); padding-right:10px; }
.english-guide .itbl4 td { width:auto; }
.english-guide .itbl4 td.en { width:18%; }
.english-guide .itbl4 td.orig { width:12%; color:var(--mut); font-size:14px; }
.english-guide .itbl4 td.pt { width:22%; border-right:1px solid var(--border); }
.english-guide .itbl4 td.ctx { width:48%; color:var(--g); font-size:14px; }
.english-guide .ihead { font-family:var(--sans); font-size:14px; font-weight:600; letter-spacing:2px; text-transform:uppercase; padding:4px 8px; margin-top:14px; margin-bottom:4px; border-radius:3px; display:inline-block; }


@media (prefers-color-scheme: dark) {
  .english-guide {
    color: var(--text);
  }
}