/* 色変数 */
:root { --bg: #fff; --col: #000; --prebg: #ebebeb; --divbg: #f4f4f4; --emcol: #f08; --delcol: #888; --delbg: #d8d8d8; --inscol: var(--emcol); --insbg: #e0e0e0; --smallcol: #888; --thbg: #eee; --acol: LinkText; --aviscol: VisitedText; --ahovcol: LinkText; } 
@media (prefers-color-scheme: dark) {
:root { --bg: #222; --col: #eee; --prebg: #444444;  --divbg: #3c3c3c; --emcol: #0fc; --delcol: #888; --delbg: #383838; --inscol: var(--emcol); --insbg: #e0e0e0; --smallcol: #888; --thbg: #333; --acol: #88F;  --aviscol: #F8F; --ahovcol: var(--acol); } }

/* 基本 */
body { white-space: pre-wrap; font-family: monospace; tab-size: 4; max-width: 540px; margin: 0.62em auto; padding: 0.60em; -webkit-text-size-adjust: 100%; background-color: var(--bg);  color: var(--col); line-height: 150%; /*text-align: center;*/ }

div,pre { border: 1px solid #bbb; display: inline-block; min-width: 62%; max-width: 100%; padding: 3px; border-radius: 3px; font-size: medium; } 

div { word-break: break-all; /*line-break: anywhere;*/ background-color: var(--divbg); } 

pre { margin: 0; overflow-x: auto; background-color: var(--prebg); } 
code { border: 1px solid #bbb; background-color: var(--prebg); }
img { max-height: 160px; max-width: 100%; border: 1px solid #aaa; } 

h1,h2,h3,h4,h5,h6 { display: inline; font-size: medium; font-weight: bold; }
/*h2:before { content: "■ "; } */
h1 { font-size: 200%; }

/* 強調 */
em { font-style: normal; color: var(--emcol); font-weight: bold; } 
b { } 
small { color: var(--smallcol); } 

/* その他 */
del { color: var(--delcol); background-color: var(--delbg);} 
ins { text-decoration: none; color: var(--inscol); background-color: var(--insbg); font-weight: bold; } 
ul,ol { margin: 0 0 0 2em; padding: 0; white-space: normal; } 

/* link */
a:link { color: var(--acol); } 
a:visited { color: var(--aviscol); } 
a:hover { text-decoration: none; } 
a:active { background-color: var(--acol); color: var(--bg); }

/* table */
table { width: 100%; border-collapse: collapse; overflow-x: auto; } 
th,td { border: 1px solid #666; white-space: normal; } 
th { background-color: var(--thbg); }

/** memo **
採用: <img>,b,small,<em>,<ins>,<del>,<pre>,<h1>,<h2>,<table>,<tr>,<th>,<td>
検討: <div>,i,u,s,<code>,<q>,<aside>*,<mark>*
非採用: <p>,<br>,<address>,<blockquote>,<strong>,<samp>,<var>,<sub>,<sup>,<dfn>,<kbd>,<abbr>,<cite>,<header>*,<details>*,<summary>*,<main>*,<section>*,<article>*,<nav>*,<header>*,<footer>*,<figure>*,<figcaption>*,
*/