@layer setupPage;

details {
  border: 1px solid;
  padding: 0 1rem;
  background: white;
}
details + details {
  border-top: none;
}
details[open] {
    padding-bottom: 1em;
}  
summary {
  padding: 1rem 2em 1rem 0;
  font-size: 1rem;
  font-weight: 400;
  cursor: pointer;
  color: #333;
}
summary::marker{
  padding: 1rem 2em 1rem 0;
  font-size: 1.25rem;
  font-weight: bold;
  cursor: pointer;
}
/* cascade layer: page setup. Doesn't impact the accordion */
@layer setupPage {
  
:root {
  font-size: 112.5%;
  line-height: 1.5;
}
/* body {
  background: #a4bacc99;
  color: #226daa;
  font-family: Raleway, sans-serif;
  margin: 1rem;
}
  */
* {
  box-sizing: border-box;
}

aside {

}

}

slot:not([name]) {
  display: revert;
}
.aside{
  margin: 10px 10px 10px 10px;
}
.aside h2{
  color: #B17C32;
  text-align: center;
  margin: 1em 0;
  font-size: 2em;
}
aside p{
  text-align: justify;
}
aside span{
  color: #B17C32;
  font-style: italic;
  font-weight: bold;
}
aside span a{
  font-weight: bold;
}
aside span:hover{
  color: gold;
}