.recipient-shell {
  max-inline-size: 64rem;
  margin-inline: auto;
  padding-inline: clamp(var(--aldelo-space-400), 4vw, var(--aldelo-space-800));
}
.recipient-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--aldelo-space-200) var(--aldelo-space-600);
  padding-block: var(--aldelo-space-400);
  border-block-end: var(--aldelo-border-width) solid var(--aldelo-color-border);
}
.recipient-header .test-wordmark {
  inline-size: calc(var(--aldelo-size-wordmark) * 6.307);
  block-size: var(--aldelo-size-wordmark);
}
#recipient-controls { min-inline-size: 0; }
.recipient-skip {
  position: absolute;
  inset-inline-start: var(--aldelo-space-400);
  z-index: 1;
  padding: var(--aldelo-space-400);
  background: var(--aldelo-color-surface);
  color: var(--aldelo-color-text);
  transform: translateY(-150%);
}
.recipient-skip:focus { transform: none; }
#recipient-main {
  max-inline-size: 47rem;
  margin-inline: auto;
  padding-block: clamp(var(--aldelo-space-600), 6vw, var(--aldelo-space-1200));
}
#recipient-main > .recipient-actions { margin-block-start: var(--aldelo-space-600); }
#recipient-main > [role="status"]:not(:empty), #recipient-main > [tabindex="-1"]:not(:empty) {
  margin-block-end: var(--aldelo-space-400);
}
#recipient-footer {
  border-block-start: var(--aldelo-border-width) solid var(--aldelo-color-border);
  padding-block: var(--aldelo-space-400) var(--aldelo-space-800);
  color: var(--aldelo-color-text-muted);
  font-size: .8rem;
}
.recipient-flow, .recipient-section, .recipient-card, .recipient-form, .recipient-partition, .recipient-read,
.recipient-tile, .recipient-field {
  display: grid;
  gap: var(--aldelo-space-400);
  min-inline-size: 0;
}
.recipient-flow { gap: var(--aldelo-space-600); }
.recipient-entry { max-inline-size: 32rem; margin-inline: auto; }
.recipient h1, .recipient h2, .recipient h3, .recipient p, .recipient dl, .recipient dd { margin: 0; }
.recipient h1 { font-size: var(--test-display-size); line-height: 1.2; overflow-wrap: anywhere; }
.recipient h2 { font-size: var(--test-section-size); line-height: 1.25; }
.recipient h3 { font-size: var(--test-copy-size); line-height: 1.35; }
.recipient p, .recipient dd, .recipient label, .recipient li, .recipient summary { overflow-wrap: anywhere; }
.recipient .ac-alert { padding: var(--aldelo-space-400); }
.recipient-copy { color: var(--aldelo-color-text-muted); max-inline-size: 64ch; }
.recipient-kicker {
  color: var(--aldelo-color-text-muted);
  font-size: .8rem;
  font-weight: var(--aldelo-font-weight-strong);
  letter-spacing: .045em;
}
.recipient-card, .recipient-tile {
  padding: clamp(var(--aldelo-space-400), 3vw, var(--aldelo-space-600));
  border: var(--aldelo-border-width) solid var(--aldelo-color-border);
  border-radius: var(--aldelo-component-panel-radius);
  background: var(--aldelo-color-surface);
}
.recipient-entry .recipient-card { border-block-start: var(--aldelo-border-width-emphasis) solid var(--aldelo-color-action); }
.recipient .ac-badge { justify-self: start; max-inline-size: 100%; white-space: normal; font-size: .8rem; }
.recipient-tile { gap: var(--aldelo-space-200); align-content: start; }
.recipient-tiles, .recipient-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
  gap: var(--aldelo-space-400);
}
.recipient-actions { gap: var(--aldelo-space-200); }
.recipient-actions:empty { display: none; }
.recipient :is(.ac-button, .ac-input, .ac-select, summary, .recipient-choice) {
  min-block-size: 3rem;
  min-inline-size: 0;
  box-sizing: border-box;
  font-size: 1rem;
}
.recipient :is(.ac-input, .ac-select) { inline-size: 100%; }
.recipient :is(.ac-button, summary, .recipient-choice) {
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.3;
}
.recipient .ac-button { text-align: center; }
.recipient .ac-button { justify-content: center; }
.recipient .ac-label { font-size: 1rem; }
.recipient textarea.ac-input { min-block-size: 6rem; resize: vertical; }
.recipient fieldset { min-inline-size: 0; margin: 0; padding: 0; border: 0; }
.recipient legend { padding: 0; font-weight: var(--aldelo-font-weight-strong); }
.recipient-choice {
  display: flex;
  align-items: center;
  gap: var(--aldelo-space-300);
  text-align: start;
}
.recipient-choice input { flex: 0 0 auto; inline-size: 1.25em; block-size: 1.25em; accent-color: var(--aldelo-color-action); }
.recipient label.recipient-choice { cursor: pointer; }
.recipient :focus-visible {
  outline: var(--aldelo-focus-width) solid var(--aldelo-color-focus);
  outline-offset: var(--aldelo-focus-offset);
}
.recipient .recipient-field { gap: var(--aldelo-space-200); }
.recipient-partition {
  padding-block-start: var(--aldelo-space-400);
  border-block-start: var(--aldelo-border-width) solid var(--aldelo-color-border);
}
.recipient-progress {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: var(--aldelo-space-200);
  padding: 0;
  margin: 0;
  font-size: .8rem;
  color: var(--aldelo-color-text-muted);
}
.recipient-progress[data-count="5"] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.recipient-progress[data-count="7"] { grid-template-columns: repeat(7, minmax(0, 1fr)); }
.recipient-progress li {
  border-block-start: .25rem solid var(--aldelo-color-border);
  padding-block-start: var(--aldelo-space-200);
}
.recipient-progress li[aria-current] {
  border-color: var(--aldelo-color-action);
  font-weight: var(--aldelo-font-weight-strong);
  color: var(--aldelo-color-text);
}
.recipient-source-text {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.65;
  font-family: var(--aldelo-font-family-body);
}
.recipient-document .recipient-section:empty { display: none; }
.recipient-read { gap: var(--aldelo-space-200); }
.recipient-document {
  padding-block: var(--aldelo-space-400);
  border-block-start: var(--aldelo-border-width) solid var(--aldelo-color-border);
}
.recipient-review-list { margin-block: 0; padding-inline-start: var(--aldelo-space-600); }
.recipient-review-list li { padding-block-end: var(--aldelo-space-200); }
.recipient-status:empty, .recipient-error:empty { display: none; }
.recipient-error { color: var(--aldelo-color-danger); }
.recipient summary { cursor: pointer; display: list-item; padding-block: var(--aldelo-space-300); text-align: start; }
.recipient-heading-note { padding-block-end: var(--aldelo-space-200); }
@media (max-width: 38rem) {
  .recipient-progress, .recipient-progress[data-count] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .recipient-progress[data-count="7"] li:last-child { grid-column: 1 / -1; }
}
@media (max-width: 28rem) {
  .recipient-actions { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .recipient *, .recipient *::before, .recipient *::after { animation: none !important; transition: none !important; }
}
