/* ============================================================
   Shared FAQ component — used on every page that has an FAQ
   (service / solution / industry details, home, country pages).
   Rendered by wc_render_faq() in app/includes/render.php.
   ============================================================ */
.dp-faq{padding:112px 0;background:var(--paper);scroll-margin-top:72px;border-top:1px solid var(--line)}
.dp-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:start}
.dp-faq-intro{position:sticky;top:96px}
.dp-faq-intro .eyebrow{color:#717769}
.dp-faq-intro h2{font-size:clamp(32px,3vw,50px);line-height:1.05;letter-spacing:-.045em;margin:0 0 18px;text-wrap:balance}
.dp-faq-intro h2 em{font-family:Georgia,serif;font-weight:400;font-style:italic}
.dp-faq-intro p{font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 26px;max-width:420px}
.dp-faq-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:var(--ink)}
.dp-faq-link i{font-style:normal;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);transition:background .25s ease,transform .3s ease}
.dp-faq-link:hover i{background:var(--accent);transform:translateX(4px)}

.dp-faq-list{display:grid;gap:12px}
.dp-faq-list details{border:1px solid var(--line);border-radius:16px;background:#fff;transition:border-color .25s ease,box-shadow .25s ease}
.dp-faq-list details:hover{border-color:rgba(17,21,33,.25)}
.dp-faq-list details[open]{border-color:rgba(17,21,33,.3);box-shadow:0 16px 40px rgba(15,20,30,.07)}
.dp-faq-list summary{display:grid;grid-template-columns:44px 1fr 36px;align-items:center;gap:16px;padding:22px 22px 22px 24px;cursor:pointer;list-style:none}
.dp-faq-list summary::-webkit-details-marker{display:none}
.dp-faq-no{font-size:12px;font-weight:800;letter-spacing:.14em;color:#8e948c;font-variant-numeric:tabular-nums}
.dp-faq-q{font-size:17px;font-weight:800;letter-spacing:-.015em;color:var(--ink);line-height:1.35}
.dp-faq-toggle{position:relative;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);transition:background .3s ease,border-color .3s ease,transform .35s ease}
.dp-faq-toggle:before,.dp-faq-toggle:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.6px;background:currentColor;transform:translate(-50%,-50%);transition:transform .35s ease}
.dp-faq-toggle:after{transform:translate(-50%,-50%) rotate(90deg)}
.dp-faq-list details[open] .dp-faq-toggle{background:var(--accent);border-color:var(--accent);transform:rotate(45deg)}
.dp-faq-list details p{margin:0;padding:0 70px 26px 84px;font-size:15px;line-height:1.8;color:#565d69}
.dp-faq-list summary:focus-visible,.dp-faq-link:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:16px}

@media(max-width:1100px){
  .dp-faq{padding:84px 0}
  .dp-faq-grid{grid-template-columns:1fr;gap:36px}
  .dp-faq-intro{position:static}
}
@media(max-width:640px){
  .dp-faq{padding:66px 0}
  .dp-faq-list summary{grid-template-columns:1fr 34px;gap:12px;padding:18px 16px}
  .dp-faq-no{display:none}
  .dp-faq-list details p{padding:0 18px 22px 16px}
}