/* AI Newsroom FAQ — native semantic details accordion.
 * - First item is open by default.
 * - details[name="faq"] keeps one item open at a time in modern browsers.
 * - Clicking another item closes the current one.
 * - Clicking the open item closes it.
 * No JavaScript is required.
 */
.faq-tieu-de{margin-top:28px;margin-bottom:14px}

.faq{
  margin:0 0 28px;
  padding:0;
  border:1px solid #e5e7eb;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}

.faq details{
  margin:0;
  padding:0;
  border-bottom:1px solid #e5e7eb;
  background:#fff;
}

.faq details:last-child{border-bottom:0}

.faq summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  cursor:pointer;
  list-style:none;
  padding:16px 18px;
  font-size:1.05em;
  font-weight:700;
  line-height:1.45;
}

.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"";
  flex:0 0 auto;
  width:9px;
  height:9px;
  margin:0 4px 5px 12px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
  transition:transform .2s ease;
}

.faq details[open] > summary::after{
  margin-bottom:0;
  transform:rotate(225deg);
}

.faq summary:focus-visible{
  outline:2px solid currentColor;
  outline-offset:-2px;
}

.faq details > :not(summary){
  margin-left:18px;
  margin-right:18px;
}

.faq details > p:first-of-type{margin-top:0}
.faq details > p:last-child{margin-bottom:18px}

@media(max-width:600px){
  .faq summary{padding:14px;font-size:1em}
  .faq details > :not(summary){
    margin-left:14px;
    margin-right:14px;
  }
  .faq details > p:last-child{margin-bottom:14px}
}