.faq{margin-top:6px;border-top:1px solid var(--line)}
  .faq details{border-bottom:1px solid var(--line)}
  .faq summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:14px;padding:18px 2px;font-family:var(--serif);font-weight:400;font-size:clamp(18px,2vw,22px);color:var(--bone);line-height:1.25;transition:color .2s}
  .faq summary::-webkit-details-marker{display:none}
  .faq summary:hover{color:var(--teal)}
  .faq summary .ix{flex:none;width:24px;height:24px;margin-top:2px;position:relative}
  .faq summary .ix::before,.faq summary .ix::after{content:"";position:absolute;top:50%;left:50%;background:var(--amber);transition:transform .3s,background .2s}
  .faq summary .ix::before{width:14px;height:2px;transform:translate(-50%,-50%)}
  .faq summary .ix::after{width:2px;height:14px;transform:translate(-50%,-50%)}
  .faq details[open] summary{color:var(--teal)}
  .faq details[open] summary .ix::after{transform:translate(-50%,-50%) scaleY(0)}
  .faq details[open] summary .ix::before,.faq details[open] summary .ix::after{background:var(--teal)}
  .faq .ans{padding:0 2px 20px 40px;color:var(--dim);font-weight:300;font-size:14.5px;line-height:1.65;max-width:74ch;animation:faqIn .35s ease}
  @keyframes faqIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}