@font-face {
    font-family: 'interregular';
    src: url('../font/inter/Inter-Regular.ttf');
    src: url('../font/inter/Inter-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
  :root { font-family: 'Inter var', sans-serif; }
}
/* = = = = = = = = = = = = = */

* { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
}

body {
	font-family: 'Inter';
	color: #000;
	position: relative;
	border-top: 65px solid #eee;
	border-bottom: 5.2em solid #000;
	margin: 0 auto;
	padding: 0 1em;
	font-size: 1em;
	/*display: flex;
  justify-content: center;*/
}

#container {
	margin: -65px auto 1em auto;
	width: 100%;
}

hr { border: none; border-top: 1px dashed #000; margin: 1em 0; padding: 0; }

#content { margin-top: 2em; }

#content hr { margin: 1em 0; }

/* = = = = = = = = = = = = = */
@media (min-width: 1000px) {

  #container { max-width: 900px; }

}

/* = = = = = = = = = = = = = */

h1 {
	line-height: 65px;
	margin: 0;
	padding: 0;
	text-indent: 0;
	display: inline-block;
}

h1 a { color: #c00; border: none; background: none; padding: 0; margin: 0; }
h1 a:hover { border: none; background: none; opacity: 0.76; }

h1 a.t span { font-size: 0.5em; }

/* = = = = = = = = = = = = = */

h2, h3, h4, h5 {
	color: #c00;
	margin: 0;
	line-height: 1.65em;
	font-size: 1.2em;
	padding: 1em 0;
	font-weight: bold;
}

/* = = = = = = = = = = = = = */
#nav {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  background: #fff;
  border: 13px solid #fff;
}

#nav ul {
  margin: 1em 0;
  padding: 0;
  font-size:0.9em;
}
#nav ul li { display: inline; margin: 1em 1em 0 0; padding: 0; }
#nav ul li:before { content: normal; }
#nav ul li a, #nav ul li a.active { color: #000; background: transparent; border: none; }
#nav ul li a:hover { color: #c00; }
#nav ul li a.active:hover { color: #000; border: none; background: transparent; }

#footer {  }
#footer ul { margin: 0; padding: 0; }
#footer ul li { display: inline; margin: 0 1em 0 0; padding: 0; }
#footer ul li:before { content: normal; }
#footer ul li a, #footer ul li a.active { color: #000; background: transparent; }
#footer ul li a:hover { color: #c00; }
#footer ul li a.active:hover { color: #000; border: none; background: transparent; }

/* = = = = = = = = = = = = = */

