/* Proposal360 product page FAQ · enterprise responsive layout, 2026-10-21.
   Only the Proposal360 FAQ is affected; other website pages are untouched. */
.p360-page #faq.p360-section {
  padding-block:clamp(52px,5.4vw,82px)!important;
}
.p360-page #faq.p360-section .p360-wrap {
  width:min(calc(100% - 44px),1230px)!important;
  max-width:1230px!important;
  margin-inline:auto!important;
  min-width:0!important;
}
.p360-page #faq .p360-section-head {
  width:100%!important;
  max-width:none!important;
  margin:0 0 clamp(20px,2.7vw,32px)!important;
  padding:0!important;
}
.p360-page #faq .p360-section-head h2 {
  max-width:920px;
  margin:9px 0 0!important;
  text-wrap:balance;
}
.p360-page #faq .p360-faq {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px 18px!important;
  align-items:start!important;
  justify-content:center!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-inline:auto!important;
}
.p360-page #faq .p360-faq details {
  display:block;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  border:1px solid #d6dfeb!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 4px 15px rgba(21,37,62,.035)!important;
  overflow:hidden!important;
  transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.p360-page #faq .p360-faq details:is(:hover,:focus-within) {
  border-color:#c5d1e1!important;
  box-shadow:0 7px 21px rgba(21,37,62,.065)!important;
}
.p360-page #faq .p360-faq details[open] {
  border-color:#e5adcb!important;
  box-shadow:0 6px 22px rgba(185,0,78,.065)!important;
}
.p360-page #faq .p360-faq summary {
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:14px!important;
  width:100%!important;
  min-height:74px!important;
  padding:17px 22px!important;
  margin:0!important;
  background:transparent!important;
  color:#1b2b45!important;
  font-size:clamp(13px,.83vw,15px)!important;
  font-weight:760!important;
  line-height:1.5!important;
  text-wrap:pretty;
  cursor:pointer!important;
  list-style:none!important;
}
.p360-page #faq .p360-faq summary::-webkit-details-marker {
  display:none!important;
}
.p360-page #faq .p360-faq summary::after {
  position:static!important;
  flex:0 0 30px!important;
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  border-radius:9px!important;
  border:1px solid #f5d2e1!important;
  background:#fff0f6!important;
  color:#b40051!important;
  content:"+"!important;
  font-size:20px!important;
  font-weight:600!important;
  line-height:1!important;
}
.p360-page #faq .p360-faq details[open] summary::after {
  content:"−"!important;
  background:#b40051!important;
  border-color:#b40051!important;
  color:white!important;
}
.p360-page #faq .p360-faq details[open] summary {
  color:#a60049!important;
  background:#fffafd!important;
}
.p360-page #faq .p360-faq details p {
  width:100%!important;
  max-width:100%!important;
  padding:0 22px 20px!important;
  margin:0!important;
  border-top:0!important;
  color:#4b5e78!important;
  font-size:clamp(13px,.85vw,15px)!important;
  line-height:1.7!important;
  overflow-wrap:anywhere!important;
}
.p360-page #faq .p360-faq summary:focus-visible {
  outline:3px solid rgba(213,0,93,.35)!important;
  outline-offset:-4px!important;
  border-radius:10px!important;
}
@media(max-width:950px) {
  .p360-page #faq .p360-faq {
    grid-template-columns:minmax(0,1fr)!important;
    gap:11px!important;
  }
  .p360-page #faq .p360-faq summary {min-height:62px!important}
}
@media(max-width:600px) {
  .p360-page #faq.p360-section .p360-wrap {
    width:min(calc(100% - 30px),1230px)!important;
  }
  .p360-page #faq .p360-section-head {
    margin-bottom:20px!important;
  }
  .p360-page #faq .p360-faq {
    gap:10px!important;
  }
  .p360-page #faq .p360-faq summary {
    min-height:60px!important;
    padding:14px 15px!important;
    font-size:13.5px!important;
    line-height:1.45!important;
    gap:10px!important;
  }
  .p360-page #faq .p360-faq summary::after {
    flex-basis:27px!important;
    width:27px!important;height:27px!important;
  }
  .p360-page #faq .p360-faq details p {
    padding:0 15px 17px!important;
    font-size:13px!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  .p360-page #faq .p360-faq details {
    transition:none!important;
  }
}