/* SeeSmartHome FAQ: editorial layout with native, keyboard-accessible details. */
.faq-section{border-top:1px solid var(--line);padding-top:85px;padding-bottom:110px;scroll-margin-top:22px}
.faq-heading{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:end;margin:28px 0 58px}
.faq-heading h2{font:400 clamp(45px,5vw,72px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.04em;margin:0}
.faq-heading p{max-width:480px;color:var(--muted);font-size:17px;line-height:1.8;margin:0}
.faq-group{display:grid;grid-template-columns:minmax(170px,.34fr) minmax(0,1fr);gap:7%;padding:30px 0 42px;border-top:1px solid var(--line)}
.faq-group h3{font:400 29px/1.3 Georgia,'Times New Roman',serif;letter-spacing:-.02em;margin:8px 0 10px}
.faq-group .faq-category-index{color:var(--brown);font-size:13px;letter-spacing:.12em;font-weight:700}
.faq-list{min-width:0}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item:first-child{border-top:1px solid var(--line)}
.faq-item summary{display:flex;align-items:center;gap:16px;justify-content:space-between;cursor:pointer;list-style:none;padding:22px 4px;font-size:18px;font-weight:600;line-height:1.5}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:focus-visible{outline:2px solid var(--brown);outline-offset:4px}
.faq-item summary::after{content:'+';flex:none;color:var(--brown);font:400 29px/1 Georgia,serif;transition:transform .2s}
.faq-item[open] summary::after{content:'−'}
.faq-answer{padding:0 44px 25px 4px;color:#625b54;font-size:16px;line-height:1.85;white-space:pre-line}
.faq-note{margin:22px 0 0;font-size:14px;color:var(--muted);line-height:1.75}
.faq-section [hidden]{display:none!important}
@media(min-width:721px) and (max-width:1120px){
  .header{position:relative;height:82px}
  .lang{margin-left:auto}
  .menu{display:block;margin-left:3px}
  .nav{display:none;position:absolute;z-index:20;top:82px;left:0;right:0;background:var(--cream);padding:23px;flex-direction:column;align-items:stretch;box-shadow:0 12px 20px #0001}
  .nav.open{display:flex}
  .nav a{font-size:16px;letter-spacing:.04em;padding:7px 0}
}
@media(max-width:720px){
  .faq-section{padding-top:65px;padding-bottom:75px}
  .faq-heading,.faq-group{grid-template-columns:1fr;gap:16px}
  .faq-heading{margin:22px 0 40px}
  .faq-heading h2{font-size:49px}
  .faq-heading p{font-size:16px}
  .faq-group{padding:24px 0 36px}
  .faq-group h3{font-size:28px}
  .faq-item summary{padding:20px 2px;font-size:17px}
  .faq-answer{padding:0 29px 23px 2px;font-size:16px}
}