/* Quiet, inset material for the supporting information and closing details. */
.website-services .website-service-list { display:grid; gap:12px; }
.website-services .website-service-list li,
.setup .setup-step {
  border:1px solid #b9c9d338;
  border-top-color:#d8e2e75c;
  border-radius:7px;
  background:linear-gradient(115deg,#d8e5f20a,#090d1244),repeating-linear-gradient(0deg,#dfeaff03 0 .5px,transparent .5px 2px),linear-gradient(130deg,#1c2228,#10151a);
  box-shadow:inset 0 1px 0 #f0f5ff0a,0 6px 12px -9px #000;
  padding:25px;
}
.website-services .website-service-list li { grid-template-columns:25px minmax(0,1fr);gap:15px; }
.website-services .website-service-list p,.setup .setup-step p { color:#bbc6cf; }
.website-services .website-contact { border-top:0; margin-top:12px; }
.setup .setup-grid { gap:20px; }
.setup .setup-step h3 { font-size:30px; }
.setup .setup-step>span { color:#a5b6c3; }
.faq .faq-list { padding:4px 26px; border:1px solid #c1d1dc45; border-radius:9px; background:linear-gradient(120deg,#d9e8f10c,#080c1233),repeating-linear-gradient(0deg,#e2eeff03 0 .5px,transparent .5px 2px),#13191e; box-shadow:inset 0 1px 0 #edf5ff14; }
.faq .faq-list details { border-bottom-color:#c2d4e326; }
.faq .faq-list details:last-child { border-bottom:0; }
.faq .faq-list summary { color:#dce5ed; }
.faq .faq-list details p { color:#b9c7d2; }
.site-footer { border-top-color:#b4c7d443; color:#aab9c5; }
.site-footer > a:not(.brand) { color:#c9d6e0; }
@media(max-width:1100px) { .setup .setup-step {padding:23px 20px;} .setup .setup-step h3 {font-size:28px;} }
@media(max-width:580px) { .website-services .website-service-list li {padding:24px 19px;gap:10px;grid-template-columns:22px minmax(0,1fr);} .setup .setup-step {padding:25px 23px;} .faq .faq-list {padding:4px 20px;} }
@media(forced-colors:active) { .website-services .website-service-list li,.setup .setup-step,.faq .faq-list {background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none;} }

/* The inline questions belong to the page, with quiet rules between each answer. */
.faq.faq-inline .faq-list {
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
.faq.faq-inline .faq-list > details { border-bottom:1px solid #b4c5d230; }
.faq.faq-inline .faq-list > details:first-child { border-top:0; }
.faq.faq-inline .faq-list > details:last-child { border-bottom:0; }
.faq.faq-inline .faq-list > details > summary { padding:20px 0; }
@media(forced-colors:active) {
  .faq.faq-inline .faq-list > details { border-bottom-color:CanvasText; }
}
