/* Document scope raises specificity above theme rules such as div.body h2. */
:root .yaq, :root .yaq-spoiler-block{
	--yaq-accent: #386d99;
	--yaq-border: #253574;
	--yaq-focus: #162f62;
}

:root .yaq{
	display: none;
}

:root .yaq.yaq-active{display: block;}



:root .yaq-root{
	width : 100%;
	box-sizing: border-box;
	border-style: solid;
    border-width: 1px;
	margin-bottom: 10px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

:root .yaq-head{
	font-size : 120%;
	font-weight: 700;
	color: white;
	background-color : var(--yaq-accent);
	width : 100%;
	box-sizing: border-box;
	padding : 5px 10px 5px 10px;
	margin-bottom:10px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	text-shadow: 0px 0px black;
}

:root .yaq-main-content{
	padding-left: 10px;
	padding-right: 10px;
}

:root .yaq-content{
	margin-left : 20px;
}

:root .yaq-TFQuestion{
	margin-bottom: 5px;
	margin-left:10px;
}

:root .yaq-questionText{
	display: inline-block;
}

:root .yaq-introTFQuestions,
:root .yaq-unsolvedTF-section{
	padding-left: 14px;
	padding-right:14px;
}

:root .yaq-introTFQuestions{
	margin-bottom:5px;
}

:root .yaq-footer{
	margin-top:15px;
	margin-bottom:10px;
	
}

:root .yaq-footer-status{
	margin-left:auto;
}

:root .yaq-interractiveElement
{
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19);
	cursor: pointer;
}

:root .yaq-interractiveElement:hover{


  /*border: 3px solid #253574;*/
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.34), 0 3px 10px 0 rgba(0, 0, 0, 0.25);
  /*border-radius:3px;*/
}

:root .yaq-button{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:5px;
	display: inline;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	color: white;
	background-color : var(--yaq-accent);
	border: 0;
	font: inherit;
}

:root .yaq-button:disabled{cursor: default;}

:root .yaq-blink{animation: yaq-blink 600ms ease-in-out;}
@keyframes yaq-blink{50%{opacity:0;}}

:root .yaq-marker{margin: 0 10px; font-weight: 700;}
:root .yaq-unanswered-marker{color: #554700;}
:root .yaq-status{display: inline;}
:root .yaq-root input[type="text"]{max-width: 100%;box-sizing: border-box;}
:root .yaq-root select{max-width: 100%;}
:root .yaq-root :is(button, input, select, summary):focus-visible,
:root .yaq-spoiler-inline:focus-visible,
:root .yaq-spoiler-block summary:focus-visible{
  outline: 3px solid var(--yaq-focus, #162f62);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce){:root .yaq-blink{animation: none;}}
:root .yaq-visually-hidden{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
:root .yaq-wrong-marker{color: #9b0000;}
:root .yaq-correct-marker{color: #006b00;}
:root .yaq-solution-marker{color: #124e9b;}
:root .yaq-warning-marker{font-size: 100%; color: #705000; margin: 0 10px;}

:root .yaq-button:after {
  content: " >";
}

:root .yaq-switch3{
	vertical-align: middle;
	width : 100px;
	background-color : transparent;
	display: inline-block;
	font-size:0px;
	box-sizing: border-box;
	margin-right: 2px;
}

:root .yaq-switch3-buttons{
  width: 100%;
  white-space: nowrap;
  margin : 0px;
  padding:0px;
  box-sizing: border-box;
}
:root .yaq-switch3-button{

  width : 33.3334%;
  padding-top:5px;
  padding-bottom:5px;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  font-size:initial;
  border: 1px solid var(--yaq-border);
	background: transparent;
	cursor: pointer;
}

:root .yaq-switch3-button + .yaq-switch3-button
{
  border-left-width : 1px;
  border-left-style	: solid;
  border-left-color : var(--yaq-border);
}

:root .yaq-switch3-button-active
{
	background-color : var(--yaq-accent);
  color : #FFF;
  font-weight: 700;
}

:root .yaq-switch3-button-notActive
{
  background-color : transparent;
  color : #000;
}

:root .yaq-switch3-button-disabled
{
  background-color : #EBEBE4;
  color : #545454;
  font-weight: 700;
}

:root .yaq-wrongTF-section, :root .yaq-correctTF-section{
    border-width: 1px 0 0 0;
    border-style: solid;
    margin-bottom: 10px;
}

:root .yaq-explanation{
	font-style: italic;
	margin-left:120px;
}

:root .yaq-FBQuestions{
	padding-left:14px;
	padding-right:14px;
}

:root .yaq-FBField{
	display: inline-block;
	margin-right: 5px;
}

:root .yaq-FBText{
	margin-right: 5px;
}

:root .yaq-hidden{
	display: none;
}


:root .yaq-spoiler-inline-hidden{
  color: #000;
  background-color: #000;
  cursor: pointer;
}

:root .yaq-spoiler-inline{
	border: 0;
	font: inherit;
	padding: 0;
}
:root .yaq-spoiler-inline:disabled{color: inherit;}



:root .yaq-spoiler-block-title{
  width: fit-content;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 700;
  vertical-align: middle;
  box-sizing: border-box;
  color: white;
	background-color: var(--yaq-accent);
  cursor: pointer;
}

:root .yaq-spoiler-block-content{
  border-left: solid;
  border-width: 1px;
  padding-left: 10px;
  padding-top: 5px;
  margin-left: 14px;
}

@media (max-width: 480px){
  :root .yaq-content, :root .yaq-TFQuestion{margin-left: 0;}
  :root .yaq-explanation{margin-left: 0;}
  :root .yaq-footer{display: flex; flex-wrap: wrap;}
}

@media print{
  :root .yaq{display: block;}
  :root .yaq-root{break-inside: avoid;}
  :root .yaq-button, :root .yaq-switch3, :root .yaq-FBField, :root .yaq-root select{display: none;}
  :root .yaq-spoiler-block-content{display: block;}
}