*,:after,:before{box-sizing:border-box}.container{margin:0 auto;max-width:50em;padding:min(2rem,4.5vmax)}.flow>*+*{margin-top:.75rem}.title{font-weight:500;text-align:center;text-transform:capitalize;margin-top:0}.accordion{margin:0 auto;max-width:1200px}.accordion__item{box-shadow:0 1px 2px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.1),0 3px 5px rgba(0,0,0,.1)}.accordion__item--trigger{cursor:pointer;color:#fff;font-size:1.125rem;margin:0;padding:.75rem 1rem;background-color:#523280;box-shadow:inset 0 1px 2px rgba(0,0,0,.1),0 2px 3px rgba(0,0,0,.1),0 3px 5px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between}.accordion__item--trigger:after{content:"+";font-weight:700;font-size:1.5rem;display:block;margin-left:.75rem}.accordion__item--trigger[aria-expanded=true]:after{content:"-"}.accordion__item--panel{height:0;opacity:0;overflow:hidden;background-color:hsla(0,0%,90.2%,.75);transition:height .4s ease-in-out,opacity .35s linear;display:flex}.accordion__item--panel p{margin:0;padding:1rem;font-size:.85rem}.accordion__item--trigger[aria-expanded=true]+.accordion__item--panel{height:auto;opacity:1}