@charset "utf-8";
/*
2024-08-26
2024-09-01
*/
:root {
 --xfontbody:sans-serif;
 --xfontsize:18px;
 --xfontmono:Consolas, Menlo, monospace;
 --xiconsize:200px;
 --xleftmagin:215px;
 --navcol:pink;
 --navpanebdr:solid 3px var(--navcol);
 --navbdradius:10px;
 --navsep:solid 2px var(--navcol);
 --bgc:whitesmoke;
}

body {
font-family:var(--xfontbody);
font-size:var(--xfontsize);
margin-top:41px;
margin-bottom:50px;
background-color:var(--bgc);
}

span.unicodeXL, span.emojiXL {
color:darkred;
background-color:transparent;
}

.unicodeXL {
font-family:"Segoe UI Symbol", "Apple Symbols", "Noto Sans Symbols 2";
font-size:36px;
}

.emojiXL {
font-family:"Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji";
font-size:36px;
}

nav.lpanelXL {
width:200px;
margin-top:10px;
padding-bottom:40px;
padding-left:4px;
border:var(--navpanebdr);
border-radius:var(--navbdradius);
}

nav.pchap {
border-left:solid 1px red;
}

nav.psec {
border-left:solid 1px blue;
padding-left:5px;
}

nav ul, nav ol {
margin-left:-16px;
}

nav li {
margin-left:-16px;
list-style-type:none;
border-top:var(--navsep);
}

nav li > a {
display:inline-block;
}

nav .unicodeXL,
nav .emojiXL {
font-size:20px;
border:none;
}

nav.navBackXL {
position:fixed;
top:2px;
left:2px;
z-index:2;
border:var(--navpanebdr);
border-radius:var(--navbdradius);
background-color:var(--bgc);
}

nav.navBackXL > a {
display:inline-block;
margin:0;
padding:4px;
}

nav.navBackXL > a:before {
content:"🔺 Back to ";
}

nav.navPrevNextXL {
display:inline-block;
position:fixed;
bottom:5px;
left:5px;
z-index:780;
}

nav.navPrevNextXL a {
font-size:55px;
margin:6px;
border-radius:var(--navbdradius);
border:var(--navpanebdr);
background-color:var(--bgc);
}

@media all and (min-width:801px) {
 main {
margin-left:var(--xleftmagin);
}

 footer {
margin-left:var(--xleftmagin);
}

 .lpanelXL {
position:absolute;
top:41px;
left:2px;
}

}

@media (prefers-color-scheme:dark) {
 body {
color:white;
background-color:black;
}

 a:visited,a:link {
color:dodgerblue;
}

}

ul.flowxl {
display:flex;
flex-wrap:wrap;
padding:0;
}

ul.flowxl > li
{
list-style-type:none;
text-align:center;
width:var(--xiconsize);
min-width:var(--xiconsize);
max-width:var(--xiconsize);
max-height:calc(var(--xiconsize) + 60px);
padding:2px;
margin:2px;
overflow:hidden;
font-size:1rem;
line-height:1;
}

ul.flowxl > li > a {
display:block;
vertical-align:middle;
line-height:1;
font-size:1.2rem;
}

ul.flowxl li > a > img,
ul.flowxl li > img {
display:block;
border-radius:9px;
width:auto;
max-width:var(--xiconsize);
max-height:var(--xiconsize);
overflow:hidden;
margin-left:auto;
margin-right:auto;
}

ul.flowxl li > a > img[src$="svg"] {
max-width:170px;
max-height:170px;
}

div.topicXL {
width:fit-content;
margin:16px 6px;
padding:1px 4px;
border:var(--navpanebdr);
border-radius:var(--navbdradius);
}

div.topicXL > ul > li {
border-top:var(--navsep);
}

div.topicXL > ul > li > a {
display:inline-block;
vertical-align:middle;
}

div.topicXL > ul > li > a > img {
display:block;
border-radius:var(--navbdradius);
width:auto;
max-width:var(--xiconsize);
max-height:var(--xiconsize);
}

div.rltd {
width:fit-content;
padding:4px;
margin:16px 6px;
border:var(--navpanebdr);
border-radius:var(--navbdradius);
}

div.rltd:before {
content:"See also: ";
position:relative;
left:8px;
}

