html, body {
	font-size: 15px; 
}
body {
	font-family: 'hk_grotesk', Arial, Helvetica, sans-serif;	
	background-color:white;
	color:black;
	margin: 0; padding: 0;
    width:100%; height:100%;
}


a { color:red; }
a:hover { text-decoration: underline; }

*, *:before, *:after {
    box-sizing: border-box; 
    outline:none; 
}

/* */

body { 
	/*display:flex; flex-wrap:wrap; align-items:flex-start; */
}

nav { width:200px; background:white; padding:1rem; font-size:.9rem; 
position:fixed; right:0; top:0; z-index:10;
}
nav ul { margin:0; padding:0;  }
nav li { margin:0; list-style:none; padding:0; }
nav a { text-decoration: none; }
nav a:hover { text-decoration: underline; }
nav {}
nav {}
nav {}

main {
	width:calc(100% - 200px); 
	max-width:800px;
	padding:1rem;
}

h1 { font-size: 3rem; line-height:1em; margin:0; }
.small { font-size:.8rem; }




article { margin:2rem 0; border-top: solid 1px black; }

article ul { padding-left:0; }
article :is(li,p,){ margin-left:1.5rem; }
article h4{ margin-left:.75rem; }

article h2:first-child { position:relative; cursor:pointer; }
article h2:first-child:after { content:'▼'; position:absolute; right:0; top:-.5rem;
	font-size:2rem; }
article.opened h2:first-child:after { content:'×'; position:absolute; right:0; top:-1.5rem;
	font-size:3rem; }
/*article.closed .hidable { display:none; }*/
article .hidable { display:none; }







@media screen and (max-width:600px){

}