/* CUINudgeCard - mirrors cui_nudge_card.dart. Brand-subtle card, min-height 129: title + underlined link on the left,
   129x129 rounded illustration on the right with a dismiss circle in its top-right corner. */
.cui-nudge-card { --_ext: 129px; box-sizing: border-box; width: 100%; min-height: var(--_ext); padding: var(--cui-space-md);
  display: flex; align-items: flex-start; overflow: hidden;
  background: var(--cui-color-surface-bg-brand-subtle); border-radius: var(--cui-radius-2xl); }
.cui-nudge-card__text { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.cui-nudge-card__title, .cui-nudge-card__link { margin: 0; color: var(--cui-color-text-default);
  font-family: var(--cui-type-body-md-semi-family); font-size: var(--cui-type-body-md-semi-size); font-weight: var(--cui-type-body-md-semi-weight);
  letter-spacing: var(--cui-type-body-md-semi-spacing); line-height: round(var(--cui-type-body-md-semi-line), 1px); }
.cui-nudge-card__link-wrap { appearance: none; border: 0; background: none; padding: 0; margin: var(--cui-space-2xs) 0 0; cursor: pointer; text-align: left;
  display: flex; flex-direction: column; align-items: flex-start; font: inherit; color: inherit; outline: none; }
.cui-nudge-card__link-wrap:focus-visible .cui-nudge-card__link { outline: 2px solid var(--cui-color-border-focus); outline-offset: 2px; }
.cui-nudge-card__underline { width: 46px; height: var(--cui-border-default); margin-top: var(--cui-space-2xs); background: var(--cui-color-text-default); }
.cui-nudge-card__art { position: relative; flex: none; width: var(--_ext); height: var(--_ext); }
.cui-nudge-card__illustration { width: 100%; height: 100%; border-radius: var(--cui-radius-lg); overflow: hidden; }
.cui-nudge-card__close { appearance: none; border: 0; margin: 0; cursor: pointer; outline: none; position: absolute; top: 0; right: 0;
  box-sizing: border-box; display: flex; align-items: center; justify-content: center;
  width: max(24px, calc(var(--cui-size-icon-sm) + var(--cui-space-3xs) * 2)); height: max(24px, calc(var(--cui-size-icon-sm) + var(--cui-space-3xs) * 2));
  padding: var(--cui-space-3xs); border-radius: var(--cui-radius-pill);
  background: var(--cui-color-surface-bg-brand-muted); color: var(--cui-color-icon-default); }
.cui-nudge-card__close:focus-visible { box-shadow: 0 0 0 2px var(--cui-color-border-focus); }
.cui-nudge-card__close .cui-icon { width: var(--cui-size-icon-sm); height: var(--cui-size-icon-sm); font-size: var(--cui-size-icon-sm); flex: none; }