/* Usein kysyttyä: natiivi details/summary, ei JavaScriptiä. */
.mt-faq__list{margin-block-start:1.25rem}
.mt-faq__item{border-block-end:.0625rem solid var(--mt-line)}
.mt-faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.25rem;list-style:none;cursor:pointer}
.mt-faq__item summary::-webkit-details-marker{display:none}
.mt-faq__item h3{margin:0;font:500 var(--mt-fs-xl)/1.5 var(--mt-font-body)}
.mt-faq__item summary:hover h3{color:var(--mt-coral-strong)}
.mt-faq__item[open] .mt-icon:first-of-type,.mt-faq__item:not([open]) .mt-icon:last-of-type{display:none}
.mt-faq__item p{margin:0;max-inline-size:56.25rem;padding-block-end:1.25rem;font-size:var(--mt-fs-base);line-height:1.5;color:var(--mt-text)}

/* Sivupalsta (Pen: UKK ja asiantuntija): kysymykset vasemmalla, asiantuntijakortti oikealla */
.mt-faq__layout{display:grid;gap:2rem;align-items:start}
.mt-faq__aside .mt-person--aside{flex-direction:column;align-items:flex-start;gap:.75rem;padding:2rem;border-radius:var(--mt-radius);background:var(--mt-blush)}
.mt-faq__aside .mt-person--aside img{inline-size:6rem;block-size:6rem;border-radius:var(--mt-radius);object-fit:cover;object-position:center top}
.mt-faq__aside .mt-person__name{font-size:var(--mt-fs-h3)}
.mt-faq__aside .mt-person__bio{margin:0;font-size:var(--mt-fs-base);line-height:1.5}
.mt-faq__aside .mt-person__contact{display:flex;flex-direction:column;margin:0}
.mt-faq__aside .mt-person--aside .mt-btn{align-self:stretch;margin-block-start:.5rem;color:var(--mt-white);font-weight:500}
.mt-faq__aside .mt-person--aside .mt-btn:hover{color:var(--mt-white);text-decoration:none}
@container (min-width:56rem){.mt-faq--aside .mt-faq__layout{grid-template-columns:minmax(0,780fr) minmax(0,420fr);gap:4rem}}