/* FAQ: the page header every page has, then a conversation after samara.com/adus/faq. Left, the category menu, pinned while you scroll. Right, every question as a dark bubble and its answer as a light one, all open. */
.hero.plain{padding:96px 0 104px}
.hero.plain .lead{margin-top:14px}
.fq{padding:72px 0 140px}
.fq-grid{display:grid;grid-template-columns:168px 1fr;gap:48px;align-items:start}   /* the homepage width (.wrap) */
.fq-side{position:sticky;top:96px;align-self:start}
.fq-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.fq-menu a{display:block;padding:7px 0;font-size:15px;color:var(--faint);text-decoration:none;transition:color .2s}
.fq-menu a:hover{color:var(--ink)}
.fq-menu a.is-on{color:var(--ink)}
.fq-group{padding:0 0 72px;border:0}
.fq-group + .fq-group{border-top:0;padding-top:0}
.fq-group h2{margin:0 0 28px}   /* the homepage section heading (h2 in base.css) */
.fq-q h3{margin:0;font-size:16px;font-weight:400}
.fq-item{display:flex;flex-direction:column;gap:10px;margin-bottom:28px;scroll-margin-top:110px}
.fq-q{display:flex;justify-content:flex-end}
.fq-q .fq-bubble{background:var(--ink);color:var(--page);border-bottom-right-radius:6px;max-width:82%}
.fq-a{display:flex;align-items:flex-end;gap:10px}
.fq-bot{flex:none;width:20px;height:20px;margin-bottom:6px;color:var(--ink)}
.fq-bot svg{display:block;width:100%;height:100%;overflow:visible}   /* the ring stroke runs past the viewBox */
.fq-a .fq-bubble{background:var(--block);color:var(--ink);border-bottom-left-radius:6px;max-width:92%}
.fq-bubble{display:inline-block;padding:12px 16px;border-radius:16px;font-size:16px;line-height:1.5;letter-spacing:-.005em}
.fq-a a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.darkmode .fq-q .fq-bubble{background:#F5F5F7;color:#000}
.fq-more h2{margin-top:24px}
@media (max-width:860px){
  .fq{padding:40px 0 100px}
  .fq-grid{grid-template-columns:1fr;gap:28px}
  .fq-side{position:static}
  .fq-menu{flex-direction:row;flex-wrap:wrap;gap:6px 14px}
  .fq-menu a{padding:4px 0}
  .fq-q .fq-bubble,.fq-a .fq-bubble{max-width:96%}
}