@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=DM+Sans:wght@400..700&display=swap');

body:has(.qd-site) {
  margin: 0;
  background: #fcfcfe;
}

body:has(.qd-site) > :is(.container-header, .container-footer),
body:has(.qd-site) > .site-grid > :is(.container-sidebar-left, .container-sidebar-right) {
  display: none;
}

body:has(.qd-site) > .site-grid {
  display: block;
}

body:has(.qd-site) > .site-grid > .container-component {
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.qd-site {
  --qd-ink: #14182f;
  --qd-muted: #545971;
  --qd-violet: #5134b0;
  --qd-line: #e5e3ef;
  --qd-white: #fff;
  --qd-heading-font: 'Bricolage Grotesque', 'DM Sans', system-ui, sans-serif;
  color: var(--qd-ink);
  background: var(--qd-white);
  font: 400 1rem / 1.6 'DM Sans', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.qd-site *,
.qd-site *::before,
.qd-site *::after {
  box-sizing: border-box;
}

.qd-site :is(h1, h2, h3, h4, p, figure) {
  margin: 0;
}

.qd-site :is(h1, h2, h3, h4) {
  color: inherit;
  font-family: var(--qd-heading-font);
  font-weight: 700;
  letter-spacing: -.035em;
  line-height: 1.07;
}

.qd-site a {
  color: inherit;
  text-decoration: none;
}

.qd-site a:focus-visible {
  outline: 3px solid #8564f7;
  outline-offset: 5px;
}

.qd-site img {
  display: block;
  max-width: 100%;
}

.qd-site [id] {
  scroll-margin-top: 1rem;
}

.qd-skip {
  position: absolute;
  z-index: 10;
  top: .7rem;
  left: .7rem;
  padding: .5rem .75rem;
  border-radius: .35rem;
  background: #fff;
  transform: translateY(-180%);
}

.qd-skip:focus {
  transform: translateY(0);
}

.qd-shell {
  width: min(100% - 2 * clamp(1.125rem, 4.6vw, 4.5rem), 81rem);
  margin-inline: auto;
}

.qd-header {
  background: #fdfdff;
  border-bottom: 1px solid var(--qd-line);
}

.qd-header > .qd-shell,
.qd-header.qd-shell {
  display: grid;
  grid-template-columns: minmax(8rem, 1fr) auto minmax(8rem, 1fr);
  align-items: center;
  gap: clamp(.7rem, 2.6vw, 2.5rem);
  min-height: 5rem;
}

.qd-header .qd-button {
  justify-self: end;
}

.qd-logo {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  gap: .7rem;
  width: fit-content;
  font-family: var(--qd-heading-font);
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1.05;
}

.qd-logo img,
img.qd-logo {
  width: clamp(7rem, 13vw, 10.5rem);
  height: auto;
  max-height: 3.15rem;
  object-fit: contain;
  object-position: left center;
}

.qd-nav,
.qd-nav ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: .35rem clamp(.7rem, 2.15vw, 2.2rem);
  margin: 0;
  padding: 0;
  list-style: none;
}

.qd-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 2.5rem;
  color: #353951;
  font-size: .875rem;
  font-weight: 600;
  text-underline-offset: .3em;
}

.qd-nav a:hover,
.qd-footer a:hover {
  color: var(--qd-violet);
  text-decoration: underline;
}

.qd-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  min-height: 3.125rem;
  padding: .7rem 1.17rem;
  border: 1px solid transparent;
  border-radius: .55rem;
  font-size: .91rem;
  font-weight: 700;
  line-height: 1.15;
  text-align: center;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease;
}

.qd-site .qd-button-dark {
  color: #fff;
  background: #141626;
}

.qd-site .qd-button-dark:hover {
  background: #432995;
}

.qd-site .qd-button-light {
  color: #211640;
  background: #fff;
}

.qd-site .qd-button-light:hover {
  background: #e9e2ff;
}

.qd-site .qd-button-ghost {
  color: inherit;
  border-color: #c6bfdc;
}

.qd-site .qd-button-ghost:hover {
  color: #412795;
  border-color: #7353cd;
  background: #f8f5ff;
}

