/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,main,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
summary{list-style-type:''}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,main,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
mark{background:none}
table{border-collapse:collapse;border-spacing:0}
/* Palette */
:root{
--bg:hsla(0, 0%, 96%, 1);/*WhiteSmoke*/
--bg-alt:hsla(0, 0%, 92%, 1);
--bg-border:hsla(0, 0%, 88%, 1);
--fg:hsla(0, 0%, 4%, 1);
--fg-fade:hsla(0, 0%, 8%, 1);/*Chinese Black*/
--fg-light:hsla(0, 0%, 12%, 1);
--c0:hsl(5, 65%,40%);/*Chinese Red*/
--c1:hsla(35,65%,40%,1);
--c2:hsla(65,65%,40%,1);
--c3:hsla(95,65%,40%,1);
--c4:hsla(125,65%,40%,1);
--c5:hsla(155,65%,40%,1);
--c6:hsla(185,65%,40%,1);
--c7:hsla(215,65%,40%,1);
--c8:hsla(245,65%,40%,1);
--c9:hsla(275,65%,40%,1);
--c10:hsla(305,65%,40%,1);
--c11:hsla(335,65%,40%,1);
--a1:hsla(95,25%,40%,1);
--a2:hsla(275,25%,40%,1);/*Wisteria Fuji-iro*/
--link:var(--c0);
--logo:var(--a2);
--scroll:var(--c6)}
/* Base */
html{max-width:60rem;width:calc(100% - 1rem);margin:0 auto}
body{font-size:1.5rem; 
line-height:1.75rem;
font-weight:400;
font-family:"Linux Libertine O","Times New Roman",sans-serif;
color:var(--fg);
background:var(--bg)}
/* Header  */
header{
display:flex;
align-items:center;
justify-content:start;
width:100%;  
border:1px solid var(--bg-border);
margin:1rem 0}
header span#title{
font-size:2.5rem;
font-style:normal;   
font-weight:600;
text-align:center;
text-decoration:none;
margin:0;
padding-left:8px}
header #logo{
position:relative;
display:inline-block;
padding:4px;
cursor:pointer}
header #logo:hover{background-color:var(--bg-alt)}
header #logo svg{fill:var(--logo);stroke:var(--logo)}
header #logo svg circle{fill:none;stroke-width:3px}
header #logo svg text{stroke-width:1px;text-anchor:middle;dominant-baseline:central;font-family:Garamond;font-size:30px}
/* Headers */
h1,h2,h3,h4,h5,h6{font-weight:600;margin:1.0rem 0;padding:0}
h1{font-size:2.5rem}
h1::before{content:'❁';display:inline-block;width:2.5rem}
h2{font-size:2.25rem}
h2::before{content:'✾';display:inline-block;width:2.5rem}
h3{font-size:2.0rem}
h3::before{content:'❀';display:inline-block;width:2.5rem}
h4,h5,h6{font-size:1.75rem}
h4::before{content:'✿';display:inline-block;width:2.5rem}
/* Paragraphs */
p{margin:0.5rem 0;padding:0;text-align:justify}
/* Links */
a{
color:var(--link);    
text-decoration:none;
white-space:wrap}
a:hover{
text-decoration:underline}
/* Lists */
ul{list-style:circle inside}
ol{list-style:decimal inside}
ul ul,ul ol,ol ol,ol ul{margin-left:1rem}
menu{list-style:none}
menu > li > a {font-weight:600;font-size:2.0rem}
/* Code */
pre, code, code-block{
padding:0;
margin:0;
font-size:90%;
font-family:"Linux Libertine Mono O",monospace,monospace;
white-space:pre;
background:var(--bg-alt);
border:1px solid var(--bg-border);
border-radius:4px}
code{padding:0rem 0.1rem}
pre, code-block{
overflow-x:scroll;
scrollbar-color:var(--scroll) var(--bg-border);
display:block;
padding:0.5rem 0 0.5rem 1rem;  
margin:0.5rem 0} 
/* Images */
figure{width:fit-content;padding:0.5rem;margin:0.5rem auto;border:1px solid var(--bg-border);border-radius:4px;text-align: center}
figcaption{font-size:90%;font-style:italic}
figcaption::before{content:'Figure. ';font-style:normal}
/* Tables */
th,td{padding:0.5rem;text-align:left}
/* Details */
details > summary{color:var(--link)}
details > summary:hover{text-decoration:underline;cursor:pointer}
/* Printing */
@media print{
:root{
--bg:white;
--bg-alt:white;
--bg-border:grey;
--fg:black;
--link:darkblue;    
--logo:black}
pre{white-space:pre-wrap}}