
.kp-inclinometer-faq { width: 80%; margin: 24px auto; color: #333; font-size: 13px; line-height: 1.6; }
.kp-inclinometer-faq .kp-faq-title { font-size: 17px; line-height: 1.4; font-weight: 600; margin: 0 0 12px; padding: 9px 12px; background: #f1f5f1; border-left: 3px solid #477653; list-style: none; cursor: pointer; }
.kp-inclinometer-faq .kp-faq-title::-webkit-details-marker { display: none; }
.kp-inclinometer-faq .kp-faq-title h2 { margin: 0; font-size: inherit; line-height: inherit; font-weight: inherit; }
.kp-inclinometer-faq details.kp-faq-wrap, .kp-inclinometer-faq details.kp-faq-wrap:last-child { border: 0; background: transparent; }
.kp-inclinometer-faq details.kp-faq-wrap[open] > summary.kp-faq-title { margin-bottom: 12px; }
.kp-inclinometer-faq details { border: 1px solid #e5e5e5; border-bottom: 0; background: #fff; }
.kp-inclinometer-faq .kp-faq-body details:last-child { border-bottom: 1px solid #e5e5e5; }
.kp-inclinometer-faq summary { list-style: none; cursor: pointer; position: relative; padding: 12px 38px 12px 14px; font-size: 13px; font-weight: 600; color: #333; }
.kp-inclinometer-faq summary::-webkit-details-marker { display: none; }
.kp-inclinometer-faq summary::after { content: "+"; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font-size: 18px; font-weight: 400; color: #477653; }
.kp-inclinometer-faq details[open] > summary::after { content: "−"; }
.kp-inclinometer-faq summary.kp-faq-title { padding: 9px 12px; }
.kp-inclinometer-faq summary.kp-faq-title::after { content: none; }
.kp-inclinometer-faq .kp-faq-answer { padding: 10px 14px 14px; border-top: 1px solid #eee; }
.kp-inclinometer-faq .kp-faq-answer p { margin: 0; }
.kp-inclinometer-faq a { color: #356b45; text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 768px) {
  .kp-inclinometer-faq { width: 94%; font-size: 12px; }
  .kp-inclinometer-faq .kp-faq-title { font-size: 15px; }
  .kp-inclinometer-faq summary { padding: 11px 34px 11px 12px; font-size: 12px; }
  .kp-inclinometer-faq summary.kp-faq-title { padding: 9px 12px; }
  .kp-inclinometer-faq .kp-faq-answer { padding: 9px 12px 12px; }
}
