/* Shared accessible FAQ cards. Native details preserve keyboard and no-JS use. */
main .faq-panel{--faq-accent:#b5571d;--faq-soft:#fff4e8;scroll-margin-top:28px}
.guru-showcase .faq-panel{--faq-accent:#437424;--faq-soft:#f0f6e8}
.hr-showcase .faq-panel{--faq-accent:#2459ad;--faq-soft:#eef4ff}
.vms-showcase .faq-panel{--faq-accent:#08766e;--faq-soft:#eaf8f5}
.corp-erp .faq-panel{--faq-accent:#36566f;--faq-soft:#edf2f6}
main .faq-panel h2{margin-bottom:24px}
main .faq-panel details{background:#fff;border:1px solid #e5e2dd;border-radius:15px;padding:0;margin:0 0 12px;box-shadow:0 3px 12px #20243a04;overflow:hidden;transition:border-color .2s,box-shadow .2s}
main .faq-panel details:hover{border-color:#c9b6a5;box-shadow:0 6px 18px #20243a07}
main .faq-panel details[open]{border-color:var(--faq-accent);background:linear-gradient(120deg,var(--faq-soft),#fff 75%)}
main .faq-panel details>summary{display:block;position:relative;list-style:none;padding:21px 64px 21px 23px;color:#252938;font-size:16px;font-weight:600;line-height:1.55;letter-spacing:-.015em;cursor:pointer}
main .faq-panel details>summary::-webkit-details-marker{display:none}
main .faq-panel details>summary::after{content:'+';position:absolute;right:20px;top:19px;width:30px;height:30px;display:grid;place-items:center;background:var(--faq-soft);border:1px solid #00000008;border-radius:50%;color:var(--faq-accent);font-size:23px;font-weight:400;line-height:1}
main .faq-panel details[open]>summary{color:var(--faq-accent)}
main .faq-panel details[open]>summary::after{content:'−';background:var(--faq-accent);color:#fff}
main .faq-panel details>summary:focus-visible{outline:2px solid var(--faq-accent);outline-offset:-4px;border-radius:14px}
main .faq-panel details>p{margin:0;padding:0 23px 23px;color:#62636c;font-size:14px;line-height:1.85;max-width:none}
main .faq-panel details[open]::details-content{opacity:1;content-visibility:visible}
@media(prefers-reduced-motion:no-preference){main .faq-panel details[open]>p{animation:faq-answer-in .2s ease-out}@keyframes faq-answer-in{from{opacity:.4}to{opacity:1}}}
@media(max-width:600px){main .faq-panel details>summary{font-size:15px;padding:18px 52px 18px 17px}main .faq-panel details>summary::after{right:14px;top:18px;width:26px;height:26px;font-size:21px}main .faq-panel details>p{padding:0 17px 20px;font-size:13px}main .faq-panel details{border-radius:13px}}
/* Draw the toggle visually so screen readers announce only the question/state. */
main .faq-panel details>summary::after{content:'';background:linear-gradient(var(--faq-accent),var(--faq-accent)) center/12px 2px no-repeat,linear-gradient(var(--faq-accent),var(--faq-accent)) center/2px 12px no-repeat,var(--faq-soft)}
main .faq-panel details[open]>summary::after{content:'';background:linear-gradient(#fff,#fff) center/12px 2px no-repeat,var(--faq-accent)}
main .faq-panel details:has(>summary:focus-visible){outline:none}