/* /recs recommendations presentation */
#guest-services .recs-intro{
  max-width:860px;
  margin-inline:auto;
}

#guest-services .recs-intro .h2{
  max-width:24ch;
}

.recs-quick-jumps{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:var(--step-2);
  max-width:900px;
  margin-inline:auto;
}

.recs-quick-jumps .btn{
  border-color:var(--line);
  background:var(--paper-2);
  color:var(--teal);
  white-space:nowrap;
}

.recs-quick-jumps .btn:hover{
  border-color:var(--line-strong);
  background:var(--paper-3);
}

#guest-services .recs-accordion{
  max-width:900px;
}

#guest-services .recs-accordion .faq__q{
  scroll-margin-top:100px;
  margin:0;
  padding:0;
  overflow:hidden;
  border-color:var(--line);
  border-radius:14px;
  background:var(--paper);
  box-shadow:0 1px 0 rgba(14,22,20,.02);
}

#guest-services .recs-accordion .faq__q + .faq__q{
  margin-top:var(--step-3);
}

#guest-services .recs-accordion .faq__q[open]{
  border-color:var(--line-strong);
  background:var(--paper-2);
}

#guest-services .recs-accordion .faq__q summary{
  min-height:68px;
  padding:var(--step-5) var(--step-6);
  font-family:var(--font-serif);
  font-size:clamp(18px,2vw,21px);
  font-weight:400;
  line-height:1.3;
  letter-spacing:-.005em;
}

#guest-services .recs-accordion .faq__q summary::after{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid var(--line);
  border-radius:50%;
  background:var(--paper);
  font-size:20px;
}

#guest-services .recs-accordion .faq__q > .stack-4{
  max-width:74ch;
  padding:0 var(--step-6) var(--step-8);
  color:var(--ink-3);
}

#guest-services .recs-accordion .faq__q p,
#guest-services .recs-accordion .faq__q li{
  font-size:16px;
  line-height:1.75;
}

#guest-services .recs-accordion .faq__q p{
  color:var(--ink-3);
}

#guest-services .recs-accordion .faq__q blockquote{
  margin:var(--step-3) 0 0;
  padding:var(--step-3) var(--step-4);
  border-left:3px solid var(--warm);
  background:var(--paper);
}

#guest-services .recs-accordion .faq__q a{
  color:var(--teal);
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

@media (max-width:640px){
  #guest-services.section{
    padding-top:var(--step-16);
    padding-bottom:var(--step-16);
  }

  .recs-quick-jumps{
    justify-content:flex-start;
    flex-wrap:nowrap;
    overflow-x:auto;
    margin-inline:calc(var(--gutter) * -1);
    padding:0 var(--gutter) var(--step-2);
    scrollbar-width:thin;
  }

  #guest-services .recs-accordion .faq__q + .faq__q{
    margin-top:var(--step-2);
  }

  #guest-services .recs-accordion .faq__q summary{
    min-height:60px;
    padding:var(--step-4);
    gap:var(--step-3);
    font-size:18px;
  }

  #guest-services .recs-accordion .faq__q > .stack-4{
    padding:0 var(--step-4) var(--step-6);
  }

  #guest-services .recs-accordion .faq__q p,
  #guest-services .recs-accordion .faq__q li{
    font-size:15px;
    line-height:1.7;
  }
}