/* Teclab FAQ sections: collapsible questions placed above the footer.
   Uses the site's own fonts, blue (#0062db) and divider gray (#dedede). */

.faq-list{max-width:900px;margin-top:10px;border-top:2px solid #dedede}
.faq-item{border-bottom:1px solid #dedede}

.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;cursor:pointer;list-style:none;font-family:UniversLTStd55Roman,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.4;color:#333;transition:color .2s linear}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::marker{content:""}
.faq-item summary:hover,.faq-item[open] summary{color:#0062db}
.faq-item summary:focus-visible{outline:2px solid #0062db;outline-offset:4px}

/* Plus sign that turns into a minus when the answer is open */
.faq-item summary::after{content:"";flex:none;width:14px;height:14px;background:linear-gradient(#0062db,#0062db) center/100% 2px no-repeat,linear-gradient(#0062db,#0062db) center/2px 100% no-repeat;transition:background-size .2s ease}
.faq-item[open] summary::after{background-size:100% 2px,2px 0}

.faq-answer{max-width:760px;padding:0 34px 18px 0;color:#333;line-height:1.6}
.faq-answer p{margin:0 0 10px}
.faq-answer p:last-child{margin-bottom:0}
.faq-more{margin-top:20px;color:#333}

@media (max-width:767px){.faq-item summary{font-size:15px;padding:14px 0}.faq-answer{padding-right:0}}

/* Smooth open and close in browsers that support it; others open instantly */
@supports selector(::details-content){
  .faq-list{interpolate-size:allow-keywords}
  .faq-item::details-content{block-size:0;overflow:hidden;transition:block-size .3s ease,content-visibility .3s ease;transition-behavior:allow-discrete}
  .faq-item[open]::details-content{block-size:auto}
  @media (prefers-reduced-motion:reduce){.faq-item::details-content{transition:none}}
}
@media (prefers-reduced-motion:reduce){.faq-item summary::after{transition:none}}