.qd-header .qd-button {
  min-height: 2.75rem;
  white-space: nowrap;
}

.qd-hero {
  overflow: clip;
  background: radial-gradient(ellipse at 78% 7%, #eee8ff 0%, transparent 52%), #f6f3ff;
}

.qd-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 5.3rem);
  padding-block: clamp(3rem, 7vw, 7.3rem);
}

.qd-hero-copy {
  display: grid;
  align-content: center;
  justify-items: start;
  gap: clamp(.95rem, 2.1vw, 1.65rem);
}

.qd-site .qd-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .52rem;
  color: var(--qd-violet);
  font-size: .73rem;
  font-weight: 700;
  letter-spacing: .11em;
  line-height: 1.45;
  text-transform: uppercase;
}

.qd-eyebrow::before {
  width: .48rem;
  height: .48rem;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #7653e5;
  content: '';
}

.qd-hero h1 {
  max-width: 13.5ch;
  font-size: clamp(2.75rem, 5.9vw, 6.25rem);
  font-weight: 760;
  letter-spacing: -.074em;
  line-height: .96;
  text-wrap: balance;
}

.qd-hero h1 :is(em, span) {
  color: #5738be;
  font-style: normal;
}

.qd-site .qd-hero-tagline {
  color: #343557;
  font: 670 clamp(1.1rem, 1.85vw, 1.53rem) / 1.3 var(--qd-heading-font);
  letter-spacing: -.02em;
}

.qd-site .qd-lede {
  max-width: 41ch;
  color: var(--qd-muted);
  font-size: clamp(1.03rem, 1.45vw, 1.24rem);
  line-height: 1.6;
}

.qd-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: .35rem;
}

.qd-hero-copy :is(small, .qd-hero-note) {
  max-width: 46ch;
  color: var(--qd-muted);
  font-size: .84rem;
  line-height: 1.5;
}

.qd-hero-visual {
  position: relative;
  isolation: isolate;
  min-width: 0;
  min-height: clamp(19rem, 36vw, 36rem);
  overflow: hidden;
  border: 1px solid #c5b9ee;
  border-radius: clamp(.85rem, 2vw, 1.6rem);
  background: #35236e;
  box-shadow: 0 1.65rem 4rem -2.7rem #30205d99;
}

.qd-hero-visual > :is(.qd-hero-photo, picture),
.qd-hero-visual > picture img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.qd-hero-mark {
  position: absolute;
  z-index: 1;
  top: clamp(.8rem, 2.15vw, 1.45rem);
  right: clamp(.8rem, 2.15vw, 1.45rem);
  width: clamp(3.2rem, 6vw, 5.5rem);
  height: auto;
  padding: .37rem;
  border: 1px solid #fff8;
  border-radius: .8rem;
  background: #f4effff5;
}

