/* --------------------------------------------------------------

   snippets.css 
   short, reusable CSS blocks
  

-------------------------------------------------------------- */


/* F.A.Q.
------------------------------------------ */
details {
  font-family: "Open Sans", Calibri, sans-serif;
  border: solid;
  border-width: 0.2rem;
  border-radius: var(--border-radius);
  padding:1em;
  margin-bottom: 0.9em;
  background-color: #e6e6e6;
  transition: background-color 0.5s, border-radius 0.7s, max-width 0.7s;
}
details[open] {
	background-color: transparent;
	border-radius: 0em;
	max-width : calc( var(--MaxWidthContainerSize) - 2 * var(--border-radius));
	
}
details p {
    column-rule-width: 0.15rem ;
    column-rule-style: solid ;
    column-count: auto;
    column-width: 320px;
    column-gap: 2em;
    hyphens: auto;
    text-align: justify;
}
details summary::marker,
:is(::-webkit-details-marker) {
  content: "+ ";

  transition: font-size 300ms;
}
details[open] summary::marker {
   content: "| ";
  font-size: 1.5rem;
}
details summary::after {
    content: "?";
  }
details[open] summary::after {
    content: ":";
  }
summary {
	
}
.details {
	padding: var(--container_padding);
}

/* fin */