/* =====================================================================================
   SAMPLE 2026-11-13 - industry page "Solutions" section as an FAQ-style accordion.
   Shown only with ?sol=faq (industries/render-industry-v3.php). Same look as the FAQ section
   (css/faq-index.css, section#faq): two columns of white cards, red +/-, smooth opening and
   one item open at a time come from js/faq-smooth.js (it works on any .hp-faq-list).
   ===================================================================================== */
html body .sol-acc.hp-faq-list:not(#_) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 22px; align-items: start; margin: 0; }
html body .sol-acc.hp-faq-list.is-cols:not(#_) { grid-auto-flow: row; }
html body .sol-acc .hp-faq-col:not(#_) { display: flex; flex-direction: column; min-width: 0; }

html body .sol-acc .hp-faq-item:not(#_) {
  display: block; margin: 0 0 14px; border: 1px solid rgba(71, 0, 0, .12); border-radius: 16px; background: #fff;
  overflow: hidden; box-shadow: 0 2px 8px rgba(71, 0, 0, .05);
  transition: border-color .2s ease, box-shadow .2s ease;
}
html body .sol-acc .hp-faq-item:not(#_):hover,
html body .sol-acc .hp-faq-item[open]:not(#_) { border-color: rgba(255, 0, 0, .4); box-shadow: 0 8px 22px rgba(71, 0, 0, .1); }

html body .sol-acc .hp-faq-item summary:not(#_) {
  display: flex; align-items: center; gap: 12px; min-height: 72px; padding: 20px 26px; list-style: none; cursor: pointer;
  color: #470000; font-size: 18px; font-weight: 700; line-height: 1.35;
}
html body .sol-acc .hp-faq-item summary::-webkit-details-marker { display: none; }
html body .sol-acc .hp-faq-item summary:focus-visible { outline: 2px solid #ff0000; outline-offset: -3px; border-radius: 16px; }
html body .sol-acc .sol-acc-n:not(#_) { flex: 0 0 auto; min-width: 26px; color: #ff0000; font-weight: 800; }
html body .sol-acc .hp-faq-q:not(#_) { flex: 1 1 auto; min-width: 0; }
html body .sol-acc .hp-faq-item summary::after { content: "+"; flex: 0 0 24px; width: 24px; margin-left: auto; color: #ff0000; font-size: 24px; font-weight: 700; line-height: 1; text-align: center; }
html body .sol-acc .hp-faq-item[open] summary::after { content: "\2212"; }

/* the opened content */
html body .sol-acc .sol-acc-body:not(#_) { padding: 2px 26px 24px 64px; border-top: 1px solid rgba(71, 0, 0, .08); margin: 0 26px 0 0; animation: sol-acc-in .25s ease; }
@keyframes sol-acc-in { from { opacity: 0; } to { opacity: 1; } }
html body .sol-acc .sol-acc-body p:not(#_) { margin: 14px 0 0; color: #470000; font-size: 16px; line-height: 1.65; }
html body .sol-acc .sol-acc-body .sol-acc-tag:not(#_) { color: #ff0000; font-weight: 700; }
html body .sol-acc .sol-acc-body .sol-acc-lead:not(#_) { font-weight: 700; }
html body .sol-acc .sol-acc-bul:not(#_) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 24px; margin: 12px 0 0; padding: 0; list-style: none; }
html body .sol-acc .sol-acc-bul li:not(#_) { position: relative; padding-left: 20px; color: #470000; font-size: 15.5px; line-height: 1.5; }
html body .sol-acc .sol-acc-bul li:not(#_)::before { content: ""; position: absolute; left: 2px; top: .5em; width: 8px; height: 8px; border-radius: 50%; background: #ff0000; }
html body .sol-acc .sol-acc-links:not(#_) { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }

@media (max-width: 991px) {
  html body .sol-acc.hp-faq-list:not(#_) { grid-template-columns: minmax(0, 1fr); }
  html body .sol-acc .hp-faq-item summary:not(#_) { min-height: 60px; padding: 16px 18px; font-size: 17px; }
  html body .sol-acc .sol-acc-body:not(#_) { padding: 0 18px 20px 18px; margin: 0; }
}
@media (max-width: 575px) { html body .sol-acc .sol-acc-bul:not(#_) { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { html body .sol-acc .sol-acc-body:not(#_) { animation: none; } }