/* pages/faq.css — بخشی از سیستم سبک سایت عمومی پلاس */
.faqwrap{margin-block-start:clamp(16px,2.2vw,24px)}
.fcat{margin-block-end:clamp(26px,3.4vw,40px)}
.fcat.hide{display:none}
.fc-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;
  gap:clamp(12px,1.8vw,18px);padding-block-end:clamp(14px,1.8vw,20px);
  border-block-end:1px solid var(--line-strong)}
.fc-i{display:grid;place-items:center;inline-size:46px;block-size:46px;border-radius:14px;
  color:var(--teal-600);background:var(--paper-200);border:1px solid var(--line)}
.fc-i svg{inline-size:21px;block-size:21px}
.fc-head h2{font-family:var(--font-display);font-size:clamp(17px,2.1vw,23px);
  font-weight:900;color:var(--fg)}
.fc-head p{margin-block-start:6px;font-size:12.5px;color:var(--fg-muted)}
.fc-n{font-family:var(--font-display);font-size:11px;font-weight:800;
  color:var(--fg-muted);padding:5px 11px;border-radius:var(--chip-radius);
  border:1px solid var(--line);white-space:nowrap}
.fcat .qa.hide{display:none}
.askbox{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(20px,3vw,40px);margin-block-start:clamp(24px,3.2vw,40px);
  padding:clamp(22px,3vw,38px);border-radius:var(--card-radius);
  border:1px solid var(--line);background:var(--paper-200)}
.ab-copy h2{margin-block-start:8px;font-family:var(--font-display);
  font-size:clamp(20px,2.5vw,27px);font-weight:900;color:var(--fg)}
.ab-copy p{margin-block-start:12px;font-size:13.5px;line-height:2.15;color:var(--fg-muted)}
.ab-l{list-style:none;display:flex;flex-direction:column;gap:9px;margin-block-start:18px}
.ab-l li{position:relative;padding-inline-start:26px;font-size:12.5px;
  line-height:1.9;color:var(--fg-muted)}
.ab-l li::before{content:"";position:absolute;inset-block-start:6px;inset-inline-start:2px;
  inline-size:13px;block-size:8px;border:2px solid var(--teal-600);
  border-block-start:0;border-inline-end:0;transform:rotate(-45deg)}
.ab-form{display:flex;flex-direction:column;gap:12px}
.af-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ab-form input,.ab-form textarea{font-family:var(--font-body);font-size:13.5px;
  color:var(--fg);padding:14px 16px;border-radius:14px;
  border:1px solid var(--line);background:var(--surface);inline-size:100%}
.ab-form textarea{resize:vertical;line-height:2}
.ab-form input::placeholder,.ab-form textarea::placeholder{color:var(--fg-muted)}
.ab-form input:focus-visible,.ab-form textarea:focus-visible{border-color:var(--teal-600)}
.af-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.af-left{font-size:11.5px;color:var(--fg-muted)}
.af-note{font-size:11.5px;line-height:1.9;color:var(--fg-muted)}
.af-note a{color:var(--teal-600)}
@media (max-width:900px){
.askbox{grid-template-columns:1fr}
.af-row{grid-template-columns:1fr}
}