:root { --frame: #87CEEB; --bg-odd: #EEEEEE; --bg-even: #FFFFFF; --color: #000000; --link: #0000FF; --toggle-color: #FFFFFF; }
:root.dark { --frame: #002255; --bg-odd: #002030; --bg-even: #111111; --color: #FFFFFF; --link: #FFFF00; }

body { background: var(--bg-even); color: var(--color); }
a { color: var(--link); }

aside.theme { position: absolute; top: 0.5em; right: 0.5em; background: #000000; border: 2px solid #FFFFFF; border-radius: 10px; color: var(--toggle-color); padding: 0.5em; }

.description { box-sizing: border-box; max-width: 1500px; text-align: justify; }

section { border-radius: 10px; background: var(--frame); padding: 1em; margin: 1em 0; }
section.description { background: var(--bg-odd); }
h1 { font: bold 1.75rem Verdana,sans-serif; margin: 0 0 0.5em 0; }
h2 { font: bold 1.25rem Verdana,sans-serif; margin: 0 0 0.5em 0; }
h3 { font: bold 1rem Verdana,sans-serif; margin: 0 0 0.5em 0; }
p { margin: 0; }
p + p, p + table { margin-top: 1em; }

table { width: 100%; border-collapse: collapse; background: var(--bg-odd); }
tbody:nth-child(2n) { background: var(--bg-even); }
th { width: 20%; text-align: left; vertical-align: top; padding: 5px 2em 5px 2px; }
th:last-child { width: 40%; }
td { text-align: left; vertical-align: top; padding: 2px 2em 2px 2px; }
tr:first-child td { padding-top: 5px; }
tr:last-child td { padding-bottom: 5px; }
tr.indt td:not(:last-child) { padding-left: 1em; text-indent: hanging 1em; }
tr.cptl td:not(:last-child) { padding-left: 1em; text-indent: hanging 1em; }
tr.cptl td:first-child::before { content: "⌘ "; }

span[lang] { white-space: nowrap; }
span[lang="mn-Mong"] { writing-mode: vertical-lr; text-indent: 0; }
.example { background: var(--bg-odd); }
.published { background: var(--bg-even); padding: 1em; }
.published + .published { margin-top: 1em; }
.sources { list-style-type: "– "; padding: 0; margin: 0 0 0 1em; }
.license { width: 700px; border-left: 1px dotted #00AAAA; padding-left: 0.5em; margin: 0.25em 0 0 1em; }

@media (width <= 1600px) {
  tbody tr:not(:last-child) { border-bottom: 1px dotted #000000; }
}

@media print {
  aside.theme { display: none; }
}