*.type   { width:320px;            text-align:center;   color:#000000;     background-color:#C8D8F8; 
           margin:0px;             border-color:#555;  border-width:1px;  border-style:solid;  font-size:11pt; }
*.value  { max-width: 6ch; width: 100%; text-align:center; field-sizing: content;  font-weight:bold;
           margin:0px;             xxborder-color:#555;  xxborder-width:1px;  border-style:solid;  font-size:11pt;}
*.base   { width:320px;            text-align:left;     color:#000000;     background-color:#C8D8F8;
           margin:0px;             border-color:#555;  border-width:1px;  border-style:solid;  font-size:10pt;}
*.result { width:320px;            text-align:center;   color:#000000;     background-color:#dddddd; font-weight:bold; font-size:13pt;
           margin:0px;             border-color:#555;  border-width:1px;  border-style:solid; }
*.target { width:320px;            text-align:left;     color:#000000;     background-color:#dddddd;
           margin:0px;             border-color:#555;  border-width:1px;  border-style:solid;  font-size:11pt;}
#is_error {border:1px solid #ddd;padding:4px;font-size:11pt;color:red; display:none;}
#result {margin-top:18px; white-space: pre-wrap;  font-family: "Courier New", Courier, "Lucida Console", Monaco, monospace; font-size:0.85rem; line-height:1.4; xxcolumn-width: 10em; xxcolumn-count: 2; xxcolumn-gap: 10px; xxword-break: break-word;}
#result div:nth-child(even) {background-color: rgba(140,140,140,0.15); padding-left:2px}
#result div:nth-child(odd) {background-color: rgba(180,180,180,0.15); padding-left:2px}
#clear {margin-top:24px}
.cltab input, .cltab select {xxbackground-color:#C8D8F8; font-size:11pt; text-align:right}
.cltab th input, .cltab th select {font-size:13pt;text-align:center}
.cltab td, .cltab th {font-size:11pt;}
var {color:var(--accent-gold); font-weight:bold; font-size:13pt;}
table#rand, table#rand th {border: none; background:none; }