.qd-hero-visual::after {
  position: absolute;
  z-index: 0;
  inset: 43% 0 0;
  background: linear-gradient(0deg, #120a2a8a, transparent 92%);
  content: '';
  pointer-events: none;
}

.qd-visual-note {
  position: absolute;
  z-index: 1;
  bottom: clamp(.75rem, 2.2vw, 1.65rem);
  left: clamp(.75rem, 2.2vw, 1.65rem);
  display: flex;
  align-items: center;
  gap: .5rem;
  width: fit-content;
  max-width: calc(100% - 2rem);
  padding: .72rem .95rem;
  color: #fff;
  border: 1px solid #fff5;
  border-radius: .55rem;
  background: #18112bd9;
  font-size: .8rem;
  line-height: 1.35;
  backdrop-filter: blur(.6rem);
}

.qd-visual-note > span:empty {
  width: .42rem;
  height: .42rem;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #ba9aff;
}

.qd-visual-note strong {
  font-size: .94rem;
  font-weight: 700;
}

.qd-visual-note small {
  color: #e9defd;
  font-size: .76rem;
}

.qd-strip {
  color: #fff;
  background: #171832;
}

.qd-strip-inner {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

.qd-strip-inner > a {
  display: grid;
  align-content: center;
  gap: .3rem;
  min-height: 6.5rem;
  padding: .95rem clamp(.75rem, 2.9vw, 2.45rem);
  transition: background-color .18s ease;
}

.qd-strip-inner > a + a {
  border-left: 1px solid #fff2;
}

.qd-strip-inner > a:hover {
  background: #29264a;
}

.qd-strip-inner span {
  color: #c6b4ff;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .09em;
  line-height: 1.35;
  text-transform: uppercase;
}

.qd-strip-inner strong {
  color: #fff;
  font: 680 clamp(1rem, 1.85vw, 1.46rem) / 1.2 var(--qd-heading-font);
  letter-spacing: -.025em;
}

.qd-section {
  padding-block: clamp(3.25rem, 7vw, 7rem);
}

.qd-split {
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
  align-items: start;
  gap: clamp(1.6rem, 7vw, 7rem);
}

.qd-heading {
  max-width: 48rem;
}

div.qd-heading,
header.qd-heading {
  display: grid;
  justify-items: start;
  gap: clamp(.65rem, 1.5vw, 1.15rem);
}

.qd-site h2 {
  max-width: 19ch;
  font-size: clamp(2rem, 4.55vw, 4.5rem);
  letter-spacing: -.055em;
  line-height: 1.02;
  text-wrap: balance;
}

.qd-heading p:not(.qd-eyebrow),
.qd-split > div > p:not(.qd-eyebrow, .qd-lede) {
  max-width: 47ch;
  color: var(--qd-muted);
  font-size: clamp(1rem, 1.45vw, 1.16rem);
}

.qd-site .qd-about-copy > p + p {
  margin-top: 1rem;
}

.qd-solutions {
  border-top: 1px solid var(--qd-line);
}

.qd-site .qd-text-link {
  display: inline-block;
  width: fit-content;
  color: var(--qd-violet);
  font-weight: 700;
  line-height: 1.5;
  text-decoration: underline;
  text-decoration-color: #baabdf;
  text-underline-offset: .3em;
}

.qd-site .qd-text-link:hover {
  text-decoration-color: currentColor;
}

.qd-site p + .qd-text-link {
  margin-top: .8rem;
}

.qd-site .qd-heading p + .qd-text-link {
  margin-top: 0;
}

.qd-cards {
  display: grid;
  gap: .78rem;
}

.qd-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: .42rem 1rem;
  padding: clamp(1.1rem, 2.5vw, 1.65rem);
  border: 1px solid var(--qd-line);
  border-radius: .85rem;
  background: #fff;
}

.qd-card > :not(.qd-card-icon) {
  grid-column: 2;
}

.qd-card:not(:has(.qd-card-icon)) > * {
  grid-column: 1 / -1;
}

.qd-card-icon {
  display: grid;
  grid-column: 1;
  grid-row: 1 / span 3;
  width: 2.55rem;
  height: 2.55rem;
  place-items: center;
  color: #5435b3;
  border-radius: .62rem;
  background: #efebff;
  font-size: 1.04rem;
  font-weight: 800;
  line-height: 1;
}

.qd-card-icon > :is(svg, img) {
  width: 1.2rem;
  height: 1.2rem;
}

.qd-site :is(.qd-card, .qd-topic) h3 {
  font-size: clamp(1.14rem, 1.9vw, 1.52rem);
}

.qd-card p,
.qd-topic p {
  color: var(--qd-muted);
  font-size: .95rem;
  line-height: 1.55;
}

.qd-card h3 + p,
.qd-topic h3 + p {
  margin-top: .4rem;
}

.qd-academy {
  background: #f2edff;
  border-block: 1px solid #eae2fb;
}

.qd-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13.2rem), 1fr));
  gap: .78rem;
}

.qd-shell > .qd-heading + .qd-grid {
  margin-top: clamp(1.35rem, 3vw, 2.4rem);
}

.qd-grid + .qd-button {
  margin-top: 1.25rem;
}

.qd-topic {
  display: grid;
  align-content: start;
  gap: .45rem;
  min-width: 0;
  padding: clamp(1rem, 2.2vw, 1.55rem);
  border: 1px solid #e5dcef;
  border-radius: .8rem;
  background: #fffc;
}