p { line-height: 1.65em; }
strong { font-weight: normal; background: #F4EDC7; border-bottom: 1px solid #EDDC88; padding: 0.1em 0.3em; }
em { font-weight: bold; font-style: normal; }
/*  */

/* = = = = = = = = = = = = = */

img {
border: 3px double #aaa;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
padding: 0;
margin: 0;
max-width: 100%;
height: auto;
}

img.side { width: 50%; margin: 0 0 1em 2em; float: right; }

p.caption { font-size: 0.65em; margin: 0 0 1em 0; }

/* = = = = = = = = = = = = = */

blockquote { margin: 2em 0; }
blockquote p {
	background: #C5DCBF;
	margin: 1em 0;
	padding: 0.5em 1em;
	border-left: 0.5em solid #82BE7E;
	color: #000;
	/* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; */
}

blockquote cite { display: block; font-size: 0.8em; text-align: right; }
blockquote cite a { color: #888; border: none; }

/* = = = = = = = = = = = = = */

ul, ol { margin: 1em 0 1em 1.3em; padding: 0; }
ul li { padding: 0.5em 0; text-indent: -1.8em; list-style-position: outside; list-style-type: none; }
ul li:before { content: "\2015  "; margin: 0 0.5em 0 0; }

ul li a { text-indent: 0; }

ol li { padding: 0.2em 1em; }
ol li:target { background: #FAE6E3; }

li { line-height: 1.5em; }

dl { margin: 2em 1em; }
dt { margin: 1em 0 0.3em 0; color: #c00; }
dd { margin: 0 0 0 0.6em; line-height: 1.3em; font-size: 0.9em; }
dd:before { content: "\2015  ";  }

/* = = = = = = = = = = = = = */

a {
	color: #3274B5;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #3274B5;
	background: transparent;
	padding: 0 0.13em;
}
a:hover {
	border-bottom: 1px dashed #3274B5;
	text-decoration: none;
/*	background: #E9EAEB;*/
	opacity: 0.76;
}

/* = = = = = = = = = = = = = */

.t span {
	visibility: hidden;
	position: absolute;
	margin: -1em -1.3em 0 0;
	font-size: 0.6em;
	line-height: 1.6em;
	background: #fff;
	padding: 0em 0.3em;
	border: 1px solid #ddd;
	opacity: 0.8;
}

.hover span { visibility: visible; }

/* = = = = = = = = = = = = = */

a.local { }
a.anchor { }

a.cta { 
	background-color: #eee;
  border: 2px solid #c00;
  color: #000;
  padding: 0 0.65em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 0;
  cursor: pointer;
  border-radius: 13px;
}
a.cta:hover { opacity: 0.65; } 

a.external { display: inline; position: relative; padding: 0 0.65em 0 0;}
a.external sup {
	color: #bbb;
	font-size: 1em;
	padding: 0;
	margin: -0.5em 0 0 0;
	position: absolute;
}

a:hover.external sup { color: #000; }

a:has(img) { border: 0; }

/* = = = = = = = = = = = = = */

pre { white-space: pre-wrap; font-size: 1.1em; line-height: 1.3em; }
sup a { font-size: 0.76em; margin: 0; padding: 0 0.3em; font-weight: bold; color: #c00; border: none; }

/* = = = = = = = = = = = = = */

form { width: 95%; margin: 0 auto; padding: 0; }
form input { border: 1px solid #ddd; background: transparent; padding: 0.3em 0; margin: 0; font-size: 0.76em; font-family: 'anaheimregular'; }
form input#search { width: 20%; }
form input#q { border: 1px solid #ddd; width: 76%; text-indent: 0.3em; }

/* = = = = = = = = = = = = = */

.boxes {
	display: flex;
	flex-wrap: wrap;
}

.duo, .paired { gap: 1em; }

.duo .box { flex: 40%; }

.paired .box { flex: 65% }
.paired .sbox { flex: 30%; }

@media (max-width: 800px) {
  .paired .sbox {
    flex: 100%;
  }
  .paired .box {
    flex: 100%;
  }
}

@media (max-width: 800px) {
  .duo .box {
    flex: 100%;
  }
}

.multi { gap: 1em; margin: 2em 0;}
.multi .box {
	flex: 25%;
	padding: 0 1em;
	border: 1px solid #aaa;
	border-bottom: 3px double #ccc;
}

@media (max-width: 1024px) {
  .multi .box {
    flex: 45%;
  }
}

@media (max-width: 800px) {
  .multi .box {
    flex: 100%;
  }
}

.multi .box {
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.multi h2, .multi h3 { font-size: 1em; padding-bottom: 0; }
.paired h2, .paired h3 { font-size: 1em; padding-bottom: 0; }

.small .box { flex: 40%; }

/*	.duo { grid-template-columns: repeat(2, 1fr); }
	.multi { grid-template-columns: repeat(3, 1fr); }
	.postit ul { grid-template-columns: repeat(4, 1fr); }
  .small { grid-template-columns: 33% auto; }
  .smaller { grid-template-columns: 20% auto; }*/



/* = = = = = = = = = = = = = */

.postit ul {
	max-width: 100%;
	display: grid;
	gap: 1em;
  margin: 2em 0 3em 0;
}

.postit ul li {
	display: block;
	padding: 1em 0.5em;
	font-size: 0.9em;
	content: "";
	text-indent: 0;
	text-align: center;
	background: #97C3F4;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.postit ul li::before { content: ""; }

.postit ul li strong {
	font-weight: normal;
	background: #85AFE1;
	border-bottom: 1px solid #6E9FD5;
	padding: 0.1em 0.3em;
}


/* = = = = = = = = = = = = = */

.cache { font-size: 0.6em; }
#update { color: #aaa; font-size: 0.7em; margin: 0; position: fixed; bottom: 3px; left: 3px; }
.info_link { opacity: 0.39; }
.hi { background: yellow; }