table {
overflow:auto;
}

p, a, li, figcaption, div, span {
overflow-wrap:anywhere;
}

dl {
border-left:solid 2px silver;
padding:8px;
}

dt {
border-top:solid thin silver;
padding-top:5px;
}

dd {
line-height:1.6;
margin-bottom:16px;
margin-left:30px;
}

dd > ul {
padding-left:1rem;
}

ul+ul {
margin-top:40px;
}

li {
margin:4px;
line-height:1.6;
}

p {
line-height:1.6;
}

img {
max-width:100%;
height:auto;
margin:1px;
margin-top:3px;
}

audio {
width:100%;
border-radius:16px;
}

video {
max-width:100%;
max-height:90vh;
}

iframe[src*="www.youtube.com/"] {
max-width:100%;
max-height:95vh;
}

figure {
padding:0;
margin:20px 0;
}

figure > img, figure > div {
box-shadow:3px 3px 8px 4px silver;
}

figcaption {
line-height:1.6;
}

figcaption ul {
margin:2px;
line-height:1;
}

blockquote {
border-left:solid 2px grey;
padding-left:8px;
margin-left:16px;
}

section {
margin:6px 6px;
padding:0 6px;
border:solid 1px silver;
border-radius:16px;
}

cite {
font-weight:bold;
color:red;
}

input {
margin:5px;
}

footer {
text-align:center;
margin-bottom:80px;
}

footer a {
display:inline-block;
}

div > a {
display:inline-block;
}

a {
font-size:22px;
text-decoration:none;
}

a:hover {
background-color:var(--navcol);
}

a[href*="wikipedia.org/"]:after {
font-size:small;
content:" [Wikipedia]";
}

a[href*="/emacs_manual/"],
a[href*="reference.wolfram.com/"],
a[href*="/js_es2015/"],
a[href*="/js_es2011/"],
a[href*="/node_api/"],
a[href*="clojure-doc-1.8/"],
a[href*="perldoc.perl.org"],
a[href*="www.povray.org"]
{
padding:5px;
}

a[href*="/emacs_manual/"]:after,
a[href*="reference.wolfram.com/"]:after,
a[href*="/js_es2015/"]:after,
a[href*="/js_es2011/"]:after,
a[href*="/node_api/"]:after,
a[href*="clojure-doc-1.8/"]:after,
a[href*="perldoc.perl.org"]:after,
a[href*="www.povray.org"]:after
{
font-size:small;
content:" [ref]";
}

kbd {
font-family:var(--xfontmono);
font-size:20px;
padding:0 4px 0 4px;
border:solid 1px grey;
border-radius:4px;
white-space:nowrap;
color:white;
background-color:black;
box-shadow:2px 2px 2px 1px silver;
}

kbd > kbd {
border:none;
box-shadow:none;
}

var {
font-family:var(--xfontmono);
font-size:18px;
}

var.elisp {
font-weight:bold;
color:#a0522d;
}

var.d {
color:green;
}

code {
font-family:var(--xfontmono);
white-space:pre-wrap;
color:hsl(0,100%,40%);
}

code.path_xl {
color:green;
}

code.elisp_f {
font-weight:bold;
color:red;
background-color:transparent;
}

a.bigImg:before {
content:"〔⧉ Big Image ";
}

a.bigImg:after {
content:"〕";
}

span.xsignet {
font-family:var(--xfontbody);
font-size:var(--xfontsize);
font-size:48px;
color:red;
}

span.xsignetxah {
font-family:var(--xfontbody);
font-size:var(--xfontsize);
font-size:32px;
color:red;
}

div.date_xl {
width:fit-content;
font-family:var(--xfontmono);
color:grey;
}

table.nrm {
border-collapse:collapse;
margin:16px;
}

table.nrm > caption {
padding:5px;
font-weight:bold;
}

table.nrm th, table.nrm td {
padding:4px;
border:solid thin grey;
line-height:1.6;
}

table.nrm th {
border:solid 3px grey;
}

b.w {
color:red;
}

mark.b {
background-color:cyan;
}

a.amz, a.amz_search {
font-size:25px;
padding:2px;
background-color:#ffc125;
border-radius:8px;
white-space:pre;
}

a.amz_search:before {
content:"🔍Buy ";
}

