/* Reset only elements used by this page. */
html, body, div, span,
h1, h2, h3, p,
a, img,
dl, dt, dd, ul, li,
table, tbody, thead, tr, th, td,
header, nav, main, footer, dialog, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
th, td {
	text-align: left;
	font-weight: normal;
}
[hidden] {
	display: none !important;
}
.visually-hidden {
	position:absolute !important;
	width:1px !important;
	height:1px !important;
	padding:0 !important;
	margin:-1px !important;
	overflow:hidden !important;
	clip:rect(0, 0, 0, 0) !important;
	white-space:nowrap !important;
	border:0 !important;
}
/*------------------------------------------------------------*/
html {
	width: 100%;
	background:#333;
}
body {
	font-size:62.5%;
	background:#333;
	color:#333;
	padding: 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	width: 100%;
}
.site-shell {
	anchor-name:--site-shell;
	overflow:hidden;
	width:708px;
	background:#efefef;
	margin:0 auto;
	padding:40px 100px 10px;
	font-size:1.2em;
	position:relative;
}
a,
.link-button {
	color:#5AB300;
}
a:hover,
.link-button:hover {
	color:#777;
}
.link-button {
	appearance:none;
	background:transparent;
	border:0;
	border-radius:0;
	cursor:pointer;
	font:inherit;
	line-height:inherit;
	margin:0;
	padding:0;
	text-align:inherit;
	text-decoration:underline;
	vertical-align:baseline;
}
a:focus-visible,
button:focus-visible {
	outline:2px solid #5AB300;
	outline-offset:2px;
}
h1 {
	font-size:2em;
	margin-bottom:.4em;
	font-weight:normal;
}
h3 {
	padding-bottom:10px;
	font-weight:bold;
	font-size:16px;
	letter-spacing:-1px;
}
/*calendar*/
.calendar {
	margin:0 auto -1px;
	background:#999;
	border-spacing:1px;
	clip-path:inset(0 0 1px 0);
}
.calendar > thead {
	display:contents !important;
}
/* Keep the legacy grid geometry while its accessible header stays out of flow. */
.calendar > tbody {
	transform:translateY(-1px);
}
.calendar tr {
	height:75px;
	overflow:hidden;
}
.calendar-cell {
	width:100px;
	height:75px;
	vertical-align:middle;
	background:#eaeaea;
	text-align:center;
	overflow:hidden;
	font-family:Georgia, serif;
}
.calendar-cell--number {
	vertical-align:top;
	text-align:right;
	color:#999;
}
.calendar-cell--number span {
	padding:5px;
	display:block;
}
.calendar-cell--outside-month {
	background:#dfdfdf;
}
.calendar-post {
	display:block;
	width:90px;
	height:70px;
	margin:0 auto;
	overflow:hidden;
}
.calendar-post:hover,
.calendar-post:focus {
	border:2px solid #5AB300;
}
/*tooltip*/
.tooltip-box {
	z-index:2;
	border:1px solid #ccc;
	padding:5px;
	background:#F7F5D1;
	position:absolute;
	font-size:12px;
}
/*post view*/
.post-view {
	padding:10px;
	background:#eaeaea;
	position:absolute;
	left:130px;
	top:50px;
	right:auto;
	bottom:auto;
	border:1px solid #ccc;
	margin:0;
	color:inherit;
}
/*footer*/
.month-summary {
	font-size:3.5em;
	text-transform:uppercase;
	padding-top:10px;
	letter-spacing:-3px;
	float:left;
	font-weight:400;
}
.month-summary h2,
.month-navigation {
	display:inline;
}
.month-navigation {
	letter-spacing:0;
}
.month-navigation a,
.month-navigation-disabled {
	text-decoration:none;
}
.month-navigation-disabled {
	color:#5AB300;
}
.site-footer {
	padding-top:10px;
	text-align:right;
	float:right;
	line-height:1.2em;
}
.status-message {
	position:absolute;
	font-size:1.3em;
	padding:4px 4px 4px 40px;
	height:32px;
	line-height:32px;
	color:#333;
	left:0;
	top:0;
	background:transparent url(wait.gif) no-repeat 0;
}
.site-navigation {
	position:absolute;
	right:100px;
	top:48px;
	font-weight:bold;
}
.site-navigation li {
	display:inline;
	padding:0 0 0 10px;
}
.rss-link {
	color:#DFA137;
}

/* panels */
.panel-dialog {
	position:fixed;
	position-anchor:--site-shell;
	top:auto;
	left:auto;
	right:calc(anchor(right) + 40px);
	bottom:calc(anchor(bottom) + 40px);
	padding:10px;
	background:#efefef;
	border:1px solid #ccc;
	width:170px;
	margin:0;
	color:inherit;
	opacity:0;
	transition:
		opacity 400ms linear,
		display 400ms allow-discrete,
		overlay 400ms allow-discrete;
}
.panel-dialog:popover-open {
	opacity:1;
}
@starting-style {
	.panel-dialog:popover-open {
		opacity:0;
	}
}
.panel-dialog p {
	margin-bottom:.8em;
	line-height:15px;
}
/*authors block*/
.authors-panel {
	width:672px;
	bottom:calc(anchor(bottom) + 30px);
}
.authors-panel dd,
.authors-panel dt {
	float:left;
	width:100px;
	padding-bottom:10px;
	overflow:hidden;
}
.authors-panel dt {
	font-weight:bold;
	clear:left;
}
.authors-panel dd {
	padding-left:10px;
}
.authors-column {
	width:210px;
	float:left;
	border:1px solid #ccc;
	border-width:0 1px 0 0;
	padding-right:10px;
}
.author-entry {
	display:flow-root;
}
.authors-column--middle {
	padding-left:10px;
}
.authors-column--last {
	border-width:0;
	padding-left:10px;
	padding-right:0;
}
.month-list-panel {
	width:110px;
	line-height:1.6;
	bottom:auto;
	top:calc(anchor(top) + 80px);
	color:#aaa;
}
@media (prefers-reduced-motion: reduce) {
	.panel-dialog {
		transition:none;
	}
}