/* Jompom FAQ: springy accordion. Answers collapse only once faq.js has set data-jp-ready (no JS = all answers open). */
.jp-faq{background:var(--sky);color:var(--ink);padding:110px 0}
.jp-faq .faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:50px;align-items:start}
.jp-faq .faq-side{position:sticky;top:110px}
.jp-faq .faq-side p{font-size:17px;color:#2e3d48;margin:20px 0 28px;max-width:22em}
.jp-faq .qa{display:flex;flex-direction:column;gap:16px}
.jp-faq .qa-item{background:#fff;border:3px solid var(--ink);border-radius:22px;box-shadow:5px 5px 0 var(--ink);transition:transform .6s var(--spring),box-shadow .3s,background .3s}
.jp-faq .qa-item.open{background:#fff;box-shadow:8px 8px 0 var(--deep);transform:rotate(-.6deg)}
.jp-faq .qa-item h3{font-size:inherit;letter-spacing:0;margin:0}
.jp-faq .qa-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;margin:0;background:none;border:0;box-shadow:none;font:700 clamp(18px,1.8vw,21px)/1.25 var(--jp-display);letter-spacing:normal;text-transform:none;color:var(--ink);text-align:left;cursor:pointer;border-radius:20px}
.jp-faq .qa-q:hover,.jp-faq .qa-q:focus{background:none;color:var(--ink)}
.jp-faq .plus{position:relative;width:40px;height:40px;flex-shrink:0;border-radius:12px;border:3px solid var(--ink);background:var(--sun);transition:transform .7s var(--spring),background .3s}
.jp-faq .plus::before,.jp-faq .plus::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:3px;margin:-1.5px 0 0 -8px;background:var(--ink);border-radius:2px}
.jp-faq .plus::after{transform:rotate(90deg)}
.jp-faq .open .plus{transform:rotate(135deg);background:var(--blue)}
.jp-faq .qa-a p{padding:0 22px 22px;color:#2e3d48;font-size:16px;max-width:40em}
.jp-faq[data-jp-ready] .qa-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--out)}
.jp-faq[data-jp-ready] .open .qa-a{grid-template-rows:1fr}
.jp-faq[data-jp-ready] .qa-a > div{overflow:hidden;visibility:hidden;transition:visibility 0s .55s}
.jp-faq[data-jp-ready] .open .qa-a > div{visibility:visible;transition-delay:0s}
.jp-faq[data-jp-ready] .qa-a p{transform:translateY(-12px);opacity:0;transition:transform .7s var(--spring),opacity .3s}
.jp-faq[data-jp-ready] .open .qa-a p{transform:none;opacity:1}

@media (max-width:980px){
  .jp-faq .faq-grid{grid-template-columns:minmax(0,1fr)}
  .jp-faq .faq-side{position:static}
}

/* Theme button reset sets nowrap: let long questions wrap so the + stays inside the card. */
.jp-faq .qa-q{white-space:normal;text-align:left}
.jp-faq .qa-q > :not(.plus){flex:1 1 auto;min-width:0}