/* Keeps custom topic pages aligned with the standard blue-title / light-content structure. */
.faq-hero{background:var(--navy);color:#fff;padding:clamp(52px,6vw,84px) 0 clamp(40px,5vw,60px)}
.faq-hero .eyebrow{color:#68d9d2}
.faq-hero h1{margin:8px 0 10px;color:#fff;font-size:clamp(34px,5vw,46px);line-height:1.1;letter-spacing:0}
.faq-hero>div>p:last-child{margin:0;max-width:720px;color:#bcc8dc;font-size:16px;line-height:1.7}
.faq-content{background:var(--paper)}

.lens-guide{background:var(--paper);color:var(--navy);padding-top:clamp(42px,5vw,64px)}
.lens-guide__heading{display:block}
.lens-guide__heading>p{max-width:720px;margin:0;color:var(--muted);font-size:16px;line-height:1.7}
.lens-filters{margin-top:30px}
.lens-filters button{border-color:rgba(7,21,61,.2);color:var(--navy)}
.lens-filters button:hover,.lens-filters button.is-active{border-color:#68d9d2;background:#68d9d2;color:#061b42}
.lens-rail{scrollbar-color:rgba(7,21,61,.3) transparent}
.lens-rail::-webkit-scrollbar-thumb{background:rgba(7,21,61,.3)}
.lens-rail-hint{color:var(--muted)}

@media(max-width:640px){
  .faq-hero{padding:42px 0 36px}
  .faq-hero h1{font-size:30px}
  .lens-guide{padding-top:34px}
}