/* FAQ — native <details>, no script. */

.tpz-faq-page { max-width: 860px; }
.tpz-faq-g { margin: 0 0 46px; }
.tpz-faq-g h2 {
  font-size: 12px; letter-spacing: .17em; text-transform: uppercase;
  font-weight: 500; color: var(--tpz-gold, #D8B290);
  margin: 0 0 18px; padding-bottom: 12px;
  border-bottom: 1px solid rgba(225, 217, 206, .13);
}

.tpz-faq-i { border-bottom: 1px solid rgba(225, 217, 206, .09); }
.tpz-faq-i summary {
  cursor: pointer; list-style: none;
  padding: 17px 36px 17px 0; position: relative;
  font-size: 16px; line-height: 1.45; color: var(--tpz-bone, #E1D9CE);
  transition: color .16s;
}
.tpz-faq-i summary::-webkit-details-marker { display: none; }
.tpz-faq-i summary:hover { color: var(--tpz-gold, #D8B290); }
.tpz-faq-i summary::after {
  content: ""; position: absolute; right: 6px; top: 50%;
  width: 9px; height: 9px; margin-top: -6px;
  border-right: 1.5px solid var(--tpz-gold, #D8B290);
  border-bottom: 1.5px solid var(--tpz-gold, #D8B290);
  transform: rotate(45deg); transition: transform .2s;
}
.tpz-faq-i[open] summary::after { transform: rotate(-135deg); margin-top: -2px; }
.tpz-faq-i[open] summary { color: var(--tpz-gold, #D8B290); }

.tpz-faq-a { padding: 0 44px 20px 0; }
.tpz-faq-a p {
  margin: 0 0 12px; font-size: 14.5px; line-height: 1.7;
  color: var(--tpz-dim, #AFA79C);
}
.tpz-faq-a p:last-child { margin-bottom: 0; }
.tpz-faq-a a { color: var(--tpz-gold, #D8B290); }

@media (max-width: 720px) {
  .tpz-faq-i summary { font-size: 15px; padding-right: 30px; }
  .tpz-faq-a { padding-right: 10px; }
}
