section.faqs .grid{grid-template-columns:100%;grid-auto-flow:row}section.faqs .grid .cell+.cell{margin-top:17px}section.faqs dl{margin:0 0 20px;counter-reset:faq-counter;text-align:left;position:relative}section.faqs dl dt,section.faqs dl dd{margin:0 0 10px;line-height:1.75rem;position:relative}section.faqs dl dt{font-size:1.5rem;line-height:1.75rem;position:relative;border-top:2px solid var(--color-brown-light);counter-increment:faq-counter;margin:0;font-weight:700;cursor:pointer;transition:.25s ease-in-out all;display:flex;justify-items:space-between;align-items:center;color:var(--color-brown);padding:12px}section.faqs dl dt:hover{background-color:var(--color-brown-bright)}section.faqs dl dt.active{background-color:var(--color-brown-bright)}section.faqs dl dt.active span.icon{transform:rotate(90deg);color:var(--color-black)}section.faqs dl dt.active span.question{color:var(--color-black)}section.faqs dl dt:first-of-type{border-top:0 none}section.faqs dl dt span{display:block}section.faqs dl dt span.icon{transition:all .25s ease-in-out;height:30px;width:1.875rem;line-height:1;text-align:center;color:var(--color-orange)}section.faqs dl dt span.question{color:var(--color-brown);flex:1;margin-right:30px;position:relative;transition:all .25s ease-in-out}section.faqs dl dd{display:block;margin:0;height:100%;overflow:hidden;transition:max-height .25s ease-in-out;max-height:0}section.faqs dl dd>*:first-child{margin-top:20px}section.faqs dl dd.active{max-height:1500px}