/* Artelnics shared content components. Presentation is scoped to opted-in markup. */
.aui.aui-content-page {
  width: 100%;
  margin: 0;
  background: var(--aui-white);
}
.aui .aui-content-section {
  margin: 0;
  padding-block: 64px;
  background: var(--aui-white);
}
.aui .aui-content-section-soft { background: var(--aui-soft); }
.aui .aui-section-heading {
  max-width: 800px;
  margin: 0 0 32px;
  text-align: left;
}
.aui .aui-section-heading h2,
.aui .aui-content-copy h2 {
  margin: 0 0 16px;
  color: var(--aui-ink);
  font-family: var(--aui-font-family);
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.02em;
  text-align: left;
}
.aui .aui-section-heading p,
.aui .aui-section-note {
  max-width: 760px;
  margin: 0;
  color: var(--aui-muted);
  font-family: var(--aui-font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.65;
  text-align: left;
}
.aui .aui-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
  margin: 0;
  padding: 0;
}
.aui .aui-grid-one { grid-template-columns: 1fr; }
.aui .aui-grid-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.aui .aui-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.aui .aui-grid-four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.aui .aui-card,
.aui.aui-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  margin: 0;
  padding: 28px;
  color: var(--aui-ink);
  text-align: left;
}
/* The same surface works with ordinary cards and adapter-owned card layouts. */
.aui .aui-card,
.aui.aui-card,
.aui .aui-card-surface,
.aui.aui-card-surface {
  min-width: 0;
  background: var(--aui-card-background, var(--aui-white));
  border: 1px solid var(--aui-line);
  border-radius: var(--aui-radius);
  box-shadow: none;
}
/* Containers stay still. Native links and buttons own hover and keyboard focus. */
.aui .aui-card h2,
.aui .aui-card h3,
.aui.aui-card h2,
.aui.aui-card h3 {
  max-width: none;
  margin: 0 0 12px;
  color: var(--aui-ink);
  font-family: var(--aui-font-family);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.01em;
  text-align: left;
  overflow-wrap: anywhere;
}
.aui .aui-card p,
.aui.aui-card p {
  max-width: none;
  margin: 0 0 16px;
  color: var(--aui-muted);
  font-family: var(--aui-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
  text-align: left;
}
.aui .aui-card p:last-child,
.aui.aui-card p:last-child { margin-bottom: 0; }
.aui .aui-card > p:has(> .aui-card-link) { margin-top: auto; padding-top: 20px; }
.aui .aui-card > .aui-card-link { margin-top: auto; padding-top: 20px; }
.aui .aui-card-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  max-width: 100%;
  gap: 10px;
  padding-block: 6px;
  color: var(--aui-blue);
  font-family: var(--aui-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: .22em;
}
.aui .aui-card-link:hover { color: var(--aui-blue-hover); }
.aui .aui-card-icon,
.aui .aui-card > svg,
.aui.aui-card > svg {
  display: block;
  flex: none;
  width: 36px;
  height: 36px;
  margin: 0 0 20px;
  color: var(--aui-blue);
}
.aui .aui-card-metric {
  margin: 0 0 20px;
  color: var(--aui-blue);
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
}
.aui .aui-content-copy { max-width: 760px; }
.aui .aui-content-copy p {
  margin: 0 0 20px;
  color: var(--aui-muted);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.65;
}
.aui .aui-content-copy a:not(.aui-button) { color: var(--aui-blue); }
/* WordPress may insert empty paragraph nodes around editorial block markup. */
.aui .aui-card-grid > p:empty,
.aui .aui-section-heading > p:empty,
.aui .aui-card > p:empty { display: none; }
/* Editorial scripts after the page wrapper must not create a blank footer band. */
.aui-content-page ~ p:empty,
.aui-content-page ~ p:has(> script:only-child) { margin: 0; }
@media (max-width: 64rem) {
  .aui .aui-card-grid,
  .aui .aui-grid-three,
  .aui .aui-grid-four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .aui .aui-grid-one { grid-template-columns: 1fr; }
}
@media (max-width: 40rem) {
  .aui .aui-content-section { padding-block: 48px; }
  .aui .aui-section-heading { margin-bottom: 24px; }
  .aui .aui-section-heading h2,
  .aui .aui-content-copy h2 { font-size: 28px; }
  .aui .aui-card-grid { grid-template-columns: 1fr; }
  .aui .aui-card,
  .aui.aui-card { padding: 24px; }
  .aui .aui-card h2,
  .aui .aui-card h3,
  .aui.aui-card h2,
  .aui.aui-card h3 { font-size: 21px; }
}