main{color:var(--main-tr70)}
main .max-1130{margin:0 auto;padding-left:20px;padding-right:20px;max-width:1170px}
.block{padding:20px;border-radius:8px;background-color:var(--brown-tr10);margin-top:20px}
aside h3{margin:0 0 1.5em}
aside p{margin-top:20px;font-size:.785em}
aside p a{color:var(--main)}
aside p span{display:block;padding:1em 1rem;border-radius:4px;color:var(--bg-rose);background-color:var(--sienna)}
@media only screen and (max-width: 767px) {
main{position:relative}
.max-1130{flex-direction:column-reverse}
.trigger{justify-content:space-between;background-color:var(--brown-tr10);color:var(--heading);padding:16px 20px;font-size:.785em;width:100%;position:absolute;left:0;top:0}
.trigger svg{transform:rotate(90deg);transition:transform .3s ease-in-out}
.content-open .trigger svg{transform:rotate(-90deg)}
aside .content{max-height:0;overflow:hidden;transition:all .3s ease-in-out}
.content-open .content{max-height:500px;margin-bottom:50px}
}
@media only screen and (min-width: 768px) {
.trigger{display:none}
.max-1130{gap:30px;flex-direction:row-reverse;align-items:flex-start}
aside{flex:0 0 280px;background-color:var(--brown-tr10)}
aside .content{padding:20px}
aside h3{font-size:1.25em}
main h1{margin-top:0}
main h2{font-size:1.75em}
}
@media only screen and (min-width: 1024px) {
.max-1130{gap:55px}
}