/* components/accordion.css — بخشی از سیستم سبک سایت عمومی پلاس */
.qa{border-block-end:1px solid var(--line)}
.qa:first-child{border-block-start:1px solid var(--line)}
.qa>button{inline-size:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding-block:clamp(17px,2vw,22px);background:none;border:0;cursor:pointer;text-align:start;color:var(--fg);
  font-family:var(--font-display);font-size:clamp(14px,1.5vw,16px);font-weight:800;line-height:1.8;
  transition:color var(--dur-fast)}
.qa>button:hover{color:var(--teal-600)}
.qa .pm{inline-size:30px;block-size:30px;border-radius:10px;flex:none;display:grid;place-items:center;
  border:1px solid var(--line-strong);color:var(--teal-600);
  transition:transform var(--dur-base) var(--ease-out),background var(--dur-fast),color var(--dur-fast)}
.qa .pm svg{inline-size:15px;block-size:15px}
.qa.open .pm{transform:rotate(135deg);background:var(--teal-600);color:#fff;border-color:var(--teal-600)}
.qa .ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-base) var(--ease-soft)}
.qa.open .ans{grid-template-rows:1fr}
.qa .ans>div{overflow:hidden}
.qa .ans p{padding-block-end:clamp(18px,2vw,24px);font-size:13.5px;line-height:2.3;color:var(--fg-muted);
  max-inline-size:70ch;text-wrap:pretty}