.accordion{width:100%;background:#dedede;border-radius:.5em;overflow:hidden}.accordion__item{border-bottom:.125em solid oklch(92% 0 0deg);transition:border-color .2s ease}.accordion__item:last-child{border-bottom:none}.accordion__header{margin:0}.accordion__button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1em .5em;background:#fff;border:none;font-size:1em;font-weight:600;text-align:left;color:#000;cursor:pointer;transition:background-color .2s ease}.accordion__button:hover{background:#f2f2f2}.accordion__button:focus-visible{outline:.125em solid oklch(65% .2 240deg);outline-offset:.125em;border-radius:.25em}.accordion__question{flex:1;line-height:1.5em}.accordion__icon{display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;font-size:1.5em;font-weight:400;color:#555;transition:transform .2s ease;margin-left:.5em}.accordion__panel{display:none;padding:0 .5em 1em;font-size:.875em;font-size:1em;line-height:1.5em;color:#222;background:#fff;border-radius:.5em;margin-bottom:.5em;overflow:hidden;will-change:height}.accordion__panel--open{display:block}.accordion__panel p,.accordion__panel h3,.accordion__panel h4,.accordion__panel ul,.accordion__panel ol{margin:0 0 .5em}.accordion__panel p:last-child,.accordion__panel h3:last-child,.accordion__panel h4:last-child,.accordion__panel ul:last-child,.accordion__panel ol:last-child{margin-bottom:0}@media(min-width:48em){.accordion__button{padding:1em}.accordion__panel{padding:0 1em 1.5em;margin-bottom:1em}.accordion__icon{margin-left:1em}}