/* reset */
html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}*{margin:0;padding:0;border:none}


/* colors */
:root {
	color-scheme: light dark;
	--back:#010;
	--back-light:#f7fff7;
	--text:#070;
	--text-light:#010;
	--header:#060;
	--border:#080;
	--subborder:#040;
	--subheadertext:#6d6;
	--subheaderback:#080;
	--subheaderbold:#9f9;
	--subheaderem:#040;
	--subheaderboldback:#070;
	--subheaderlink:#fff;
	--subheaderlinkhoverback:#993000;
	--subheaderlinkhovertext:#fed;
	--subsubheaderem:#060;
	--subsubheaderback:#080;
	--textblockheaderback:#f7fff7;
	--textblockheaderem:#040;
	--timespantext:#efe;
	--timespanback:#474;
	--tagtext:#fff;
	--tagback:#8b8;
	--quote:#040;
	--quoter:#080;
	--footerhovertext:#994a00;
	--footerhoverback:#e95;
	--footerback:#6d6;
	--footerborder:#070;
	--logo-name:light-dark(var(--header), white);
	--logo-back:light-dark(var(--text), var(--header));
}
@media(prefers-color-scheme: light) {
	legend { color:var(--text-light); }
}

html { color:light-dark(var(--text-light), var(--back)); background-color:light-dark(var(--back-light), var(--back)); }
body { margin:auto; max-width:626px; padding:10pt; padding-top:0; color:var(--text); font-size:10pt;
	font-family:Futura,sans-serif; }
p { padding-bottom:3pt; clear: both; line-break: strict; }
img { vertical-align:middle; max-width:100%; }

div.header { overflow:hidden; margin:0 10pt; position:relative; }
.header svg { width:600px; height:112px; fill:var(--header); vertical-align:bottom; }
.header span { position:absolute; top:3em; left:3.5em; color:var(--logo-name); font-weight:bold; font-size:12pt; }

div.subheader,div.subsubheader {
	padding:3pt 2pt;
	border:solid 2pt var(--subborder);
	border-bottom:unset;
	color:var(--subheadertext);
	background-color:var(--subheaderback);
	text-transform:lowercase;
}
div.subheader { border-top-right-radius:12pt; border-top-left-radius:12pt; }
.subheader b,.subheader .selected, .subsubheader em {
	color:var(--subheaderbold);
	background-color:var(--subheaderboldback);
	font-weight:400;
	border-top-left-radius:8pt;
	border-top-right-radius:8pt;
}
.subsubheader em { padding:1pt; background-color:var(--subsubheaderem); }
.subheader a,.subsubheader a { padding:1pt 3pt; color:var(--subheaderlink); white-space:nowrap; }
.subheader a.selected, .subsubheader a.selected { padding:1pt 3pt 3pt; }
.subheader em,.subsubheader em { padding:1pt 3pt 3pt; background-color:var(--subheaderem); border-top-left-radius:8pt; border-top-right-radius:8pt; }
.subheader a:hover,.subsubheader a:hover { color:var(--subheaderlinkhovertext); background-color:var(--subheaderlinkhoverback); border-radius:8pt; }
div.subsubheader { border-top:none; background-color:var(--subsubheaderback); }
a.selected:hover { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

div.block,div.textblock,div.textblockheader,div.watchthis,div.viewer {
	padding:1pt 3pt;
	border-left:solid 2pt var(--border);
	border-right:solid 2pt var(--border);
	color:#6d6;
	background-color:#fff;
	overflow-x:auto;
}
div.viewer { text-align:center; padding:6pt; }
.block a,.textblock a,.textblockheader a,.watchthis a { padding:1pt 3pt; margin:0 -3pt; color:#070; border-radius:12pt; }
.block a:hover,.textblock a:hover,.textblockheader a:hover,.watchthis a:hover { color:#993000; background-color:#fdb; }

div.textblock,div.textblockheader,div.watchthis { color:#050; }
div.textblock { padding:3pt 5pt; padding-left:23pt; text-indent:-18pt; }
.textblock b,.watchthis em {
	padding:0;
	padding-left:2pt;
	padding-right:2pt;
	border-right:solid 2px #070;
	color:#070;
	background-color:#dfd;
	font-weight:400;
}
.textblock em { color: #080; }

div.textblockheader { padding:2pt 5pt; background-color:var(--textblockheaderback); }
.textblockheader a { margin-right: 4pt; }
.textblockheader em { color:var(--textblockheaderem); font-weight:400; }
.textblock ul { padding-top:0; padding-left:3pt; padding-right:3pt; list-style-type:none; }
.textblock img,.watchthis img { float:left; }

.timespan { font-size:70%; text-transform:uppercase; color:var(--timespantext); position:relative; top:-1.5pt; background:var(--timespanback); border-radius:5pt; padding:0 3pt; }

.textblock.patents { padding: 0 2pt; text-indent: 0; display: flex; flex-wrap: wrap; }
.patents a { margin: 0; display: inline-block; flex-grow: 0; flex-basis: 18%; }
.patents .design { color: #080; }
.patents .utility { color: #040;}
.patents .international { }

.watchthis img { padding-right:2pt; padding-left:2pt; }
.tag { font-size:70%; text-transform:lowercase; color:var(--tagtext); position:relative; top:-1.5pt; background:var(--tagback); padding: 0 1pt; display: inline-block; white-space:nowrap; }
.timespan + .tag { border-top-left-radius:5pt; border-bottom-left-radius:5pt; padding-left: 3pt; }
.tag ~ .tag { margin-left: 1pt; }
.tag:last-of-type { border-top-right-radius:5pt; border-bottom-right-radius:5pt; padding-right: 3pt; }

.quote { padding-left:3pt; color:var(--quote); }
.quoter { color:var(--quoter); font-style:italic; }

table.mechref { margin-left:auto; margin-right:auto; }
.mechref th { text-align:center; font-weight:400; color:#070; background-color:var(--textblockheaderback); }
.mechref td { border:solid 1pt #dfd; padding:1pt 5pt; text-align:center; }
.mechref tr:nth-child(even) td { background-color:#dfd; }

div.footer {
	padding:3pt 2pt;
	border:solid 2pt var(--footerborder);
	border-top:unset;
	background-color:var(--footerback);
	border-bottom-right-radius:12pt;
	border-bottom-left-radius:12pt;
	text-align:right;
}
.footer a { padding:1pt 3pt; color:#050; border-radius:12pt; }
.footer a:hover { color:var(--footerhovertext); background-color:var(--footerhoverback); }