pre {
font-family:var(--xfontmono);
tab-size:2;
width:fit-content;
margin:30px 1rem;
padding:8px;
white-space:pre-wrap;
}

pre[class] {
border:solid thin grey;
border-left:solid 5px grey;
border-radius:8px;
}

pre:before {
content:"";
position:relative;
top:-2rem;
right:0;
float:right;
text-shadow:2px 2px 2px grey;
}

pre.text {
border:solid thin silver;
}

pre.poem_xl
{
white-space:pre-wrap;
border-radius:10px;
border:solid 2px gold;
}

p.poem_xl
{
width:fit-content;
margin:1ex;
padding:1ex;
border-radius:10px;
border:solid 2px gold;
}

pre.lyrics_xl {
white-space:pre-wrap;
border-radius:10px;
border:solid 4px silver;
}

pre.WolframLang { border-color:red;}
pre.WolframLang:before { content:"WolframLang";}
pre.ahk:before { content:"AutoHotkey";}
pre.bash { border-color:darkgrey;}
pre.bash:before { content:"bash";}
pre.clojure:before { content:"Clojure";}
pre.cmd { border-color:dodgerblue;}
pre.cmd:before { content:"cmd.exe";}
pre.code { border-color:grey}
pre.code:before { content:"code";}
pre.common-lisp:before { content:"Common Lisp";}
pre.csharp:before { content:"C Sharp";}
pre.css { border-color:hsl(183,16%,60%);}
pre.css:before { content:"CSS";}
pre.emacs-lisp { border-color:darkred;}
pre.emacs-lisp:before { content:"ELisp";}
pre.error:before { content:"Error";}
pre.golang { border-color:hsl(159,40%,60%);}
pre.golang:before { content:"golang";}
pre.haskell:before { content:"Haskell";}
pre.html { border-color:hsl(244,61%,60%);}
pre.html:before { content:"HTML";}
pre.java { border-color:hsl(0,100%,45%);}
pre.java:before { content:"Java";}
pre.js { border-color:gold;}
pre.js:before { content:"JS";}
pre.lsl:before { content:"LSL";}
pre.math { border-color:hsl(134,17%,60%);}
pre.mysql:before { content:"mysql";}
pre.nodejs { border-color:hsl(240,87%,60%);}
pre.nodejs:before { content:"node.js";}
pre.ocaml:before { content:"OCaml";}
pre.org-mode { border-color:hsl(158,27%,60%);}
pre.output { border-color:grey}
pre.output:before { content:"output";}
pre.perl { border-color:hsl(36,39%,60%);}
pre.perl:before { content:"Perl";}
pre.php { border-color:hsl(240,50%,60%);}
pre.php:before { content:"PHP";}
pre.povray:before { content:"POV-Ray";}
pre.powershell { border-color:hsl(211,67%,45%);}
pre.powershell:before { content:"PowerShell";}
pre.python { border-color:hsl(207,44%,49%);}
pre.python2 { border-color:hsl(54,66%,60%);}
pre.python2:before { content:"Python 2";}
pre.python3 { border-color:hsl(207,44%,49%);}
pre.python3:before { content:"Python 3";}
pre.python:before { content:"Python 3";}
pre.qi:before { content:"Qi";}
pre.ruby { border-color:hsl(0,100%,48%);}
pre.ruby:before { content:"Ruby";}
pre.scheme:before { content:"scheme";}
pre.shell { border-color:hsl(157,42%,70%);}
pre.shell:before { content:"shell";}
pre.typescript:before { content:"TypeScript";}
pre.xml span.sgml-namespace { color:hsl(61,19%,60%);}
pre.xml:before { content:"XML";}