.qd-topic > :is(span, small, b) {
  color: var(--qd-violet);
  font-size: .79rem;
  font-weight: 750;
  line-height: 1.25;
}

.qd-experience {
  background: #fff;
}

.qd-resources {
  background: #f8f8fc;
  border-block: 1px solid var(--qd-line);
}

.qd-experience :is(.qd-grid, .qd-cards),
.qd-resources :is(.qd-grid, .qd-cards) {
  align-content: start;
}

.qd-contact {
  color: #fff;
  background: radial-gradient(ellipse at 94% 0%, #453178 0%, transparent 57%), #191933;
}

.qd-contact .qd-split {
  grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);
  align-items: center;
  gap: clamp(1.2rem, 4vw, 3.7rem);
}

.qd-contact .qd-split > :last-child {
  justify-self: end;
}

.qd-contact .qd-eyebrow {
  color: #d5c6ff;
}

.qd-contact p:not(.qd-eyebrow),
.qd-contact .qd-split > div > p:not(.qd-eyebrow) {
  color: #e2ddf1;
}

.qd-contact .qd-button-ghost {
  border-color: #ac9aca;
}

.qd-contact a[href^='mailto:']:not(.qd-button),
.qd-footer a[href^='mailto:'] {
  overflow-wrap: anywhere;
  text-decoration: underline;
  text-underline-offset: .23em;
}

.qd-footer {
  color: #4c4f67;
  background: #fcfcff;
  border-top: 1px solid var(--qd-line);
  font-size: .84rem;
}

.qd-footer-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  padding-block: 1.45rem;
}

.qd-footer-meta {
  line-height: 1.55;
}

.qd-footer strong {
  color: var(--qd-ink);
  font-weight: 750;
}

