.page-faq{
  --faq-body:#2E3F49;
  --faq-gap:16px;
  background:var(--deep);
  color:var(--mist);
  font-family:var(--font-sans);
  overflow-x:clip;
  padding-bottom:64px;
}
.page-faq .faq-top{
  padding-top:20px;
  padding-bottom:16px;
}
.page-faq .faq-hero,
.page-faq .faq-deck,
.page-faq .faq-answers,
.page-faq .faq-next{
  width:calc(100% - var(--pad) * 2);
  max-width:var(--maxw);
  margin-inline:auto;
  margin-bottom:var(--faq-gap);
  padding:26px 20px 30px;
}
.page-faq .faq-hero__grid{
  display:grid;
  gap:24px;
}
.page-faq .faq-hero__title{
  margin:14px 0 0;
  font-size:clamp(38px, 10vw, 92px);
  font-weight:900;
  line-height:.98;
  letter-spacing:-.02em;
  text-wrap:balance;
}
.page-faq .faq-hero__title span{
  display:inline-block;
  color:var(--coral);
  transform:rotate(-1.4deg);
}
.page-faq .faq-hero__lede{
  margin:20px 0 0;
  max-width:44ch;
  font-size:16px;
  line-height:1.75;
  color:rgba(234,244,250,.86);
}
.page-faq .faq-hero__facts{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:12px 26px;
  margin:26px 0 0;
  padding:0;
  font-size:13px;
  letter-spacing:.02em;
  color:rgba(234,244,250,.78);
}
.page-faq .faq-hero__facts strong{
  font-family:var(--font-num);
  font-size:24px;
  font-weight:700;
  color:var(--mint);
  margin-right:5px;
  font-variant-numeric:tabular-nums;
}
.page-faq .faq-hero__art{
  margin:0;
  transform:rotate(-1deg);
}
.page-faq .faq-hero__art img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
  border:var(--bd);
  box-shadow:var(--shadow-mid);
  background:var(--panel);
}
.page-faq .eyebrow{
  margin:0;
  color:var(--mint);
}
.page-faq .section-title{
  margin:10px 0 0;
  font-size:clamp(26px, 5vw, 40px);
  font-weight:900;
  line-height:1.15;
  letter-spacing:-.01em;
  color:var(--mist);
}
.page-faq .faq-deck{
  background:var(--panel);
  border:var(--bd);
}
.page-faq .faq-deck__note,
.page-faq .faq-answers__note{
  margin:12px 0 0;
  font-size:14px;
  line-height:1.7;
  color:rgba(234,244,250,.75);
}
.page-faq .faq-search{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:22px;
  padding:10px 14px;
  background:var(--deep);
  border:2px solid var(--steel);
  box-shadow:var(--shadow-slim);
  transition:box-shadow .15s var(--ease), border-color .15s var(--ease);
}
.page-faq .faq-search:focus-within{
  border-color:var(--mint);
  box-shadow:var(--shadow-slim), 0 0 0 2px rgba(43,240,190,.45);
}
.page-faq .faq-search__label{
  flex:0 0 auto;
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--mint);
}
.page-faq .faq-search__input{
  flex:1 1 auto;
  min-width:0;
  border:0;
  background:transparent;
  color:var(--mist);
  font-family:var(--font-sans);
  font-size:15px;
  line-height:1.5;
  outline:none;
}
.page-faq .faq-search__input::placeholder{
  color:rgba(234,244,250,.42);
}
.page-faq .faq-filters{
  display:flex;
  gap:10px;
  margin-top:16px;
  padding:4px 4px 10px;
  overflow-x:auto;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
.page-faq .faq-chip{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  min-height:48px;
  padding:8px 14px;
  background:var(--deep);
  border:2px solid var(--steel);
  color:var(--mist);
  font-family:var(--font-sans);
  text-align:left;
  cursor:pointer;
  transition:transform .15s var(--ease), background .15s var(--ease), border-color .15s var(--ease);
}
.page-faq .faq-chip__name{
  font-size:15px;
  font-weight:700;
  letter-spacing:.02em;
}
.page-faq .faq-chip__meta{
  font-family:var(--font-num);
  font-size:11px;
  font-variant-numeric:tabular-nums;
  color:var(--blue);
}
.page-faq .faq-chip[aria-pressed="true"]{
  background:var(--coral);
  border-color:var(--edge);
  color:var(--edge);
  box-shadow:var(--shadow-slim);
  transform:translate(-1px,-1px);
}
.page-faq .faq-chip[aria-pressed="true"] .faq-chip__meta{
  color:var(--edge);
}
.page-faq .faq-chip:focus-visible{
  outline:2px solid var(--mint);
  outline-offset:2px;
}
.page-faq .faq-stream{
  margin-top:20px;
  column-count:1;
  column-gap:var(--faq-gap);
}
.page-faq .faq-card{
  display:block;
  break-inside:avoid;
  -webkit-column-break-inside:avoid;
  margin:0 0 var(--faq-gap);
  padding:16px;
  background:var(--deep);
  border:2px solid var(--steel);
  color:var(--mist);
  transition:border-color .15s var(--ease), transform .15s var(--ease);
}
.page-faq .faq-card:hover{
  border-color:var(--mint);
  transform:translateY(-2px);
}
.page-faq .faq-card .tag{
  display:inline-block;
  padding:3px 9px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--mint);
  background:rgba(43,240,190,.12);
  border:1px solid rgba(43,240,190,.42);
  transition:background .15s var(--ease), color .15s var(--ease), border-color .15s var(--ease);
}
.page-faq .faq-card:hover .tag,
.page-faq .faq-card:focus-within .tag{
  background:var(--coral);
  border-color:var(--edge);
  color:var(--edge);
}
.page-faq .faq-card__title{
  margin:12px 0 0;
  font-size:19px;
  font-weight:900;
  line-height:1.3;
  letter-spacing:-.01em;
}
.page-faq .faq-card__desc{
  margin:8px 0 0;
  font-size:14px;
  line-height:1.7;
  color:rgba(234,244,250,.74);
}
.page-faq .faq-card__foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid var(--steel);
}
.page-faq .faq-card__time{
  font-family:var(--font-num);
  font-size:12px;
  font-variant-numeric:tabular-nums;
  color:var(--blue);
  opacity:1;
}
.page-faq .faq-dots{
  display:inline-flex;
  gap:4px;
}
.page-faq .faq-dots i{
  display:block;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--steel);
}
.page-faq .faq-dots i.is-on{
  background:var(--mint);
}
.page-faq .faq-card--art{
  padding:0;
  background:var(--sand);
  border:2px solid var(--edge);
  box-shadow:var(--shadow-slim);
  transform:none;
}
.page-faq .faq-card--art:hover{
  border-color:var(--edge);
  transform:none;
}
.page-faq .faq-card--art img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
}
.page-faq .faq-card--art figcaption{
  padding:10px 14px;
  font-size:12px;
  line-height:1.6;
  color:var(--on-sand);
  border-top:2px solid var(--edge);
}
.page-faq .faq-empty{
  margin:4px 0 0;
  padding:14px 16px;
  font-size:14px;
  line-height:1.7;
  color:var(--blue);
  border:2px dashed var(--steel);
}
.page-faq .faq-empty a{
  color:var(--mint);
  text-decoration:underline;
  text-underline-offset:3px;
}
.page-faq .faq-answers{
  background:var(--sand);
  color:var(--on-sand);
  border:var(--bd);
  box-shadow:var(--shadow-hard);
}
.page-faq .faq-answers__inner{
  max-width:760px;
  margin-inline:auto;
}
.page-faq .faq-answers .eyebrow{
  color:#0E6B5C;
}
.page-faq .faq-answers .section-title{
  color:var(--on-sand);
}
.page-faq .faq-answers__note{
  color:var(--faq-body);
}
.page-faq .faq-group{
  margin-top:30px;
}
.page-faq .faq-group__title{
  margin:0 0 4px;
  padding-left:12px;
  font-size:14px;
  font-weight:900;
  letter-spacing:.1em;
  color:#0E6B5C;
  border-left:5px solid var(--coral);
}
.page-faq .faq-qa{
  border-bottom:2px solid rgba(19,32,41,.16);
}
.page-faq .faq-qa summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:15px 2px;
  font-size:15px;
  font-weight:700;
  line-height:1.5;
  color:var(--on-sand);
  cursor:pointer;
  list-style:none;
}
.page-faq .faq-qa summary::-webkit-details-marker{
  display:none;
}
.page-faq .faq-qa summary::after{
  content:"";
  flex:0 0 auto;
  width:9px;
  height:9px;
  border-right:2px solid var(--on-sand);
  border-bottom:2px solid var(--on-sand);
  transform:rotate(45deg) translateY(-2px);
  transition:transform .18s var(--ease);
}
.page-faq .faq-qa[open] summary::after{
  transform:rotate(-135deg) translateY(-2px);
}
.page-faq .faq-qa summary:focus-visible{
  outline:2px solid #0E6B5C;
  outline-offset:2px;
}
.page-faq .faq-qa p{
  margin:0 0 16px;
  font-size:14px;
  line-height:1.75;
  color:var(--faq-body);
}
.page-faq .faq-qa a{
  color:#0E6B5C;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
}
.page-faq .faq-next{
  background:linear-gradient(135deg, var(--deep) 0%, var(--panel) 100%);
}
.page-faq .faq-next__grid{
  display:grid;
  gap:24px;
}
.page-faq .faq-next__lede{
  margin:14px 0 0;
  max-width:46ch;
  font-size:15px;
  line-height:1.75;
  color:rgba(234,244,250,.82);
}
.page-faq .faq-next__paths{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.page-faq .faq-next__paths .btn{
  justify-content:center;
  min-height:48px;
  text-align:center;
}
@media (min-width:520px){
  .page-faq .faq-next__paths{
    flex-direction:row;
    flex-wrap:wrap;
  }
}
@media (min-width:640px){
  .page-faq .faq-stream{
    column-count:2;
  }
  .page-faq .faq-hero,
  .page-faq .faq-deck,
  .page-faq .faq-answers,
  .page-faq .faq-next{
    padding:32px 28px 36px;
  }
}
@media (min-width:900px){
  .page-faq .faq-hero__grid{
    grid-template-columns:7fr 5fr;
    align-items:center;
    gap:32px;
  }
  .page-faq .faq-hero,
  .page-faq .faq-deck,
  .page-faq .faq-next{
    padding:40px 36px 44px;
  }
  .page-faq .faq-answers{
    padding:44px 44px 48px;
  }
  .page-faq .faq-next__grid{
    grid-template-columns:7fr 5fr;
    align-items:center;
    gap:36px;
  }
}
@media (min-width:1024px){
  .page-faq .faq-stream{
    column-count:3;
  }
}
@media (hover:hover){
  .page-faq .faq-card__time{
    opacity:0;
    transition:opacity .15s var(--ease);
  }
  .page-faq .faq-card:hover .faq-card__time,
  .page-faq .faq-card:focus-within .faq-card__time{
    opacity:1;
  }
}
@media (prefers-reduced-motion: reduce){
  .page-faq .faq-chip,
  .page-faq .faq-card,
  .page-faq .faq-card .tag,
  .page-faq .faq-card__time,
  .page-faq .faq-search,
  .page-faq .faq-qa summary::after{
    transition:none;
  }
  .page-faq .faq-card:hover,
  .page-faq .faq-chip[aria-pressed="true"]{
    transform:none;
  }
  .page-faq .faq-hero__title span,
  .page-faq .faq-hero__art{
    transform:none;
  }
}