.output { background: #E5E7EB; padding: 2rem 1rem; border-radius: 5px; margin: 2rem auto; font-size: 1.5rem; }

.scopesearch {color: #000; scroll-behavior: smooth;
	font-family: "Times New Roman", serif;
	font-style: normal; font-weight: normal;
	-webkit-border-radius: 4px; border-radius: 4px;
}
.scope-searchbar>input {
	 -webkit-appearance: none; -moz-appearance: none;
	appearance: none; background-color: #fff;
	border-radius: 3px; min-width: 300px;
	border: 1px solid #6b7280;
	padding: 0.5rem 0.75rem 0.5rem 0.75rem;
	font-size: 1.5rem; font-weight: 600;
	line-height: 2rem; font-family: 'Lato', sans-serif;
}
.scope-searchbar {-webkit-position: sticky; position: sticky;
	z-index: 85; top: 0; background: #333; padding: 0.5rem;
}
.scopesearch {
	height: 75vh; overflow-x: hidden; overflow-y: scroll;
	border: 2px solid #888; 
}
/* custom scrollbar */
.scopesearch::-webkit-scrollbar { width: 16px; height: 16px;}
.scopesearch::-webkit-scrollbar-track {
	background: #f1f1f1;       /* Track background color */
	border-radius: 4px;        /* Rounded corners for the track */
}
.scopesearch::-webkit-scrollbar-thumb {
	background: #888888;       /* Handle color */
	border-radius: 4px;        /* Rounded corners for the handle */
}
.scopesearch::-webkit-scrollbar-thumb:hover {background: #555555;}

/* scope styles */
.btn-top:link,.btn-top:visited {color: #fff; text-decoration: none;}
.btn-top { padding: 8px; border: 0; font-family: 'Lato', sans-serif;
	border-radius: 3px; background-color: #4F46E5; color: #fff;
	cursor: pointer; margin-left: 6px; transition: opacity 0.3s ease;
}
.btn-top:hover{background-color: #fff; color: #4F46E5;}
.unseen { opacity: 0; pointer-events: none; }
.shown {opacity: 1; pointer-events: auto;}
.t-indent{text-indent: 0pt; text-align: left;}
.scope-heading { width: 100%;
	max-width: 748px; padding: 0 1em 1em 1em; text-align: left;
}
.scope-heading figure {width: 202px; float:right; padding: 0; margin: 0 0 0 1.25em;}
.scope-heading figure img {width: 100%; height: auto; padding: 0; margin: 0;}
.scope-heading figure figcaption{ text-align: center; margin: 8px 0 8px 0;
	text-transform: uppercase; font-family: 'Lato', sans-serif; font-size: 16px;
}
.scope-sources{margin: 2.5em 0 3.25em 0; padding: 0 55pt 0 0;}
.div-table, .div-table-full {display: table; width: 100%; border-collapse: collapse; }
.div-table-row {display: table-row;}
.div-table .div-table-col, .div-table-full .div-table-col {
	display: table-cell; padding: 8px; 
	vertical-align: top; border: 1px solid #ccc;
}
.div-table .div-table-col {width: 25%;}
.div-table-full .div-table-col {width: 100%;}
.div-table-row.header { background-color: #f0f0f0; }
.div-table-row.header, .div-table-row.header .s3,
.div-table-row.header .s7{font-weight: 700;}
.div-table-row h4 {
	font-weight: 700; font-size: 24px;
	padding: 2em 0.5em 0.5em 0.5em;
}
			
.s1 {
    text-decoration: underline; font-size: 11pt;
}
.p, .scopesearch p {text-decoration: none; font-size: 11pt; margin: 0pt;}
.s2 {
    text-decoration: none;
    font-size: 7pt; vertical-align: 3pt;
}
.s3 {text-decoration: none; font-size: 11pt; padding-left: 5pt; text-indent: 0pt; line-height: 12pt; text-align: left;}
.s4 {
    text-decoration: none;
    font-size: 7pt; vertical-align: 3pt;
}
.s5 {
    font-family: Symbol, serif;
    text-decoration: none;
    font-size: 11pt;
}
.s6 { text-decoration: none;
    font-size: 7pt; vertical-align: 3pt;
}
.s7 {
    text-decoration: none;
    font-size: 11pt; vertical-align: -4pt;
}
.s8 {text-decoration: none; font-size: 7pt;}
.s9 {
    font-family: Symbol, serif;
   text-decoration: none;
   font-size: 11pt; vertical-align: -4pt;
}
.s10 {
    text-decoration: none;
    font-size: 7pt; vertical-align: 4pt;
}
.s11 { text-decoration: none; font-size: 11pt;}
.s12 {
    font-style: italic;
    text-decoration: none; font-size: 11pt;
}
.s13 {
    font-family: "Cambria Math", serif;
    text-decoration: none; font-size: 11pt;
}
.s14 {
    text-decoration: none;
    font-size: 11pt; vertical-align: 1pt;
}
.s18 {
    text-decoration: none;
    font-size: 7pt; vertical-align: 4pt;
}
.s19 { text-decoration: none; font-size: 11pt;}
.s20 {
    font-family: Symbol, serif;
    text-decoration: none; font-size: 11pt;
}
.s21 { text-decoration: none;
    font-size: 11pt;
    vertical-align: 1pt;
}
.s22 {text-decoration: none; font-size: 7pt;}
.s23 {
    font-family: "Century Gothic", sans-serif;
    text-decoration: none; font-size: 10pt;
}
.s24 {color: #002d6c;
    font-family: "Century Gothic", sans-serif;
    font-style: italic;
    text-decoration: none; font-size: 14pt;
}
.s25 {
    color: #002d6c;
    font-family: "Century Gothic", sans-serif;
    text-decoration: none; font-size: 20pt;
}
.s27 {
    font-family: "Century Gothic", sans-serif;
    text-decoration: none; font-size: 6.5pt;
    vertical-align: 2pt;
}
.s28 {
    font-family: "Century Gothic", sans-serif;
    font-style: italic;
    text-decoration: none; font-size: 9pt;
}

#l1 {padding-left: 0pt; counter-reset: c1 1; }
#l1 > li > *:first-child:before {
   counter-increment: c1;
   content: counter(c1, upper-roman) ". ";
   text-decoration: none; font-size: 11pt;
}
#l1 > li:first-child > *:first-child:before {counter-increment: c1 0;}
#l2 {padding-left: 0pt;counter-reset: d1 0;}
#l2 > li > *:first-child:before {
    counter-increment: d1;
    content: counter(d1, decimal) " ";
    text-decoration: none;
}
#l2 > li:first-child > *:first-child:before {counter-increment: d1 0;}
#l3 {padding-left: 0pt;counter-reset: d2 2;}
#l3 > li > *:first-child:before {
    counter-increment: d2;
    content: counter(d1, decimal) "." counter(d2, decimal) " ";
    text-decoration: none; font-size: 11pt;
}
#l3 > li:first-child > *:first-child:before {counter-increment: d2 0;}
#l4 {padding-left: 0pt; counter-reset: e1 0;}
#l4 > li > *:first-child:before {
    counter-increment: e1;
    content: counter(e1, decimal) " ";
    text-decoration: none;
}
#l4 > li:first-child > *:first-child:before {counter-increment: e1 0;}
#l5 {padding-left: 0pt; counter-reset: e2 2;}
#l5 > li > *:first-child:before {
    counter-increment: e2;
     content: counter(e1, decimal) "." counter(e2, decimal) " ";
    text-decoration: none; font-size: 11pt;
}
#l5 > li:first-child > *:first-child:before {counter-increment: e2 0;}
#l6 { padding-left: 0pt; counter-reset: f1 0; }
#l6 > li > *:first-child:before {
    counter-increment: f1;
    content: counter(f1, decimal) " ";
    text-decoration: none;
}
#l6 > li:first-child > *:first-child:before {counter-increment: f1 0;}
#l7 { padding-left: 0pt; counter-reset: f2 15; }
#l7 > li > *:first-child:before {
    counter-increment: f2;
    content: counter(f1, decimal) "." counter(f2, decimal) " ";
    text-decoration: none; font-size: 11pt;
}
#l7 > li:first-child > *:first-child:before {counter-increment: f2 0;}
#l8 { padding-left: 0pt; counter-reset: g1 0;}
#l8 > li > *:first-child:before {
    counter-increment: g1;
    content: counter(g1, decimal) " "; text-decoration: none;
}
#l8 > li:first-child > *:first-child:before {counter-increment: g1 0; }
#l9 {padding-left: 0pt; counter-reset: g2 4;}
#l9 > li > *:first-child:before {
    counter-increment: g2;
    content: counter(g1, decimal) "." counter(g2, decimal) " ";
    text-decoration: none; font-size: 11pt;
}
#l9 > li:first-child > *:first-child:before {counter-increment: g2 0;}
#l10 { padding-left: 0pt; counter-reset: h1 0; }
#l10 > li > *:first-child:before {
    counter-increment: h1; content: counter(h1, decimal) " ";
    text-decoration: none;
}
#l10 > li:first-child > *:first-child:before {counter-increment: h1 0;}
#l11 { padding-left: 0pt; counter-reset: h2 5; }
#l11 > li > *:first-child:before {
    counter-increment: h2;
    content: counter(h1, decimal) "." counter(h2, decimal) " ";
    text-decoration: none; font-size: 11pt;
}
#l11 > li:first-child > *:first-child:before {counter-increment: h2 0; }