/* "At a Glance" card: white card, blue to purple bar on top, label/value rows split by thin lines. */
.rw-glance {
  --rw-blue: #2273b8;
  --rw-purple: #5b3d9e;
  --rw-ink: #2f2f2f;
  --rw-muted: #6d6d6d;
  --rw-line: #e3e3e3;
  --rw-link: var(--rw-blue);
  position: relative; box-sizing: border-box; width: 100%; max-width: 380px;
  margin: 0 auto; padding: 30px 36px 28px; overflow: hidden;
  background: #fff; border-radius: 12px; box-shadow: 0 6px 28px -6px rgb(0 0 0 / .14);
  color: var(--rw-ink);
}
.rw-glance *, .rw-glance *::before, .rw-glance *::after { box-sizing: border-box; }
.rw-glance::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 6px;
  background: linear-gradient(90deg, var(--rw-blue), var(--rw-purple));
}

.rw-glance .rw-glance__title { margin: 0 0 14px; padding: 0; font-size: 24px; font-weight: 300; line-height: 1.3; color: var(--rw-ink); letter-spacing: normal; text-transform: none; }

.rw-glance__list { margin: 0; padding: 0; }
.rw-glance__row { padding: 14px 0 15px; border-bottom: 1px solid var(--rw-line); }
.rw-glance__row:first-child { padding-top: 0; }
.rw-glance__row:last-child { padding-bottom: 0; border-bottom: 0; }

.rw-glance dt { margin: 0 0 4px; font-size: 14px; font-weight: 700; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; color: var(--rw-ink); }
.rw-glance dd { margin: 0; font-size: 17px; font-weight: 400; line-height: 1.5; color: var(--rw-muted); overflow-wrap: anywhere; }
.rw-glance dd a { color: var(--rw-link); text-decoration: none; }
.rw-glance dd a:hover { text-decoration: underline; text-underline-offset: 3px; }
.rw-glance dd a:focus-visible { outline: 2px solid var(--rw-purple); outline-offset: 2px; border-radius: 2px; }

@media (max-width: 600px) {
  .rw-glance { max-width: none; padding: 26px 24px 24px; }
}

/* ---------- one-line strip: [rw_glance] (default) ----------
   No card: a thin blue to purple line on top, a gray line below,
   and the three items side by side with dividers between them. */
.rw-glance.rw-glance--inline {
  max-width: none; margin: 0 0 30px; padding: 18px 0 16px; overflow: visible;
  background: none; border-radius: 0; box-shadow: none; border-bottom: 1px solid var(--rw-line);
}
.rw-glance--inline::before { height: 2px; }
.rw-glance--inline .rw-glance__list { display: flex; flex-wrap: wrap; row-gap: 14px; }
.rw-glance--inline .rw-glance__row,
.rw-glance--inline .rw-glance__row:first-child,
.rw-glance--inline .rw-glance__row:last-child {
  flex: 0 1 auto; min-width: 0; padding: 0 28px; border: 0; border-left: 1px solid var(--rw-line);
}
.rw-glance--inline .rw-glance__row:first-child { padding-left: 0; border-left: 0; }
.rw-glance--inline .rw-glance__row:last-child { padding-right: 0; }
.rw-glance--inline dt { margin-bottom: 3px; font-size: 13px; }
.rw-glance--inline dd { font-size: 17px; }
.rw-glance--inline .rw-glance__services a { white-space: nowrap; } /* keep each service name in one piece */

/* phones: Website and Services stay side by side; a long services list wraps in its own column */
@media (max-width: 600px) {
  .rw-glance.rw-glance--inline { padding: 16px 0 14px; }
  .rw-glance--inline .rw-glance__list { display: grid; grid-auto-flow: column; grid-template-columns: auto; grid-auto-columns: minmax(0, 1fr); }
  .rw-glance--inline .rw-glance__row,
  .rw-glance--inline .rw-glance__row:first-child,
  .rw-glance--inline .rw-glance__row:last-child { padding: 0 0 0 18px; }
  .rw-glance--inline .rw-glance__row:first-child { padding-left: 0; padding-right: 18px; }
  .rw-glance--inline dd { font-size: 16px; }
}

/* hide the heading visually in the strip, in case the theme has no screen-reader-text rule */
.rw-glance .screen-reader-text {
  position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}