/* Deliberately inherits the host page's typography and color scheme. */
.palmup-ad-card {
  --palmup-ad-space: 1rem;
  --palmup-ad-border: #d7dce2;
  --palmup-ad-radius: .75rem;
  box-sizing: border-box;
  display: grid;
  gap: .65rem;
  max-width: 42rem;
  min-width: 0;
  padding: var(--palmup-ad-space);
  border: 1px solid var(--palmup-ad-border);
  border-radius: var(--palmup-ad-radius);
  background: var(--palmup-ad-background, transparent);
  color: var(--palmup-ad-color, inherit);
  font-family: inherit;
  font-size: inherit;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.palmup-ad-card[hidden],
.palmup-ad-card [data-palmup-ad-field][hidden] { display: none !important; }
.palmup-ad-card [data-palmup-ad-field] { box-sizing: border-box; min-width: 0; margin: 0; }
.palmup-ad-card [data-palmup-ad-field="title"] { font: inherit; font-size: 1.125em; font-weight: 700; line-height: 1.3; }
.palmup-ad-card [data-palmup-ad-field="copy"],
.palmup-ad-card [data-palmup-ad-field="description"] { white-space: pre-line; }
.palmup-ad-card [data-palmup-ad-field="resolution"] { font-size: .75em; }
.palmup-ad-card [data-palmup-ad-field="cta"],
.palmup-ad-card [data-palmup-ad-field="sales"] { font-size: .875em; font-weight: 600; }
.palmup-ad-card [data-palmup-ad-field="image"] { overflow: hidden; border-radius: calc(var(--palmup-ad-radius) / 2); }
.palmup-ad-card [data-palmup-ad-field="image"] img,
.palmup-ad-card img[data-palmup-ad-field="image"] { display: block; width: 100%; height: auto; max-height: 24rem; object-fit: contain; }

.palmup-ad-card[data-palmup-ad-layout="compact"] { grid-template-columns: minmax(0, 5rem) minmax(0, 1fr); column-gap: 1rem; }
.palmup-ad-card[data-palmup-ad-layout="compact"] > [data-palmup-ad-field] { grid-column: 2; }
.palmup-ad-card[data-palmup-ad-layout="compact"] > [data-palmup-ad-field="image"] { grid-column: 1; grid-row: 1 / span 7; align-self: start; }
.palmup-ad-card[data-palmup-ad-layout="compact"]:not(:has([data-palmup-ad-field="image"]:not([hidden]))) { grid-template-columns: minmax(0, 1fr); }
.palmup-ad-card[data-palmup-ad-layout="compact"]:not(:has([data-palmup-ad-field="image"]:not([hidden]))) > [data-palmup-ad-field] { grid-column: 1; }
.palmup-ad-card[data-palmup-ad-layout="terminal"] { border-radius: .25rem; border-inline-start-width: .25rem; font-family: var(--palmup-ad-terminal-font, ui-monospace, SFMono-Regular, Consolas, monospace); }
.palmup-ad-card[data-palmup-ad-layout="terminal"] [data-palmup-ad-field="image"] img { max-height: 12rem; width: auto; max-width: 100%; }

@media (max-width: 360px) {
  .palmup-ad-card[data-palmup-ad-layout="compact"] { grid-template-columns: minmax(0, 3rem) minmax(0, 1fr); column-gap: .65rem; }
}