@media (max-width: 68rem) {
  .qd-header > .qd-shell,
  .qd-header.qd-shell {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
}

@media (max-width: 50rem) {
  .qd-header > .qd-shell,
  .qd-header.qd-shell {
    grid-template-columns: 1fr auto;
    gap: .12rem .7rem;
    padding-block: .75rem .2rem;
  }

  .qd-nav {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: flex-start;
  }

  .qd-nav ul {
    justify-content: flex-start;
  }

  .qd-hero-inner,
  .qd-split,
  .qd-contact .qd-split {
    grid-template-columns: minmax(0, 1fr);
  }

  .qd-hero h1 {
    max-width: 14ch;
    font-size: clamp(2.75rem, 9vw, 5rem);
  }

  .qd-hero-visual {
    min-height: clamp(17rem, 55vw, 28rem);
  }

  .qd-contact .qd-split > :last-child {
    justify-self: start;
  }
}

@media (max-width: 34rem) {
  .qd-nav,
  .qd-nav ul {
    column-gap: .8rem;
  }

  .qd-nav a {
    min-height: 2.3rem;
    font-size: .79rem;
  }

  .qd-strip-inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .qd-strip-inner > a {
    min-height: 3.5rem;
    padding: .63rem 0;
  }

  .qd-strip-inner > a + a {
    border-top: 1px solid #fff2;
    border-left: 0;
  }

  .qd-footer-inner {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  .qd-site * {
    transition: none !important;
  }
}

body:has(.qd-site) .com-content-article:has(.qd-site) > :is(.page-header, .article-info, .icons),
body:has(.qd-site) .blog-featured:has(.qd-site) > :is(.page-header, .blog-items .page-header) {
  display: none;
}

.qd-hero h1 {
  letter-spacing: -.049em;
  word-spacing: .045em;
}

body:has(.qd-site) .container-component > .mod-breadcrumbs__wrapper {
  display: none;
}

body:has(.qd-site) .container-component > main {
  margin-top: 0;
}

.qd-hero h1 {
  color: #222043;
  background: linear-gradient(175deg, #15182f 44%, #5738be 68%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.qd-hero-inner {
  padding-block: clamp(3rem, 5.8vw, 6.15rem);
}

.qd-hero .qd-eyebrow {
  display: block;
}

.qd-hero .qd-eyebrow::before {
  display: inline-block;
  margin-right: .55rem;
  vertical-align: .09em;
}

@media (max-width: 42rem) {
  .qd-nav {
    column-gap: .72rem;
    row-gap: .1rem;
  }

  .qd-nav a {
    min-height: 2rem;
    font-size: .77rem;
  }
}

@media (forced-colors: active) {
  .qd-hero h1 {
    background: none;
    -webkit-text-fill-color: currentColor;
  }
}

.qd-contact-action {
  display: grid;
  justify-items: start;
  gap: .6rem;
}

.qd-contact .qd-contact-email {
  color: #ded5f7;
  font-size: .89rem;
}
.qd-site .qd-tech-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .48rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}

.qd-tech-list > li {
  display: inline-flex;
  align-items: center;
  gap: .48rem;
  min-height: 2.1rem;
  max-width: 100%;
  padding: .25rem .76rem;
  color: #412887;
  border: 1px solid #ddd2fb;
  border-radius: 2rem;
  background: #f3eeff;
  font-size: .84rem;
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.qd-tech-list > li::before {
  width: .37rem;
  height: .37rem;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #7955e5;
  content: '';
}

.qd-gallery {
  padding-block: clamp(3.2rem, 6.5vw, 6rem);
  border-block: 1px solid #ebe5f8;
  background: radial-gradient(ellipse at 2% 2%, #efe9ff 0%, transparent 47%), #faf8ff;
}

.qd-gallery-grid,
.qd-gallery-more {
  display: grid;
  align-items: stretch;
  gap: clamp(.8rem, 1.75vw, 1.5rem);
  min-width: 0;
}

.qd-gallery-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: clamp(1.4rem, 3vw, 2.7rem);
}

.qd-gallery-grid > .qd-gallery-card {
  grid-column: span 2;
}

.qd-gallery-grid > .qd-gallery-feature {
  grid-column: span 3;
}

.qd-gallery-grid > .qd-gallery-more {
  grid-column: span 2;
  grid-template-columns: minmax(0, 1fr);
}

.qd-gallery-grid > .qd-gallery-card:only-child {
  grid-column: 1 / -1;
}

.qd-gallery-more {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
}

.qd-gallery > .qd-gallery-more,
.qd-gallery-grid + .qd-gallery-more {
  margin-top: clamp(.8rem, 1.75vw, 1.5rem);
}

.qd-site .qd-gallery-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  border: 1px solid var(--qd-line, #e5e3ef);
  border-radius: clamp(.75rem, 1.5vw, 1.2rem);
  background: #fff;
  box-shadow: 0 .9rem 2.4rem -.85rem #20183a16;
}

.qd-gallery-card > a {
  position: relative;
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-radius: inherit;
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  background: #e8e2f4;
}

.qd-gallery-card > a:focus-visible {
  z-index: 1;
  outline-offset: .2rem;
}

.qd-gallery-card img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--qd-gallery-position, center);
}

.qd-gallery-feature > a {
  aspect-ratio: 4 / 3;
}

.qd-gallery-card figcaption {
  display: grid;
  align-content: start;
  gap: .4rem;
  padding: clamp(1rem, 2.5vw, 1.65rem);
}

.qd-site .qd-gallery-meta {
  color: var(--qd-violet, #5134b0);
  font-size: .74rem;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.4;
  text-transform: uppercase;
}

.qd-site .qd-gallery-card figcaption :is(h3, strong) {
  display: block;
  color: var(--qd-ink, #14182f);
  font: 700 clamp(1.22rem, 2.4vw, 2rem) / 1.08 var(--qd-heading-font, system-ui, sans-serif);
  letter-spacing: -.04em;
  overflow-wrap: anywhere;
}

.qd-site .qd-gallery-card figcaption p:not(.qd-gallery-meta) {
  max-width: 59ch;
  color: var(--qd-muted, #545971);
  font-size: .94rem;
  line-height: 1.55;
}

.qd-gallery-more .qd-gallery-card > a {
  aspect-ratio: 2.25 / 1;
}

@media (max-width: 44rem) {
  .qd-gallery-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .qd-gallery-grid > :is(.qd-gallery-card, .qd-gallery-more) {
    grid-column: auto;
  }

  .qd-gallery-card > a,
  .qd-gallery-more .qd-gallery-card > a {
    aspect-ratio: 16 / 10;
  }
}

@media (forced-colors: active) {
  .qd-tech-list > li,
  .qd-site .qd-gallery-card {
    border-color: CanvasText;
  }

  .qd-tech-list > li::before {
    background: CanvasText;
  }
}

.qd-hero-visual > .qd-hero-photo.qd-photo-training {
  object-position: 56% 50%;
}

.qd-visual-note.qd-photo-credit {
  display: grid;
  gap: .14rem;
}

.qd-gallery-card figcaption .qd-text-link {
  margin-top: .2rem;
  font-size: .86rem;
}

.qd-gallery-grid > .qd-gallery-card > a {
  aspect-ratio: 16 / 10;
}

.qd-gallery-grid + .qd-gallery-more {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.qd-gallery-grid + .qd-gallery-more .qd-gallery-card > a {
  aspect-ratio: 16 / 8;
}

@media (max-width: 44rem) {
  .qd-gallery-grid + .qd-gallery-more {
    grid-template-columns: minmax(0, 1fr);
  }

  .qd-gallery-grid + .qd-gallery-more .qd-gallery-card > a {
    aspect-ratio: 16 / 10;
  }
}

.qd-government {
  border-block: 1px solid var(--qd-line);
  background: #f8f8fc;
}

.qd-government .qd-grid,
.qd-training-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.qd-government .qd-grid:has(details[open]) {
  align-items: start;
}

.qd-government .qd-actions {
  margin-top: 1.25rem;
}

.qd-government-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: .65rem;
  padding: clamp(1rem, 2.4vw, 1.65rem);
  border: 1px solid var(--qd-line);
  border-radius: .85rem;
  background: var(--qd-white);
}

.qd-site .qd-government-card h3 {
  font-size: clamp(1.14rem, 1.9vw, 1.52rem);
}

.qd-site .qd-government-card p,
.qd-government-card details {
  color: var(--qd-muted);
  font-size: .95rem;
  line-height: 1.55;
}

.qd-government-card details {
  margin-top: auto;
  border-top: 1px solid var(--qd-line);
}

.qd-site summary {
  display: list-item;
  min-height: 2.75rem;
  padding-block: .6rem;
  color: var(--qd-violet);
  font-weight: 700;
  cursor: pointer;
}

.qd-site summary:hover {
  text-decoration: underline;
  text-underline-offset: .25em;
}

.qd-site summary:focus-visible {
  outline: 3px solid #8564f7;
  outline-offset: 3px;
}

.qd-government-card ul {
  margin: 0;
  padding-inline-start: 1.1rem;
}

.qd-government-card li + li {
  margin-top: .5rem;
}

.qd-government-card li strong {
  color: var(--qd-ink);
}

.qd-site .qd-government-source {
  margin-top: .85rem;
  padding-top: .75rem;
  border-top: 1px solid var(--qd-line);
  font-size: .86rem;
  overflow-wrap: anywhere;
}

.qd-project-flow .qd-topic {
  border-color: var(--qd-line);
  background: var(--qd-white);
}

.qd-training-request {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .85rem 1.5rem;
  margin-top: 1.25rem;
  padding: clamp(1rem, 2.2vw, 1.55rem);
  border: 1px solid var(--qd-line);
  border-radius: .8rem;
  background: var(--qd-white);
}

.qd-site .qd-training-request p {
  flex: 1 1 22rem;
  color: var(--qd-muted);
  line-height: 1.55;
}

.qd-site .qd-training-request .qd-government-source {
  flex-basis: 100%;
  margin-top: 0;
}

.qd-reference-list {
  margin-top: 1.25rem;
  border-top: 1px solid var(--qd-line);
}

.qd-reference-list ul {
  margin-block: .55rem 0;
  padding-inline-start: 1.1rem;
}

.qd-site .qd-inquiry-links a {
  color: #e2ddf1;
  overflow-wrap: anywhere;
}

@media (max-width: 48rem) {
  .qd-government .qd-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .qd-training-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 34rem) {
  .qd-training-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}