/* Source: donor web/styles/app.tw.css, Tailwind 4.3.1. Original layers retained; nesting compiled with postcss-nesting 13.0.2. Host styles occupy the earlier host layer only on DonorContent pages. */
@layer host;
@import url("/assets/launch/tokens.css?v=c963d7bd4ae1") layer(host);
@import url("/assets/launch/controls.css?v=20e1bf3ee855") layer(host);
@import url("/assets/launch/landing-controls.css?v=a2f4a437f190") layer(host);
@import url("/assets/launch/accessibility.css?v=d12b900be885") layer(host);

/* The host integration root represents donor <main>, not donor <body>.
   Keep its computed surface and zero-width border identical to that element. */
#content.donor-content { background-color: transparent; box-sizing: border-box; border: 0 solid; }

/* User-authorized responsive deviation, 2026-09-26: long words must remain
   visible inside migrated content. Desktop and frozen landing are unchanged.
   The type selector intentionally outranks the donor integration root's normal
   wrapping rule without overriding explicit local donor word-breaking rules. */
@media (max-width: 767px) {
  main#content.donor-content { overflow-wrap: anywhere; }
  main#content.donor-content select { max-width: 100%; white-space: normal; }
}

/* Shared identity; donor content/layout and semantic status colors are unchanged. */
#content.donor-content {
 --color-bg: var(--bg); --color-surface: var(--surface); --color-surface-2: var(--surface-2);
 --color-ink: var(--ink); --color-mute: var(--mute); --color-mute-2: var(--mute);
 --color-line: var(--line); --color-line-soft: var(--line); --color-line-strong: var(--line-strong);
 --color-result-copy: var(--mute); --color-primary: var(--primary); --color-primary-2: var(--primary);
 --color-primary-hover: var(--primary-hover); --color-primary-soft: var(--primary-soft); --color-primary-line: var(--primary); --color-primary-text: var(--primary); --color-focus: var(--focus);
 --color-neutral: var(--mute); --color-neutral-fg: var(--mute); --color-neutral-soft: var(--surface-2); --color-neutral-strong: var(--mute);
 --font-weight-semibold: 500; --font-weight-display: 500; --font-weight-action: 500;
}