/* wf-faq: the FAQ block of kora.framer.media, measured 9-10 Sep 2026 and ported 1:1 for world 1.
   Centred 600px column, "FAQ" at 120px, a cream box (#F5F5E9, r40, p10) holding white cards
   (r30, p25, question 17/600 -0.03em, answer 15/600), 10px gaps, a plus that becomes a minus,
   and a cream footer card with the avatar and the mail address. Phone: 350px, 14px type.
   Source of truth: products/_wf-nav/wf-faq.css (copied per world by inject-faq.py). */
.wfq{--q-ink:#242424;--q-grey:#616161;--q-cream:#F5F5E9;--q-ease:cubic-bezier(.2,.7,.2,1);
  position:relative;z-index:4;background:var(--bg,#FCFCFA);color:var(--q-ink);padding:clamp(80px,10vw,140px) 20px;font-family:var(--font,"Inter",system-ui,sans-serif)}
.wfq *{box-sizing:border-box}
.wfq-in{width:100%;max-width:600px;margin:0 auto}
.wfq-h{margin:0 0 clamp(48px,7vw,100px);text-align:center;font-weight:400;letter-spacing:-.04em;line-height:1;font-size:clamp(64px,8.3vw,120px);color:var(--q-ink)}
.wfq-box{background:var(--q-cream);border-radius:40px;padding:10px;display:flex;flex-direction:column;gap:10px}
.wfq-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:0;padding:0}
.wfq-tabs button{appearance:none;border:0;margin:0;background:transparent;color:var(--q-ink);font:inherit;font-size:13px;font-weight:600;letter-spacing:-.025em;line-height:1;
  padding:9px 13px;height:37px;border-radius:30px;cursor:pointer;transition:background-color .3s var(--q-ease),color .3s var(--q-ease)}
.wfq-tabs button[aria-selected="true"]{background:var(--accent,#3157E5);color:#fff}
.wfq-tabs button:focus-visible{outline:2px solid var(--q-ink);outline-offset:2px}
.wfq-list{display:flex;flex-direction:column;gap:10px}
.wfq-item{background:#fff;border-radius:30px;overflow:hidden}
.wfq-item.hide{display:none}
.wfq-q{appearance:none;border:0;margin:0;width:100%;background:transparent;color:var(--q-ink);text-align:left;cursor:pointer;
  display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px;font:inherit;font-size:17px;font-weight:600;letter-spacing:-.03em;line-height:1.5}
.wfq-q:focus-visible{outline:2px solid var(--q-ink);outline-offset:-6px;border-radius:30px}
.wfq-ic{position:relative;flex:none;width:12px;height:12px;margin-top:7px}
.wfq-ic b{position:absolute;left:0;top:50%;width:12px;height:2px;margin-top:-1px;border-radius:30px;background:#292929;transition:transform .35s var(--q-ease),opacity .35s var(--q-ease)}
.wfq-ic b+b{transform:rotate(90deg)}
.wfq-item.is-open .wfq-ic b+b{transform:rotate(0);opacity:0}
.wfq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--q-ease)}
.wfq-item.is-open .wfq-a{grid-template-rows:1fr}
.wfq-a-in{min-height:0;overflow:hidden}
.wfq-a p{margin:0;padding:0 25px 25px;font-size:15px;font-weight:500;letter-spacing:-.02em;line-height:1.5;color:var(--q-grey);
  opacity:0;transform:translateY(-4px);transition:opacity .35s var(--q-ease),transform .35s var(--q-ease)}
.wfq-item.is-open .wfq-a p{opacity:1;transform:none;transition-delay:.1s}
.wfq-a p+p{padding-top:0;margin-top:-13px}
.wfq-foot{margin-top:10px;background:var(--q-cream);border-radius:40px;padding:30px;display:flex;align-items:center;gap:40px}
.wfq-avatars{display:flex;flex:none}
.wfq-avatars img{width:70px;height:70px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid var(--q-cream);background:#fff}
.wfq-avatars img+img{margin-left:-20px}
.wfq-foot p{margin:0;font-size:13px;letter-spacing:-.025em;color:var(--q-grey)}
.wfq-mail{display:inline-flex;align-items:center;gap:12px;margin-top:8px;font-size:25px;font-weight:600;letter-spacing:-.03em;color:var(--q-ink);text-decoration:none}
.wfq-mail i{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--accent,#3157E5);color:#fff;flex:none}
.wfq-mail i svg{width:14px;height:14px}
.wfq-mail:hover{text-decoration:underline;text-underline-offset:4px}
@media (max-width:767px){
  .wfq{padding:64px 20px}
  .wfq-in{max-width:350px}
  .wfq-q{font-size:14px;letter-spacing:-.03em}
  .wfq-a p{font-size:14px}
  .wfq-foot{flex-direction:column;align-items:flex-start;gap:20px;padding:30px}
  .wfq-mail{font-size:17px}
}
@media (prefers-reduced-motion:reduce){.wfq-a,.wfq-a p,.wfq-ic b,.wfq-tabs button{transition:none}}
@media (scripting:none){.wfq-a{grid-template-rows:1fr}.wfq-a p{opacity:1;transform:none}.wfq-ic{display:none}}