pre span.bold { font-weight:bold;}
pre span.builtin { color:slateblue;}
pre span.comment { color:firebrick;}
pre span.comment-delimiter { color:firebrick;}
pre span.constant { color:#008b8b;}
pre span.doc { color:#8b2252;}
pre span.function-name { color:dodgerblue;}
pre span.keyword { color:#a020f0;}
pre span.perl-non-scalar-variable { font-weight:bold;}
pre span.preprocessor { color:hsl(314,19%,50%);}
pre span.shadow { color:dodgerblue;}
pre span.string { color:#8b2252;}
pre span.type { color:#228b22;}
pre span.underline { text-decoration:underline;}
pre span.variable-name { font-weight:bold;}
pre span.warning { color:red; font-weight:bold;}

pre span.xah-elisp-cap-variable { color:firebrick; font-weight:bold;}
pre span.xah-elisp-command { color:#228b22;}
pre span.xahk-mode-command-name { color:dodgerblue;}

span.elisp-prefix-command, span.elisp-command, span.elisp-macro, span.elisp-special-form, span.elisp-function {
white-space:nowrap;
font-weight:bold;
color:firebrick;
background-color:transparent;
}

span.elisp-constant, span.elisp-user-option, span.elisp-variable {
white-space:nowrap;
font-weight:bold;
color:#a0522d;
}

div > a > img {
max-width:240px;
height:auto;
}

span.xnt {
color:dodgerblue;
font-weight:bold;
}

b.x3nt {
font-weight:bold;
}

b.x3nt:after {
content:" ➤ ";
}

div.xnote {
width:fit-content;
line-height:1.6;
padding:5px;
margin:5px;
border:solid 2px tan;
border-radius:1rem;
}

span.oafm {
color:darkred;
background-color:silver;
}

span.oafm:after {
content:"‡";
}

div.anote {
line-height:1.6;
padding:8px;
margin:8px;
border:solid thin grey;
}

div.anote > p {
padding:8px;
margin:8px;
width:60ex;
}

.big { font-size:24px;}

section.word88 {
border:none;
margin-top:8px;
line-height:1.6;
}

section.word88 > h3.wd {
margin:2px;
}

section.word88 > div.ex {
padding:4px;
border:solid thin grey;
}

section.word88 > div.ex > div.bdy {
line-height:1.6;
}

section.word88 > div.ex > div.bdy > p {
margin:4px;
}

section.word88 > div.ex > div.src {
margin-top:4px;
color:grey;
}

section.word88 > div.ex > div.src:before {
content:"Source:";
}

section.word88 div.cmt {
margin-top:8px;
}

section.word88 div.cmt:before {
font-weight:bold;
content:"Notes:";
}

section.word88 > div.def:before, section.word88 > div.ex > div.def:before {
content:"• ";
}

section.word88 > div.def {
margin:8px;
}

[lang="zh"] {
font-size:18px;
}

.zhChar {
font-size:32px;
}

.todo {
border-bottom:solid thin red;
}

.payme88711 {
display:inline-block;
border:solid thin grey;
border-radius:16px;
}

a.ggb:before {
content:"🔺Geogebra ";
}

nav.xtop {
position:fixed;
top:200px;
right:2px;
z-index:322;
}

nav.xtop > a {
margin:6px;
font-size:40px;
}

nav.xtop > a:hover {background-color:var(--navcol);}

span.xc-black {background-color:black;}
span.xc-blue {background-color:blue;}
span.xc-brown {background-color:brown;}
span.xc-cyan {background-color:cyan;}
span.xc-green {background-color:green;}
span.xc-orange {background-color:orange;}
span.xc-pink {background-color:pink;}
span.xc-purple {background-color:purple;}
span.xc-red {background-color:red;}
span.xc-silver {background-color:silver;}
span.xc-white {background-color:white;}
span.xc-yellow {background-color:yellow;}

span.xc-black,
span.xc-blue,
span.xc-brown,
span.xc-cyan,
span.xc-green,
span.xc-orange,
span.xc-pink,
span.xc-purple,
span.xc-red,
span.xc-silver,
span.xc-white,
span.xc-yellow

{
display:inline-block;
min-width:20px;
min-height:20px;
}

.unic1 {
position:fixed;
bottom:2px;
right:2px;
z-index:2;
margin:5px;
padding:5px;
width:fit-content;
background-color:silver;
}

.unic2 {
margin:0;
padding:5px;
border:solid 1px grey;
}

a.rssXL:before {
content:"RSS";
border-radius:10px;
font-family:Arial, sans-serif;
font-weight:bold;
color:white;
background-color:#f26522;
padding:0 8px;
margin-right:4px;
}

.taglineXL {
margin:4px;
font-size:20px;
color:red;
}

.xahnote {border-bottom:solid 1px grey;}

.xahnote:before { content:"note: "}