/* FAQ: one centred column, with the questions listed under each category. */
main.sahaj-faq-page{width:min(calc(100% - var(--site-gutter) - var(--site-gutter)),800px);padding:0}
.sahaj-faq{max-width:800px;margin-inline:auto}

.sahaj-faq-header{margin-bottom:36px;text-align:center}
.sahaj-faq-eyebrow{margin:0 0 6px;color:var(--s);font-size:13px}
.sahaj-faq-header h1,
.sahaj-faq-header h2{margin:0;color:var(--dg);font-size:clamp(28px,3.6vw,40px)}

.sahaj-faq-group{margin-top:40px}
.sahaj-faq-group-title{display:flex;align-items:center;gap:10px;margin:0;padding-bottom:14px;border-bottom:1px solid var(--l);color:var(--dg);font-size:18px;font-weight:600;line-height:1.3}
.sahaj-faq-group-title svg{flex:none}

/* Questions */
.sahaj-faq-item{margin:0;padding:0;border:0;border-bottom:1px solid var(--l);border-radius:0}
.sahaj-faq-item summary{position:relative;padding:16px 32px 16px 0;color:var(--t);font-size:15px;font-weight:400;list-style:none;transition:color .2s ease}
.sahaj-faq-item summary::-webkit-details-marker{display:none}
.sahaj-faq-item summary:hover,
.sahaj-faq-item[open] summary{color:var(--dg)}
.sahaj-faq-item[open] summary{font-weight:600}
.sahaj-faq-item summary:focus-visible{outline:2px solid var(--g);outline-offset:2px}

/* Plus icon. The vertical bar lies flat when open, leaving a minus. */
.sahaj-faq-item summary::before,
.sahaj-faq-item summary::after{content:"";position:absolute;top:50%;right:2px;width:12px;height:1.5px;background:var(--s);transition:transform .2s ease}
.sahaj-faq-item summary::after{transform:rotate(90deg)}
.sahaj-faq-item[open] summary::after{transform:rotate(0)}

.sahaj-faq-answer{padding:0 32px 18px 0;color:var(--s);font-size:15px}
.sahaj-faq-answer p{margin:0 0 .8em}
.sahaj-faq-answer p:last-child{margin-bottom:0}
