/* Screen layouts. Shared tokens and controls are in ui.css. */
.experiments-list {
  display: grid;
  gap: 20px;
}
.experiments-list .panel-head h2 > .inline-link { color: inherit; }
.experiment-detail-header { margin-bottom: 28px; }
.experiment-detail-back {
  display: inline-flex;
  margin-bottom: 20px;
  color: var(--muted);
}
.experiment-detail-header > .page-heading { margin-bottom: 0; }
.experiment-detail-header .page-heading p:empty { display: none; }
.experiment-detail-header .page-heading > div:first-child { min-width: 0; }
.experiment-detail-header h1 { overflow-wrap: anywhere; }
.experiment-title-link { color: inherit; text-decoration: none; text-underline-offset: 4px; }
.experiment-title-link:hover { text-decoration: underline; }
.experiment-title-link .ui-new-tab-arrow { width: 18px; height: 18px; margin-inline-start: 8px; vertical-align: 0; }
.experiment-detail-card > .panel-head { padding: 0 0 16px; }
.experiment-detail-card .kv { gap: 24px; }
.experiment-detail-card .kv > strong { min-width: 0; overflow-wrap: anywhere; text-align: right; }
.experiments-table table {
  table-layout: fixed;
  min-width: 900px;
}
.experiments-table th:nth-child(1) { width: 32%; }
.experiments-table th:nth-child(2) { width: 14%; }
.experiments-table th:nth-child(3) { width: 18%; }
.experiments-table th:nth-child(4) { width: 18%; }
.experiments-table th:nth-child(5) { width: 18%; }
.experiments-table td { overflow-wrap: anywhere; }
.experiments-table td small { color: var(--muted); }
.sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  width: 222px;
  border-right: 1px solid var(--line);
  background: #fff;
  display: flex;
  flex-direction: column;
  padding: 24px 18px 16px;
  overflow-y: auto;
  z-index: 20;
}
.brand {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 12px;
}
.brand-logo {
  display: block;
  width: 144px;
  max-width: 100%;
  height: auto;
}
.brand-mark {
  display: none;
  width: 36px;
  height: 36px;
}
.cortex-orb {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: block;
  background: radial-gradient(
    circle at 30% 25%,
    #dadce0,
    #a0a6b0 40%,
    #4e5663 88%
  );
  box-shadow: inset -2px -2px 4px #63708433;
}
.nav-label {
  font-size: 10px;
  letter-spacing: 1.4px;
  color: #969ca8;
  padding: 0 13px;
  margin: 24px 0 12px;
}
.campus-workspace {
  margin: 20px 0 8px;
  min-width: 0;
}
.campus-workspace .ui-select-trigger {
  text-align: left;
}
.nav-item {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  border: 0;
  border-radius: 8px;
  background: transparent;
  padding: 12px 14px;
  text-align: left;
  color: #6e7684;
  font-size: 14px;
  width: 100%;
}
.nav-item:hover {
  background: #f5f6f8;
  color: var(--ink);
}
.nav-item.active {
  background: var(--ink);
  color: #fff;
}
.nav-item.active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  bottom: 13px;
  width: 3px;
  background: var(--red);
  border-radius: 0 2px 2px 0;
}
.nav-item small {
  margin-left: auto;
  font-size: 8px;
  border: 1px solid currentColor;
  border-radius: 4px;
  padding: 1px 4px;
  opacity: 0.65;
}
.sidebar-bottom {
  margin-top: auto;
  padding-top: 24px;
}
.sidebar-account {
  border-top: 1px solid var(--line);
  margin-top: 12px;
  padding-top: 12px;
}
.wordmark-dot {
  padding: 0 2px;
}
.app-main {
  margin-left: 222px;
}
.profile-button {
  border: 0;
  background: none;
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 13px;
  width: 100%;
  padding: 10px 12px;
  border-radius: 8px;
  text-align: left;
}
.profile-button:hover {
  background: #f5f6f8;
}
#profileName {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile-button .avatar {
  flex-shrink: 0;
}
.profile-button .chevron {
  margin-left: auto;
  color: var(--muted);
}
.avatar {
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background: #eceff3;
  font-size: 12px;
  font-weight: 600;
  color: #5c6675;
}
main {
  padding: 32px 36px 50px;
  max-width: 1700px;
  margin: auto;
}
.system-logo {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: #f2f4f7;
  color: #343a44;
  font-size: 14px;
  font-weight: 650;
}
.tabs {
  display: flex;
  gap: 23px;
  border-bottom: 1px solid var(--line);
  padding: 0 22px;
}
.tabs button {
  padding: 14px 0;
  border: 0;
  border-bottom: 2px solid transparent;
  background: none;
  color: #858e9c;
  font-size: 13px;
}
.tabs button.active {
  color: var(--ink);
  border-bottom-color: var(--red);
  font-weight: 550;
}
.tool-row {
  padding: 18px 22px;
  border-bottom: 1px solid #edf0f4;
  display: flex;
  align-items: center;
  gap: 13px;
}
.tool-row:last-child {
  border: 0;
}
.tool-icon {
  width: 30px;
  height: 30px;
  background: #f6f7f9;
  border-radius: 7px;
  display: grid;
  place-items: center;
  color: #8a94a4;
  flex-shrink: 0;
}
.tool-icon .icon {
  width: 15px;
  height: 15px;
}
.tool-copy {
  flex: 1;
  min-width: 0;
}
.tool-copy strong {
  font-size: 14px;
  font-weight: 550;
}
.tool-copy p {
  font-size: 12px;
  color: #8a93a1;
  margin-top: 4px;
  line-height: 1.6;
}
.kv {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  font-size: 13px;
  padding: 12px 0;
  border-bottom: 1px solid #eef0f3;
}
.kv span {
  color: #87919f;
}
.kv strong {
  font-weight: 500;
}
.kv:last-child {
  border: 0;
}
.requirement-editor {
  margin: 0 22px 12px;
}
.requirement-editor,
.milestone-worker-editor,
div.milestone-worker {
  overflow: hidden;
}
.requirement-editor > summary {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  list-style: none;
}
.requirement-editor > summary::-webkit-details-marker {
  display: none;
}
.requirement-editor > summary .req-label {
  flex: 1;
  font-weight: var(--ui-row-font-weight);
  font-size: var(--ui-row-font-size);
}
.requirement-fields {
  padding: var(--ui-card-inset);
  border-top: 1px solid var(--line);
  background: var(--surface);
}
.conditions {
  display: grid;
  grid-template-columns: 1fr 120px 1fr;
  gap: 10px;
  margin-top: 15px;
}
.requirement-editor-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
  font-size: 12px;
  color: #929aa8;
}
.code {
  font:
    11px/1.6 ui-monospace,
    SFMono-Regular,
    monospace;
  background: #f7f8fa;
  border: 1px solid #e7ebf0;
  border-radius: 8px;
  padding: 13px;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 280px;
}
.schema-label {
  font-size: 13px;
  font-weight: 550;
  margin: 18px 0 8px;
}
.result-box {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}
.result-box h3 {
  margin-bottom: 9px;
}
.user-access-row {
  padding: 15px 0;
  border-bottom: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.user-access-row strong {
  font-size: 14px;
}
.user-access-row p {
  font-size: 12px;
  color: #8a94a2;
  margin-top: 4px;
}
.login-view {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 24px;
  background: #fafbfc;
}
.login-brand {
  position: absolute;
  left: 40px;
  top: 30px;
  display: flex;
  gap: 9px;
  align-items: center;
}
.login-logo { display:block; width:144px; height:36px; object-fit:contain; }
.login-card {
  width: min(390px, 100%);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  padding: var(--ui-section-inset);
}
.login-card h1 {
  font-size: var(--ui-title-font-size);
  font-weight: var(--ui-title-font-weight);
  line-height: var(--ui-title-line-height);
  letter-spacing: normal;
}
.login-card > p {
  color: var(--muted);
  font-size: 13px;
  margin: 7px 0 25px;
}
.login-card form {
  display: grid;
  gap: 16px;
}
.login-card label {
  font-size: 13px;
}
.login-card input {
  padding: 10px 12px;
}
.login-card .button {
  width: 100%;
  justify-content: space-between;
}
.login-card .form-error {
  margin: 0;
  min-height: 0;
}
.login-foot {
  font-size: var(--ui-meta-font-size);
  color: var(--muted);
  text-align: center;
  margin-top: 22px;
}
.login-journey {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 35px;
}
.login-journey i {
  width: 7px;
  height: 7px;
  background: #ccd3dd;
  border-radius: 50%;
  box-shadow: 0 0 0 5px #f0f2f6;
}
.login-journey i.red {
  background: var(--red);
  box-shadow: 0 0 0 5px var(--rose);
}
.login-journey span {
  width: 35px;
  height: 1px;
  background: #e0e5ec;
}
#toast {
  position: fixed;
  bottom: 24px;
  right: 24px;
  padding: 13px 19px;
  border-radius: 9px;
  background: var(--ink);
  color: #fff;
  font-size: 14px;
  z-index: 2000;
  max-width: min(440px, calc(100% - 32px));
  box-shadow: 0 8px 25px #1c28321c;
}
@media (max-width: 1100px) {
  .sidebar {
    width: 190px;
  }
  .app-main {
    margin-left: 190px;
  }
  main {
    padding: 26px 24px;
  }
  .conditions {
    grid-template-columns: 1fr 1fr;
  }
  .conditions label:last-child {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .sidebar {
    width: 70px;
    padding: 24px 9px 16px;
  }
  .brand {
    padding: 0;
    justify-content: center;
  }
  .brand-logo,
  .nav-label,
  .nav-item > span:not(:first-child),
  .nav-item small,
  .profile-button > span:not(:first-child) {
    display: none;
  }
  .brand-mark {
    display: block;
  }
  .sidebar nav {
    margin-top: 24px;
  }
  .campus-workspace {
    margin: 20px 0 8px;
  }
  .sidebar:has(.campus-workspace:not([hidden])) nav {
    margin-top: 0;
  }
  .campus-workspace .ui-select-trigger {
    justify-content: center;
    padding-inline: 4px;
    min-height: 44px;
    gap: 3px;
  }
  .campus-workspace .ui-select-trigger .ui-trigger-label {
    display: none;
  }
  .campus-workspace .ui-select-trigger::before {
    content: attr(data-campus-short);
  }
  .nav-item {
    padding: 13px;
    justify-content: center;
  }
  .app-main {
    margin-left: 70px;
  }
  .profile-button {
    padding: 10px 0;
    justify-content: center;
  }
}
@media (max-width: 600px) {
  main {
    padding: 23px 15px;
  }
  .tool-row {
    padding: 15px;
    gap: 9px;
  }
  .tool-row .status {
    display: none;
  }
  .tool-row .button {
    font-size: 10px;
    padding: 6px 8px;
  }
  .requirement-editor {
    margin: 0 12px 10px;
  }
  .requirement-editor > summary { gap: 7px; }
  .requirement-editor > summary .status {
    font-size: 8px;
  }
  .login-brand {
    left: 24px;
    top: 24px;
  }
  .login-card {
    padding: var(--ui-section-inset);
  }
}
.inbox-badge {
  margin-left: auto;
  min-width: 19px;
  padding: 1px 5px;
  border-radius: 5px;
  background: var(--red);
  color: white;
  font-size: 10px;
  text-align: center;
  font-weight: 600;
}
@media (max-width: 850px) {
  .nav-item .inbox-badge {
    position: absolute;
    right: 3px;
    top: 3px;
    min-width: 15px;
    font-size: 9px;
  }
}
.team-step-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.team-directory-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 0;
  border-bottom: 1px solid var(--border, #e4e8ef);
  gap: 18px;
}
.team-directory-row strong {
  font-size: 14px;
  color: #181a1f;
}
.team-directory-row p {
  color: #69778b;
  font-size: 12px;
  margin: 6px 0;
}
.team-members {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  max-height: 220px;
  overflow: auto;
}
.team-members small {
  display: block;
  font-size: 11px;
  color: #77859b;
  margin-top: 4px;
}
.team-report-context {
  display: flex;
  justify-content: space-between;
  color: #68758a;
  font-size: 12px;
  margin-bottom: 24px;
}
.team-report-context small {
  font-size: 11px;
}
.team-report-filters {
  display: flex;
  align-items: end;
  gap: 14px;
  padding-bottom: 24px;
}
.team-report-filters label:first-child {
  flex: 1;
}
.team-report-filters label {
  min-width: 150px;
}
.team-report-filters select {
  width: 100%;
  margin-top: 8px;
}
.team-report-steps {
  display: grid;
  gap: 18px;
}
.team-step-report {
  border: 1px solid #e1e6ee;
  border-radius: 12px;
  overflow: hidden;
  background: white;
}
.team-step-title {
  padding: 16px 20px;
}
.team-step-title h3 {
  margin: 0;
  color: #191c23;
  font-size: 14px;
}
.team-step-title > span {
  color: #7e8ba1;
  font-size: 11px;
}
.team-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid #eef0f4;
}
.team-metrics > div {
  display: flex;
  flex-direction: column;
  padding: 20px;
  gap: 9px;
  border-right: 1px solid #eef0f4;
}
.team-metrics > div:last-child {
  border: 0;
}
.team-metrics span {
  font-size: 12px;
  color: #59677c;
}
.team-metrics strong {
  font-size: 27px;
  letter-spacing: -1px;
  color: #16191e;
  line-height: 1.2;
}
.team-metrics small {
  font-size: 10px;
  color: #8490a3;
  line-height: 1.5;
}
.team-entry-volume {
  padding: 10px 20px 20px;
  font-size: 12px;
  color: #69778b;
}
.team-entry-volume strong {
  font-size: 26px;
  color: #16191e;
  margin-right: 8px;
}
.team-requirements,
.team-work {
  margin-top: 28px;
}
.team-requirements > h3 {
  font-size: 13px;
  margin: 0 0 12px;
}
.team-requirement {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 15px 0;
  border-top: 1px solid #e9edf3;
}
.team-requirement strong {
  font-size: 12px;
  color: #272d39;
  font-weight: 500;
}
.team-requirement small {
  display: block;
  font-size: 11px;
  color: #8290a5;
  margin-top: 6px;
}
.team-req-progress {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 11px;
  color: #68778f;
  min-width: 180px;
}
.team-req-progress > div {
  height: 5px;
  width: 120px;
  background: #edf0f5;
  border-radius: 5px;
  overflow: hidden;
}
.team-req-progress i {
  display: block;
  background: #f31c50;
  height: 100%;
  border-radius: 5px;
}
.team-work .team-step-title {
  padding: 0 0 12px;
}
.team-work > p {
  font-size: 12px;
}
.team-work-item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border: 1px solid #e4e8ef;
  border-radius: 8px;
  padding: 14px;
  margin-bottom: 8px;
  background: #fff;
  font: inherit;
  font-size: 12px;
  text-align: left;
  cursor: pointer;
}
.team-method {
  margin-top: 26px;
  border-top: 1px solid #e9edf3;
  padding-top: 16px;
  font-size: 11px;
  color: #7b879a;
}
.team-method summary {
  cursor: pointer;
}
.team-method p {
  line-height: 1.7;
}
.team-unmeasured {
  padding: 24px;
  border: 1px dashed #dce2ec;
  border-radius: 12px;
}
.team-unmeasured h3 {
  font-size: 14px;
  margin: 0 0 8px;
}
.team-unmeasured p {
  font-size: 12px;
  color: #7c899e;
  margin: 0;
}
@media (max-width: 700px) {
  .team-report-filters {
    flex-wrap: wrap;
  }
  .team-report-filters label {
    flex: 1;
    min-width: 160px;
  }
  .team-directory-row {
    align-items: flex-start;
    flex-direction: column;
  }
  .team-metrics > div {
    padding: 14px;
  }
  .team-metrics strong {
    font-size: 22px;
  }
  .team-req-progress {
    min-width: 110px;
  }
  .team-req-progress > div {
    width: 70px;
  }
  .team-report-context {
    gap: 12px;
  }
}
.team-member-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.team-member-control {
  padding: 9px 0;
  border-bottom: 1px solid #eef0f4;
}
.invite-create {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 14px;
  align-items: end;
}
.invite-create input,
.invite-create select,
.invite-create .button {
  height: 40px;
}
.invitation-history {
  border-top: 1px solid #e6eaf0;
  margin-top: 24px;
  padding-top: 22px;
}
.invitation-history h3 {
  font-size: 13px;
  margin: 0 0 12px;
}
.invitation-history > p {
  font-size: 12px;
}
.invitation-row {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #edf0f4;
}
.invitation-row strong {
  font-size: 12px;
  font-weight: 550;
}
.invitation-row small {
  display: block;
  color: #7a8799;
  font-size: 11px;
  margin-top: 6px;
}
.invite-ready {
  background: #f7f8fa;
  border: 1px solid #e0e5ec;
  border-radius: 10px;
  padding: 20px;
  margin-top: 20px;
}
.invite-ready strong {
  font-size: 13px;
}
.invite-ready p {
  font-size: 12px;
  line-height: 1.6;
  color: #67758a;
}
.invite-ready small {
  font-size: 10px;
  color: #7a8799;
}
.invite-link-field {
  display: flex;
  gap: 10px;
  margin: 15px 0;
}
.invite-link-field input {
  font-size: 11px;
  flex: 1;
  min-width: 0;
}
.join-card {
  max-width: 470px;
}
.join-role {
  padding: 12px 14px;
  background: #f6f7f9;
  border: 1px solid #e5e9ee;
  border-radius: 8px;
  font-size: 12px;
  margin: 20px 0;
  color: #4e5d72;
}
.join-expiry {
  font-size: 11px !important;
  margin-top: 20px !important;
}
.join-card label small {
  color: #7a8799;
  font-size: 11px;
  font-weight: 400;
}
@media (max-width: 700px) {
  .invite-create {
    grid-template-columns: 1fr;
  }
  .invitation-row {
    align-items: flex-start;
    flex-direction: column;
  }
  .team-member-control {
    gap: 8px;
  }
  .team-directory-row .actions {
    flex-wrap: wrap;
  }
}
.connection-picker {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 28px;
}
.connection-choice {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px;
  text-align: left;
  min-width: 0;
}
.connection-choice.selected {
  border-color: #98a2af;
}
.connection-choice > span:nth-child(2) {
  flex: 1;
  min-width: 0;
}
.connection-choice strong {
  display: block;
  font-size: 13px;
  font-weight: 550;
}
.connection-choice small {
  display: block;
  font-size: 11px;
  margin-top: 5px;
}
.connection-choice .system-logo {
  width: 32px;
  height: 32px;
  font-size: 11px;
  flex-shrink: 0;
}
.connection-choice .status {
  font-size: 9px;
}
.connection-detail {
  overflow: visible;
}
.connection-detail .tool-row:last-child {
  border-radius: 0 0 13px 13px;
}
.connection-detail .tool-copy p {
  margin-top: 3px;
}
.team-directory {
  overflow: visible;
}
.team-directory-row > div:first-child {
  min-width: 0;
}
.team-directory-row p {
  max-width: 520px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.team-directory-row {
  padding: 20px 0;
}
.team-directory-row .actions {
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .connection-picker {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .connection-choice {
    padding: 16px;
  }
}
@media (max-width: 900px) {
  .connection-picker {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 750px) {
  .connection-picker {
    grid-template-columns: 1fr;
  }
  .team-directory-row {
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
.user-access-row {
  align-items: center;
}
.simple-people {
  margin-top: 24px;
}

/* Journey screen layout; the flow itself is a shared UI component. */
.journey-header {
  flex-wrap: wrap;
  padding-block: 16px;
}
.journey-title {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1 1 280px;
  min-width: 0;
  max-width: 100%;
}
.journey-title .ui-search-picker { min-width: 0; }
.journey-cohort-link { flex-shrink: 0; color: var(--muted); text-decoration: none; }
.journey-cohort-link:hover { color: var(--ink); }
.journey-overview .ui-journey-map {
  --journey-padding: 24px;
}
.journey-overview {
  overflow: visible;
}
.journey-overview .panel-head {
  border-radius: var(--radius) var(--radius) 0 0;
}
.journey-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-radius: 0 0 var(--radius) var(--radius);
  padding-block: 12px;
}
.milestone-detail {
  margin-top: 16px;
  scroll-margin-block: 24px;
}
.milestone-detail:focus {
  outline: none;
}
.milestone-worker,
.section-heading.journey-requirements-heading {
  display: grid;
  grid-template-columns: minmax(140px, 240px) minmax(0, 1fr) 160px;
  align-items: start;
  gap: 24px;
}
.milestone-worker {
  padding: 16px;
  margin-top: 24px;
}
.milestone-worker p {
  color: var(--muted);
  font-size: 13px;
  margin-top: 6px;
}
.milestone-worker-editor { margin-top:24px; }
.milestone-worker-editor > summary.milestone-worker { margin:0; border:0; list-style:none; cursor:pointer; }
.milestone-worker-editor { --ui-disclosure-inset:var(--ui-section-inset); }
.milestone-worker-editor > summary::-webkit-details-marker { display:none; }
/* Peer sections share their surfaces and insets through ui.css. */
.milestone-detail > .milestone-worker-editor,
.milestone-detail > div.milestone-worker { margin-top:16px; }
.section-heading.journey-requirements-heading { margin:0; }
.journey-worker-title { display:flex; align-items:center; gap:8px; }
.journey-worker-title > span:first-child { min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.journey-worker-fields { min-width:0; margin:0; padding:0; border:0; }
.worker-settings { display:flex; flex-direction:column; gap:12px; min-width:0; }
.worker-settings-section { min-width:0; overflow:hidden; }
.worker-settings-section > summary strong { font-size:13px; font-weight:600; }
.worker-settings-body { padding:var(--ui-card-inset); border-top:1px solid var(--line); }
.worker-settings-body:has(> .worker-behaviors, > .worker-hours) { padding:0; }
.worker-behavior-items { padding:0 var(--ui-card-inset) var(--ui-card-inset); }
.worker-behavior-row { display:flex; align-items:start; gap:8px; border-bottom:1px solid var(--line); }
.worker-behavior-row > details { flex:1; min-width:0; }
.worker-behavior-row > .button { margin-top:10px; }
.worker-behavior-row summary, .worker-behavior-local > summary { display:flex; align-items:center; gap:12px; min-height:52px; padding-block:12px; cursor:pointer; list-style:none; }
.worker-behavior-row summary::-webkit-details-marker, .worker-behavior-local > summary::-webkit-details-marker { display:none; }
.worker-behavior-row summary strong, .worker-behavior-local > summary strong { flex:1; min-width:0; font-size:13px; font-weight:500; overflow-wrap:anywhere; }
.worker-behavior-row summary small, .worker-behavior-local > summary small { color:var(--muted); font-size:11px; }
.worker-behavior-row .preserve-copy { margin:0 0 16px; font-size:13px; line-height:1.65; overflow-wrap:anywhere; }
.worker-behavior-local { border-bottom:1px solid var(--line); }
.worker-behavior-local textarea { min-height:130px; resize:vertical; margin-bottom:16px; font-size:13px; }
.worker-behavior-items > .ui-add-row { margin-top:14px; }
.worker-behavior-picker { padding-top:16px; }
.worker-behavior-results { max-height:260px; overflow-y:auto; margin-top:8px; }
.worker-behavior-option { display:block; width:100%; padding:12px; text-align:left; border:0; border-radius:6px; background:transparent; color:var(--ink); cursor:pointer; }
.worker-behavior-option:hover, .worker-behavior-option:focus-visible { background:var(--surface-soft); }
.worker-behavior-option strong { display:block; font-size:13px; font-weight:500; }
.worker-behavior-option span { display:block; margin-top:4px; color:var(--muted); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.worker-behavior-status { font-size:12px; color:var(--muted); margin:8px 0; }
.worker-behavior-status:empty { display:none; }
.worker-behavior-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding-top:12px; }
.worker-behavior-picker fieldset { margin:0; padding:0; border:0; min-width:0; }
.worker-behavior-picker legend { font-size:13px; font-weight:600; padding:0 0 16px; }
.worker-behavior-picker label { font-size:12px; }
.worker-behavior-picker textarea { resize:vertical; font-size:13px; }
.worker-settings-body:has(> .worker-handoffs) { background:var(--surface-soft); }
.worker-identity-setup { margin-bottom:16px; }
.worker-knowledge, .worker-hours { display:flex; flex-direction:column; gap:20px; min-width:0; }
.worker-hours { container:worker-hours / inline-size; }
.worker-hours-tab-body { display:flex; flex-direction:column; gap:20px; padding:var(--ui-card-inset); }
.worker-resource-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; max-width:760px; }
.worker-resource-grid label { margin:0; min-width:0; }
.knowledge-group + .knowledge-group { padding-top:20px; border-top:1px solid var(--line); }
.knowledge-group-heading { display:flex; align-items:start; justify-content:space-between; gap:16px; margin-bottom:12px; }
.knowledge-group-heading h4 { margin:0; font-size:13px; font-weight:600; }
.knowledge-group-heading p, .knowledge-empty { margin:4px 0 0; color:var(--muted); font-size:12px; line-height:1.6; }
.knowledge-empty { padding:8px 0; }
.knowledge-source { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.knowledge-source + .knowledge-source { border-top:1px solid var(--line); }
.knowledge-source-copy { display:block; flex:1; min-width:0; font-size:13px; font-weight:500; overflow-wrap:anywhere; }
.knowledge-source-meta { flex:none; color:var(--muted); font-size:11px; }
.knowledge-source-meta:has(+ .chevron) { max-width:40%; overflow-wrap:anywhere; }
.knowledge-source-disclosure > summary > button { flex:none; }
.knowledge-link { display:inline; }
.knowledge-link-arrow { display:inline-block; margin-left:4px; vertical-align:-2px; }
.knowledge-source-disclosure { flex:1; min-width:0; }
.knowledge-source .knowledge-source-disclosure > summary { padding-block:10px; min-height:52px; display:flex; align-items:center; gap:12px; cursor:pointer; list-style:none; }
.knowledge-source-disclosure > summary:hover { background:var(--surface-soft); }
.knowledge-source-disclosure[open] > summary > .chevron { transform:rotate(180deg); }
.knowledge-source-disclosure > summary::-webkit-details-marker { display:none; }
.knowledge-source summary[data-worker-delta-field] > .journey-inline-delta { flex:none; margin:0; font-size:11px; }
.knowledge-source summary > .journey-inline-delta .journey-delta-row { padding:0; }
.knowledge-questions { font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.knowledge-questions ol { margin:0; padding:0; list-style:none; }
.knowledge-questions li { padding:12px var(--ui-label-inset); border-top:1px solid var(--line); }
.knowledge-questions > .field-help { margin:0; padding:12px var(--ui-label-inset); }
.knowledge-questions .knowledge-answer { margin:4px 0 0; color:var(--muted); white-space:pre-line; }
.knowledge-composer { border:0; padding:0; margin:0; min-width:0; display:flex; flex-direction:column; gap:16px; }
[data-knowledge-file-fields] { display:flex; flex-direction:column; align-items:start; gap:8px; }
.worker-knowledge > .form-error { margin:0; }
.worker-resource-grid.worker-hours-settings { grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.5fr); max-width:none; align-items:end; }
.worker-hours-settings > .field-help { padding-bottom:9px; }
.worker-week { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:12px; border-top:1px solid var(--line); padding-top:16px; }
.worker-day { display:flex; flex-direction:column; gap:12px; min-width:0; }
.worker-day > label { margin:0; font-size:13px; color:var(--ink); }
.worker-day-times { display:flex; flex-direction:column; gap:6px; min-width:0; }
.worker-day-times input { width:100%; min-width:0; }
.worker-day-times > span { align-self:center; line-height:12px; }
.worker-day-times > span, .worker-day-times > small, .worker-day > .muted { color:var(--muted); font-size:12px; }
.hours-exception-list { display:flex; flex-direction:column; gap:12px; }
.hours-exception-list:empty { display:none; }
.hours-exception { padding:16px; }
.worker-exception-grid { display:grid; grid-template-columns:minmax(140px,1fr) minmax(180px,2fr) minmax(160px,1fr); gap:16px; }
.worker-exception-grid label, .worker-exception-times label { margin:0; min-width:0; }
.worker-exception-times { display:flex; align-items:end; gap:12px; margin-top:16px; }
.worker-exception-times label { max-width:160px; }
.worker-exception-times > span, .worker-exception-times > small { padding-bottom:12px; }
.hours-exception-actions { display:flex; justify-content:end; margin-top:12px; }
.worker-knowledge [hidden], .worker-hours [hidden] { display:none !important; }
@container worker-hours (max-width:1100px) {
  .worker-week { grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px 16px; }
}
@container worker-hours (max-width:850px) {
  .worker-resource-grid.worker-hours-settings { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .worker-hours-settings > .field-help { grid-column:1 / -1; padding-bottom:0; }
}
@container worker-hours (max-width:640px) {
  .worker-week { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@container worker-hours (max-width:440px) {
  .worker-resource-grid.worker-hours-settings { grid-template-columns:minmax(0,1fr); }
}
@container worker-hours (max-width:320px) {
  .worker-week { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:700px) {
  .worker-resource-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
  .knowledge-group-heading { flex-wrap:wrap; gap:8px; }
  .worker-exception-grid { grid-template-columns:minmax(0,1fr); }
  .worker-exception-times { flex-wrap:wrap; }
}
.worker-handoffs { display:flex; flex-direction:column; min-width:0; }
.worker-handoffs > [data-worker-delta-field="handoff-rule-source"]:has(.ui-checkbox) { padding-inline:calc(var(--ui-card-inset) + 1px); margin-bottom:12px; }
.worker-handoffs > .ui-add-row { margin-top:12px; }
.worker-handoff-list { min-width:0; }
.worker-handoff-rule { margin-bottom:12px; }
.worker-handoff-rule:last-child { margin-bottom:0; }
.worker-handoff-rule > summary { display:flex; align-items:center; justify-content:space-between; gap:16px; cursor:pointer; list-style:none; }
.worker-handoff-rule summary::-webkit-details-marker { display:none; }
.worker-handoff-heading { display:flex; align-items:baseline; gap:12px; min-width:0; flex:1; }
.worker-handoff-heading strong { font-size:13px; font-weight:600; overflow-wrap:anywhere; }
.worker-handoff-rule[open] > summary { border-bottom:1px solid #edf0f3; }
.worker-handoff-rule > summary > .chevron { flex:none; }
.worker-handoff-body { padding:var(--ui-card-inset); display:flex; flex-direction:column; gap:18px; }
.handoff-primary-fields { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px 24px; }
.handoff-rule-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px 24px; align-items:start; }
.handoff-when { grid-column:1 / -1; }
.worker-handoff-body label, .handoff-destinations label { margin:0; min-width:0; }
.handoff-when textarea { height:60px; min-height:60px; resize:vertical; }
.handoff-recipient-field { min-width:0; display:flex; flex-direction:column; gap:14px; }
.handoff-style-description { margin:0; font-size:12px; color:var(--muted); line-height:20px; }
.handoff-setup-note, .handoff-legacy-phone { margin:0; font-size:12px; line-height:1.5; color:var(--muted); }
.handoff-row-actions { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-top:0; padding-top:16px; border-top:1px solid var(--line); }
.handoff-action-group { display:flex; align-items:center; gap:18px; }
.worker-handoffs .handoff-row-actions .button { padding:3px 0; min-height:24px; font-size:12px; border-radius:4px; }
.handoff-row-actions button[aria-expanded="true"] { color:var(--ink); text-decoration:underline; text-underline-offset:4px; }
.handoff-row-actions [data-escalation-remove] { color:var(--muted); }
.handoff-preview-body { border-top:1px solid var(--line); padding-top:16px; display:flex; flex-direction:column; gap:12px; }
.handoff-preview-body p { margin:0; font-size:12px; color:var(--muted); }
.handoff-preview-controls { display:flex; align-items:end; gap:12px; }
.handoff-preview-controls > label { flex:1; max-width:400px; }
.handoff-preview-result:empty { display:none; }
.handoff-preview-result { background:var(--surface-soft); border:1px solid var(--line); border-radius:8px; padding:16px; font-size:13px; }
.handoff-preview-result p { margin:6px 0; }
.handoff-destinations { border:1px solid var(--line); border-radius:12px; background:var(--surface); margin:0; padding:20px; min-width:0; display:flex; flex-direction:column; gap:20px; }
.handoff-manager-heading { display:flex; justify-content:space-between; align-items:start; gap:12px; }
.handoff-manager-heading strong { font-size:14px; }
.handoff-manager-heading p { margin:4px 0 0; color:var(--muted); font-size:12px; }
.handoff-destinations .handoff-setup-note { margin-top:16px; }
.handoff-destination-status { margin:0; font-size:12px; color:var(--muted); }
.handoff-destination-status:empty { display:none; }
.worker-handoff-list[hidden], .handoff-destinations[hidden], .worker-handoffs [hidden] { display:none !important; }
@media (max-width:700px) {
  .handoff-primary-fields, .handoff-rule-fields { grid-template-columns:minmax(0,1fr); gap:18px; }
  .handoff-preview-controls { flex-wrap:wrap; }
  .handoff-action-group { gap:16px; }
}
@media (prefers-reduced-motion:reduce) {
  .worker-handoffs .chevron, .worker-settings-section > summary .chevron { transition:none; }
}
.journey-worker-form-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:20px; }
.journey-worker-form-actions .spacer { flex:1; }
.journey-worker-form > .form-error:empty { display:none; }
.journey-section-heading {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  min-height: 48px;
}
.journey-section-heading > .eyebrow {
  margin: 0;
  line-height: 21px;
}
.journey-section-heading > h3 {
  line-height: 21px;
}
.milestone-worker .journey-worker-action,
.journey-requirements-heading .journey-detail-action {
  grid-column: 3;
  grid-row: 1;
  width: 160px;
  min-height: 48px;
  align-self: start;
}
.journey-worker-reserved { visibility: hidden; pointer-events: none; }
.journey-worker-activity { grid-column: 2; grid-row: 1; min-width: 0; view-transition-name: journey-worker-activity; }
.journey-requirements-heading > .journey-section-heading { grid-column:1; grid-row:1; }
.journey-requirement-summary { grid-column:2; grid-row:1; min-width:0; font-size:12px; line-height:21px; view-transition-name:journey-requirement-summary; }
.journey-worker-metrics,
.journey-requirement-metrics {
  display: grid;
  align-items: first baseline;
  gap: 16px 12px;
  margin: 0;
  padding: 0;
}
.journey-worker-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.journey-requirement-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.journey-worker-metrics > div, .journey-requirement-metrics > div { display: flex; flex-direction: column; gap: 6px; }
.journey-worker-metrics dt, .journey-requirement-metrics dt { color: var(--muted); font-size: 12px; line-height: 21px; }
.journey-worker-metrics dd, .journey-requirement-metrics dd { order: -1; margin: 0; font-size: 14px; font-weight: 600; line-height: 1.5; font-variant-numeric: tabular-nums; }
.milestone-worker .journey-worker-activity-note { margin: 0; font-size: 11px; }
@media (max-width: 1100px) {
  .milestone-worker, .section-heading.journey-requirements-heading { grid-template-columns: minmax(0, 1fr) 160px; }
  .milestone-worker .journey-worker-action, .journey-requirements-heading .journey-detail-action { grid-column: 2; }
  .journey-worker-activity, .journey-requirement-summary { grid-column: 1 / -1; grid-row: 2; }
  .journey-worker-metrics, .journey-requirement-metrics { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
}
.section-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.section-heading p {
  font-size: 12px;
  margin-top: 4px;
}
.milestone-detail .requirement-editor {
  margin: 0 0 12px;
}
.milestone-detail .requirement-editor:last-child { margin-bottom:0; }
@media (max-width: 750px) {
  .milestone-worker,
  .section-heading {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .journey-summary {
    flex-wrap: wrap;
  }
}
.member-journey-context, .cohort-context { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 20px; border: 1px solid var(--border, #e3e3e3); border-radius: 10px; }
.member-journey-context h3, .cohort-context h3 { margin: 7px 0; font-size: 17px; }
.cohort-context p { margin: 7px 0 0; }
.member-next { grid-column: 1 / -1; margin: 0; padding-top: 14px; border-top: 1px solid var(--border, #e3e3e3); }
.member-cohort-activity { margin: 24px 0; }
.membership-panel { margin-top: 24px; padding: 24px; }
.membership-panel h2 { margin: 0 0 20px; font-size: 18px; }
.membership-timeline { list-style: none; padding: 0; margin: 14px 0; }
.membership-timeline > li { position: relative; padding: 0 0 22px 22px; margin-left: 4px; border-left: 1px solid #ddd; }
.membership-timeline > li:last-child { padding-bottom: 0; border-color: transparent; }
.membership-timeline > li::before { content: ""; width: 7px; height: 7px; background: #727272; border-radius: 50%; position: absolute; left: -4px; top: 5px; }
.membership-event-heading { display: flex; justify-content: space-between; gap: 14px; align-items: baseline; }
.membership-event-heading time { font-size: 12px; color: var(--muted); white-space: nowrap; }
.membership-timeline p { margin: 7px 0; line-height: 1.5; }
.membership-timeline small { font-size: 12px; }
.membership-rule { margin-top: 22px; max-width: 760px; }
.membership-rule h3 { margin-bottom: 8px; font-size: 15px; }
.membership-rule p { margin: 0; line-height: 1.6; }
@media (max-width: 650px) {
  .member-journey-context, .cohort-context { grid-template-columns: 1fr; }
  .membership-event-heading { flex-direction: column; gap: 5px; }
}

/* A single canvas: modes replace data inside fixed layout slots. */
.journey-header-actions { gap: 12px; flex-wrap: nowrap; }
.journey-view-tools { width: 280px; min-height: 40px; justify-content: flex-end; gap: 8px; flex-wrap: nowrap; view-transition-name: journey-tools; }
.journey-mode { flex-shrink: 0; view-transition-name: journey-mode; }
.journey-context-summary { display: flex; align-items: center; height: 52px; padding: 0 24px; border-top: 1px solid var(--line); overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; border-radius: 0 0 var(--radius) var(--radius); view-transition-name: journey-context; }
.journey-context-content { display: flex; align-items: center; flex-shrink: 0; gap: 12px; white-space: nowrap; font-size: 12px; color: var(--muted); font-variant-numeric: tabular-nums; }
.journey-context-separator { color: var(--muted); }
.journey-detail-actions { border-top: 1px solid var(--line); padding-top: 16px; margin-top: 20px; }
.journey-date-filter { flex-direction: row; align-items: center; gap: 8px; color: var(--muted); }
.journey-date-filter select { width: auto; }
.journey-date-filter .ui-select { width: 136px; }
.journey-date-controls { display:flex; align-items:center; gap:8px; flex-wrap:wrap; max-width:100%; }
.journey-detail-action { display: flex; justify-content: flex-end; align-items: center; min-height: 48px; view-transition-name: journey-detail-action; }
.journey-worker-action { display: flex; justify-content: flex-end; align-items: center; width: 160px; min-height: 40px; view-transition-name: journey-worker-action; }
.journey-worker-action.ui-delta-field {flex-wrap:nowrap;align-items:center;}
.journey-worker-action.ui-delta-field>[data-delta-control] {flex:0 0 auto;width:auto;}
.milestone-detail .requirement-editor > summary { display: grid; grid-template-columns: minmax(0, 1fr) 320px; }
.journey-requirement-status { display: flex; justify-content: flex-end; align-items: center; min-height: 32px; font-size: 12px; }
.journey-requirement-result { position: relative; display: flex; align-items: center; width: 100%; }
.journey-requirement-meter { display: flex; align-items: center; justify-content: flex-end; gap: 12px; width: 100%; }
.journey-requirement-meter .ui-progress { width: 160px; flex: 0 1 160px; margin-bottom: 0; }
.journey-requirement-count { white-space: nowrap; font-variant-numeric: tabular-nums; }
.journey-requirement-meter .journey-requirement-count { min-width: 64px; text-align: right; }
.journey-requirement-hint { position:absolute; top:calc(100% + 3px); right:0; color:var(--muted); font-size:11px; line-height:14px; white-space:nowrap; visibility:hidden; }
.journey-requirement-result:hover .journey-requirement-hint,
summary:focus-visible .journey-requirement-hint,
.subrequirement-row:focus-visible .journey-requirement-hint,
.requirement-single-row:focus-visible .journey-requirement-hint { visibility:visible; }
.milestone-detail .requirement-editor-foot { min-height: 28px; }
.requirement-integration { display: flex; flex-wrap: wrap; gap: 8px; align-items: baseline; margin-bottom: 16px; font-size: 12px; color: var(--muted); }
.requirement-integration strong { color: var(--ink); font-weight: 550; }
.journey-results-footer { margin-top: 20px; }
:root { view-transition-name: none; }
::view-transition-group(*) { animation-duration: 180ms; }
::view-transition-old(*), ::view-transition-new(*) { animation-duration: 180ms; animation-timing-function: ease-out; }
/* Requirement surfaces follow their new height while text keeps its own size. */
.journey-requirements-panel { view-transition-name: journey-requirements-panel; }
.journey-requirements-heading > .journey-section-heading { view-transition-name: journey-requirements-heading; }
#milestoneDetail > .milestone-worker,
#milestoneDetail > .milestone-worker-editor { view-transition-name: journey-worker-panel; }
.milestone-worker > .journey-section-heading { view-transition-name: journey-worker-heading; }
.journey-worker-form { view-transition-name: journey-worker-form; }
::view-transition-group(.journey-requirement-surface),
::view-transition-group(journey-requirements-panel),
::view-transition-group(journey-worker-panel) { animation-timing-function: ease-out; }
/* Separate Edit/Performance names make these opacity-only appearances/disappearances. */
::view-transition-old(.journey-requirement-value),
::view-transition-new(.journey-requirement-value),
::view-transition-old(.journey-requirement-title),
::view-transition-new(.journey-requirement-title) {
  width: 100%; height: 100%; object-fit: none; object-position: left center;
}
/* Only the empty card surfaces stretch; their text is captured separately above. */
::view-transition-old(.journey-requirement-surface),
::view-transition-new(.journey-requirement-surface),
::view-transition-old(journey-requirements-panel),
::view-transition-new(journey-requirements-panel),
::view-transition-old(journey-worker-panel),
::view-transition-new(journey-worker-panel) { width: 100%; height: 100%; }
/* Edit/Performance switches the detail content in place without resizing text or cards. */
html.journey-mode-transition #milestoneDetail { view-transition-name: journey-mode-detail; }
html.journey-mode-transition #milestoneDetail * { view-transition-name: none !important; }
html.journey-mode-transition::view-transition { pointer-events: none; }
::view-transition-group(journey-mode-detail) { animation: none; }
::view-transition-old(journey-mode-detail),
::view-transition-new(journey-mode-detail) { width: 100%; height: 100%; object-fit: none; object-position: left top; }
/* Milestone selection moves its map and detail panel together. */
html.journey-milestone-transition #journeyFlow { view-transition-name: journey-milestone-map; }
html.journey-milestone-transition #milestoneDetail { view-transition-name: journey-milestone-detail; }
html.journey-milestone-transition :is(#journeyFlow, #milestoneDetail) * { view-transition-name: none !important; }
html.journey-milestone-transition::view-transition { pointer-events: none; }
::view-transition-group(journey-milestone-detail) { animation-duration: 220ms; animation-timing-function: cubic-bezier(.2,.7,.2,1); overflow: clip; }
::view-transition-new(journey-milestone-detail):only-child { animation: journey-detail-enter 220ms ease-out both; }
::view-transition-old(journey-milestone-detail):only-child { animation: journey-detail-leave 160ms ease-in both; }
@keyframes journey-detail-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes journey-detail-leave { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-4px); } }
@media (max-width: 650px) {
  .journey-context-summary { padding-inline: 16px; }
  .journey-header-actions { width: 100%; flex-wrap: wrap; }
  .journey-mode { width: 100%; }
  .journey-mode > .button { flex: 1; }
  .journey-view-tools { width: 100%; min-height: 40px; }
  .milestone-detail .requirement-editor > summary { grid-template-columns: minmax(0, 1fr); }
  .journey-requirement-status { grid-row: 2; grid-column: 1; }
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation-duration: 0s !important; }
}

/* Disclosure height and viewport scroll share one animation clock. */
html.journey-disclosure-motion { overflow-anchor: none; scroll-behavior: auto !important; }

/* Named subrequirements retain their positions as setup turns into progress. */
.requirement-setup-status { display:flex; align-items:center; gap:12px; color:var(--muted); }
.subrequirements { border-top:1px solid var(--line); background:var(--surface-soft, #f9fafc); }
.subrequirement-row { display:grid; grid-template-columns:minmax(0,1fr) 320px; align-items:center; gap:10px; width:100%; min-height:72px; padding:14px var(--ui-label-inset); border:0; border-top:1px solid var(--line); border-radius:0; color:var(--ink); background:transparent; text-align:left; font:inherit; cursor:pointer; }
.subrequirement-row { --ui-disclosure-inset:var(--ui-label-inset); }
.subrequirement-row:first-child { border-top:0; }
.subrequirement-row:hover:not(:disabled) { background:#f1f3f7; }
.subrequirement-row:focus-visible { outline:2px solid var(--ink); outline-offset:-3px; }
.subrequirement-row:disabled { cursor:default; opacity:1; }
.subrequirement-editor + .subrequirement-editor { border-top:1px solid var(--line); }
.subrequirement-editor > summary { list-style:none; }
.subrequirement-editor > summary::-webkit-details-marker { display:none; }
[data-requirement-reorder] { -webkit-touch-callout:none; }
.requirement-is-dragging { opacity:.25; }
.requirement-drop-before, .requirement-drop-after { position:relative; }
.requirement-drop-before::before, .requirement-drop-after::after { content:""; position:absolute; z-index:2; left:0; right:0; height:3px; border-radius:3px; background:var(--red); pointer-events:none; }
.requirement-drop-before::before { top:0; }
.requirement-drop-after::after { bottom:0; }
.requirement-order-ghost { position:fixed; left:0; top:0; z-index:100; display:flex; align-items:center; padding:14px var(--ui-label-inset); pointer-events:none; color:var(--ink); font-weight:600; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); box-shadow:0 8px 24px #18223424; cursor:grabbing; }
.requirement-editor > summary:focus-visible,
.milestone-worker-editor > summary:focus-visible { outline:2px solid var(--ink); outline-offset:-3px; }
.requirement-editor > summary:hover,
.milestone-worker-editor > summary:hover { background:var(--surface-soft); }
.requirement-settings { display:flex; flex-direction:column; gap:20px; padding:var(--ui-card-inset); }
.requirement-fields.requirement-settings { background:var(--surface); }
.requirement-basics { display:grid; grid-template-columns:minmax(0,2fr) minmax(180px,1fr); gap:24px; align-items:start; }
.requirement-basics > .requirement-deadline-form { padding:0; border:0; }
.requirement-optional-field { display:grid; grid-template-columns:max-content minmax(0,1fr); align-items:center; gap:8px 12px; padding-top:25px; }
.requirement-optional-field > [data-delta-control] { grid-column:1; grid-row:1; width:auto; }
.requirement-optional-field > .journey-inline-delta { grid-column:2; grid-row:1; justify-self:start; }
.requirement-optional-field > small { grid-column:1 / -1; grid-row:2; line-height:1.5; }
.subrequirements > .requirement-basics { padding:var(--ui-card-inset); background:var(--surface); }
.requirement-settings-section + .requirement-settings-section,
.requirement-settings > .requirement-basics + .inline-requirement-form { padding-top:20px; border-top:1px solid var(--line); }
.requirement-settings-section + .requirement-settings-section { margin-top:20px; }
.requirement-verification-grid { grid-template-columns:minmax(140px,1fr) minmax(0,2fr); }
.requirement-source-grid { grid-template-columns:minmax(0,1fr); }
.named-source-detail { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; margin-top:8px; color:var(--muted); font-size:12px; }
.named-source-detail a { white-space:nowrap; }
.named-source-warning { margin-top:8px; }
.named-source-choice { min-width:0; }
.cohort-membership-rule.named-source-rule { grid-template-columns:minmax(0,1fr) auto; align-items:start; }
.named-source-rule > .button { margin-top:23px; }
@media(max-width:650px){.cohort-membership-rule.named-source-rule{grid-template-columns:minmax(0,1fr)}.named-source-rule > .button{margin-top:0}}
.requirement-name-inline { display:flex; flex-direction:column; min-width:0; }
.requirement-name-inline > .req-label { display:block; }
.requirement-name-input { width:100%; min-width:0; }
.requirement-check-changes:empty { display:none; }
.requirement-condition-section { margin:0; }
.requirement-condition-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; }
.requirement-condition-section .conditions { grid-template-columns:minmax(0,2.5fr) minmax(130px,1fr) minmax(100px,1fr); gap:8px; margin-top:0; align-items:start; }
.requirement-condition-section .conditions-exists { grid-template-columns:minmax(0,2.5fr) minmax(150px,2fr); }
.requirement-condition-section .conditions .ui-delta-field { position:relative; }
.requirement-condition-section .conditions .ui-delta-field > .sr-only { position:absolute; }
.requirement-condition-menu > .ui-menu-items { top:auto; bottom:calc(100% + 7px); }
@media (max-width:650px) {
  .requirement-basics { grid-template-columns:minmax(0,1fr); gap:16px; }
  .requirement-optional-field { padding-top:0; }
  .requirement-verification-grid { grid-template-columns:minmax(0,1fr); }
  .requirement-condition-section .conditions { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .requirement-condition-section .conditions > [data-requirement-delta-field="field"] { grid-column:1 / -1; }
  .requirement-condition-section .conditions-exists { grid-template-columns:minmax(0,1fr); }
}
.subrequirement-name { font-size:13px; font-weight:550; overflow-wrap:anywhere; }
.requirement-title { display:flex; align-items:center; gap:8px; min-width:0; }
.requirement-editor > summary .requirement-title .req-label,
.requirement-title .subrequirement-name,
.requirement-single-row .requirement-title .req-label { flex:0 1 auto; min-width:0; overflow-wrap:anywhere; }

.subrequirement-configuration { display:flex; flex-direction:column; align-items:flex-end; gap:5px; min-width:0; width:100%; }
.subrequirement-configuration > span { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.subrequirements-foot { min-height:64px; padding:12px 16px; display:flex; align-items:center; border-top:1px solid var(--line); font-size:12px; }
.subrequirements-foot .actions { flex-wrap:wrap; }
.requirement-member-results { position:relative; padding:16px; border-top:1px solid var(--line); background:var(--surface-soft); }
.requirement-member-results > p { margin-top:0; }
.subrequirement-results-body { position:relative; display:flow-root; overflow-anchor:none; }
.subrequirement-list-incoming, .subrequirement-list-outgoing { display:flow-root; }
.subrequirement-list-outgoing { position:absolute; inset:0 0 auto; pointer-events:none; }
/* Let short lists and scroll boundaries pass wheel/trackpad gestures to the page. */
.subrequirement-members { max-height:280px; overflow-y:auto; scrollbar-gutter:stable; padding-right:8px; }
.subrequirement-members:focus-visible { outline:2px solid var(--ink); outline-offset:3px; }
.requirement-editor summary[aria-busy="true"] { cursor:progress; }
.subrequirement-toolbar { display:flex; align-items:center; justify-content:flex-end; margin-bottom:12px; }
.subrequirement-filters { flex-shrink:0; }
.subrequirement-filters > .button { transition:background-color .18s, color .18s, border-color .18s, box-shadow .18s; }
@media (prefers-reduced-motion:reduce) { .subrequirement-filters > .button { transition:none; } }
/* Requirement summaries stay fixed; filters affect only the expanded table. */
.milestone-detail .requirement-editor > summary:has(.requirement-row-metrics),
.subrequirement-row:has(.requirement-row-metrics),
.requirement-single-row:has(.requirement-row-metrics) { grid-template-columns:minmax(180px,1fr) minmax(0,2.3fr); gap:24px; min-height:86px; }
.requirement-row-metrics { display:grid; grid-template-columns:minmax(110px,.9fr) minmax(185px,1.4fr) minmax(135px,1fr); gap:24px; align-items:center; width:100%; }
.requirement-row-stat { display:flex; flex-direction:column; gap:6px; min-width:0; }
.requirement-row-stat strong { color:var(--ink); font-size:14px; font-weight:600; font-variant-numeric:tabular-nums; }
.requirement-row-stat > span { color:var(--muted); font-size:11px; line-height:16px; }
.requirement-row-metrics .journey-requirement-meter .ui-progress { width:90px; flex-basis:90px; }
.subrequirement-toolbar { gap:16px; justify-content:space-between; flex-wrap:wrap; }
.subrequirement-explainer { color:var(--muted); font-size:11px; line-height:17px; }
.requirement-members-table { width:100%; border-collapse:separate; border-spacing:0; table-layout:fixed; font-size:13px; }
.requirement-members-table th { position:sticky; top:0; z-index:1; background:var(--surface-soft); color:var(--muted); font-size:11px; font-weight:500; text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); }
.requirement-members-table td { padding:14px 12px; border-bottom:1px solid var(--line); vertical-align:middle; font-variant-numeric:tabular-nums; }
.requirement-members-table :is(th,td):first-child { padding-left:0; width:40%; }
.requirement-members-table :is(th,td):last-child { padding-right:0; text-align:right; width:25%; }
.requirement-members-table .text-button { text-align:left; }
.requirement-allocation-note { margin:16px 0 0; color:var(--muted); font-size:12px; }
@media (max-width:1000px) {
  .milestone-detail .requirement-editor > summary:has(.requirement-row-metrics),
  .subrequirement-row:has(.requirement-row-metrics),
  .requirement-single-row:has(.requirement-row-metrics) { grid-template-columns:1fr; gap:16px; }
  .requirement-row-metrics { grid-template-columns:1fr 1.5fr 1fr; gap:16px; }
}
@media (max-width:650px) {
  .requirement-row-metrics { grid-template-columns:1fr 1.5fr; gap:14px; }
  .requirement-row-metrics .journey-requirement-result { grid-column:1 / -1; }
  .requirement-row-metrics .journey-requirement-meter { justify-content:flex-start; }
  .requirement-members-table { min-width:560px; }
  .subrequirement-members { overflow-x:auto; }
}

.subrequirement-pagination { display:flex; align-items:center; justify-content:space-between; margin-top:20px; font-size:12px; }
@media (max-width:650px) {
  .subrequirement-row { grid-template-columns:minmax(0,1fr); }
  .subrequirements-foot { min-height:121px; }
  .subrequirements-foot .actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; width:100%; }
  .subrequirements-foot .actions > :first-child { grid-column:1 / -1; }
  .subrequirements-foot .button { min-height:44px; font-size:12px; line-height:16px; padding:6px 8px; white-space:normal; }
}
@media (max-width:600px) { .subrequirement-row { padding-block:12px; gap:7px; } }

/* A requirement with one check is a direct action, with no duplicate child row. */
.requirement-single { position:relative; }
.requirement-single-row { display:grid; grid-template-columns:minmax(0,1fr) 320px; align-items:center; gap:10px; width:100%; min-height:64px; padding:12px var(--ui-card-inset); border:0; background:transparent; color:var(--ink); text-align:left; font:inherit; cursor:pointer; }
.requirement-single-row { --ui-disclosure-inset:var(--ui-card-inset); }
.requirement-single-row .req-label { font-size:13px; font-weight:550; overflow-wrap:anywhere; }
.requirement-single-row:hover:not(:disabled) { background:var(--surface-soft); }
.requirement-single-row:disabled { opacity:1; cursor:default; }
.requirement-single-row:focus-visible{ outline:2px solid var(--ink); outline-offset:-3px; }
.requirement-single.has-actions .chevron { visibility:hidden; }
.requirement-action-list { display:flex; flex-direction:column; align-items:stretch; gap:8px; }
@media (max-width:650px) {
  .requirement-single-row { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:600px) { .requirement-single-row { gap:7px; } }

/* Dedicated member history and integration provenance. */
.member-profile { max-width:1500px; margin:0 auto; }
.member-profile-head { display:flex; align-items:center; gap:16px; margin:18px 0 24px; }
.member-profile-head h1 { margin:0 0 4px; font-size:var(--ui-title-font-size); font-weight:var(--ui-title-font-weight); line-height:var(--ui-title-line-height); letter-spacing:normal; }
.member-profile-head > .button { margin-left:auto; }
.member-context-navigation { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px 24px; font-size:13px; }
.member-journey-focus { margin:12px 0 20px; padding:0; overflow:hidden; }
.member-journey-focus:focus { outline:none; }
.member-journey-focus:focus-visible { outline:none; background:var(--surface-soft,#f6f7f9); }
.member-focus-heading { padding:14px var(--ui-card-inset,24px) 0; }
.member-focus-heading p { margin:0; color:var(--muted); font-size:12px; line-height:1.5; }
.member-journey-focus > .member-requirement { border-top:0; }
.member-journey-focus .member-requirement-evidence > p:first-child { margin-top:0; }
.member-journey-focus .member-requirement > summary { padding:16px var(--ui-card-inset,24px); }
.member-journey-focus summary small { display:block; color:var(--muted); font-weight:400; margin-top:4px; font-size:12px; }
.member-journey-focus .member-requirement-evidence { padding-inline:var(--ui-card-inset,24px); }
/* Align the text of the first quiet action while preserving its padded hit area. */
.member-journey-focus .member-requirement-evidence > .actions > .button.small.quiet:first-child { margin-inline-start:-11px; }
.member-focused-check { border-left:2px solid var(--ink); padding-left:12px; }
.member-explanation-due { display:inline-flex; align-items:baseline; gap:6px; margin-inline-start:6px; white-space:nowrap; }
.member-explanation-due .deadline-value { display:inline; font-size:inherit; }
.member-avatar { display:grid; place-items:center; flex:0 0 52px; height:52px; border-radius:50%; background:#e9ecf2; color:var(--ink); font-weight:600; }
.member-current-cohorts { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:10px; }
.member-current-cohorts > span { padding:4px 8px; background:var(--surface-soft); border-radius:5px; font-size:11px; }
.member-history { padding:22px 24px; margin-bottom:20px; }
.member-section-head { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:16px; }
.member-section-head h2 { font-size:15px; margin:0 0 5px; }
.member-section-head p { font-size:12px; margin:0; }
.member-period { display:grid; grid-template-columns:minmax(170px,270px) minmax(0,1fr); gap:24px; align-items:center; width:100%; margin:5px 0; padding:11px 12px; border:1px solid transparent; border-radius:7px; background:transparent; font:inherit; color:inherit; text-align:left; cursor:pointer; }
.member-period:hover { background:var(--surface-soft); }
.member-period[aria-pressed="true"] { background:#f5f6fa; border-color:#c5cad5; }
.member-period-name { display:flex; flex-direction:column; gap:4px; min-width:0; }
.member-period-name strong { font-size:13px; font-weight:550; }
.member-period-name small { font-size:11px; color:var(--muted); }
.member-period-track { height:22px; background:#f1f3f6; border-radius:4px; position:relative; overflow:hidden; }
.member-period-track > span { position:absolute; top:0; bottom:0; border-radius:4px; background:#a8afbf; min-width:4px; }
.member-period.additional .member-period-track > span { background:#c8b378; }
.member-period[aria-pressed="true"] .member-period-track > span { background:var(--ink); }
.member-history-axis { display:flex; justify-content:space-between; margin:9px 12px 0 306px; color:var(--muted); font-size:11px; }
.member-view-scope { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 3px; margin:24px 0 20px; }
.member-view-scope > div:first-child { display:flex; flex-direction:column; gap:5px; }
.member-view-scope > div > span, .member-view-scope p { color:var(--muted); font-size:12px; margin:0; }
.member-view-tools { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-bottom:16px; }
.member-channel-filter { display:flex; flex-direction:row; align-items:center; gap:10px; color:var(--muted); font-size:12px; }
.member-channel-filter select { width:auto; }
.member-timeline-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); gap:22px; align-items:start; }
.member-day { margin:20px 0 9px; font-size:12px; color:var(--muted); font-weight:500; }
.member-day:first-child { margin-top:0; }
.member-event { position:relative; display:grid; grid-template-columns:78px minmax(0,1fr); align-items:start; column-gap:12px; row-gap:5px; width:100%; margin:9px 0; padding:16px; border:1px solid var(--line); border-radius:9px; background:#fff; text-align:left; font:inherit; color:inherit; cursor:pointer; }
.member-event:hover { background:var(--surface-soft); }
.member-event[aria-pressed="true"] { border-color:#9aa2b3; box-shadow:inset 3px 0 var(--ink); }
.member-event-type { grid-row:1/5; font-size:11px; color:var(--muted); padding-top:2px; }
.member-event-title { font-size:13px; font-weight:600; }
.member-event-meta,.member-event-cohort { grid-column:2; font-size:11px; color:var(--muted); }
.member-event-summary { grid-column:2; font-size:12px; line-height:1.55; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.member-event-cohort { margin-top:3px; }
.member-event.membership-event { background:#f8f8fa; }
.member-event-detail { padding:22px; position:sticky; top:20px; max-height:calc(100vh - 40px); overflow:auto; }
.member-event-detail h2 { font-size:17px; line-height:1.45; margin:6px 0; }
.member-event-detail h3 { font-size:13px; margin:0 0 10px; }
.member-event-detail p { font-size:12px; line-height:1.65; margin:6px 0; }
.member-detail-section { border-top:1px solid var(--line); margin-top:18px; padding-top:18px; }
.member-detail-section audio { width:100%; margin:4px 0 9px; }
.member-detail-section small { font-size:11px; line-height:1.5; display:block; }
.member-entry-list { list-style:none; margin:14px 0 0; padding:0; }
.member-entry-list li+li { border-top:1px solid var(--line); }
.member-entry-list button { display:grid; grid-template-columns:110px minmax(0,1fr) auto; align-items:center; gap:18px; width:100%; padding:15px 8px; border:0; border-radius:6px; background:transparent; text-align:left; color:inherit; font:inherit; cursor:pointer; }
.member-entry-list button:hover { background:var(--surface-soft,#f6f7f9); }
.member-entry-list button:focus-visible { outline:2px solid currentColor; outline-offset:2px; }
.member-entry-list strong { display:block; font-size:13px; line-height:1.5; }
.member-entry-list small { display:block; margin-top:4px; font-size:12px; line-height:1.6; color:var(--muted); }
.member-entry-date,.member-entry-open { font-size:11px; color:var(--muted); }
.member-entry-evidence .member-section-head { flex-wrap:wrap; gap:8px; }
.member-entry-evidence .member-section-head h3 { margin:0; }
.member-entry-evidence .table-wrap { margin:14px 0; }
.member-entry-evidence td { vertical-align:top; white-space:normal; }
.member-entry-evidence td strong,.member-entry-evidence td span { display:block; margin-bottom:4px; }
.member-entry-evidence .member-entry-match { margin-top:7px; font-weight:600; }
.member-entry-evidence .member-entry-result { font-weight:600; }
.member-entry-settings { display:inline-block; margin-top:14px; font-size:12px; }
@media(max-width:700px) { .member-entry-list button { grid-template-columns:minmax(0,1fr);gap:5px; } }
.member-detail-header .eyebrow { font-size:11px; }
.member-conversation-exchange { display:grid; gap:24px; }
.member-conversation-interaction { min-width:0; }
.member-conversation-interaction + .member-conversation-interaction { border-top:1px solid var(--line); padding-top:24px; }
.member-interaction-header p { margin:6px 0 0; }
.member-call-transcript > summary { cursor:pointer; font-size:12px; font-weight:500; }

.member-message { margin:16px 24px 0 0; font-size:13px; line-height:1.6; }
.member-message > div { border-radius:9px; background:#f0f2f6; padding:12px; }
.member-message.outbound { margin:16px 0 0 24px; }
.member-message.outbound > div { background:#252833; color:#fff; }
.member-message small { display:block; font-size:10px; color:var(--muted); margin:6px 2px; }
.member-message.outbound small { text-align:right; }
.member-message.selected-message > div { outline:2px solid #8991a5; outline-offset:2px; }
.member-transcript-line { display:grid; grid-template-columns:54px minmax(0,1fr); gap:5px 9px; margin-top:16px; font-size:12px; }
.member-transcript-line p { grid-column:2; margin:0; }
.member-transcript-line .text-button { font-size:11px; align-self:start; }
.member-pagination { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:18px 0; font-size:12px; }
.member-property-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:24px 0 18px; }
.member-property-heading h2 { font-size:16px; margin:0 0 7px; }
.member-property-heading p { font-size:12px; line-height:1.6; }
.member-property-heading label { min-width:230px; font-size:12px; }
.member-property-source { margin-bottom:16px; }
.member-property-source { --ui-disclosure-inset:var(--ui-card-inset); }
.member-property-source > summary { padding:18px var(--ui-card-inset); display:flex; justify-content:space-between; gap:16px; font-size:14px; font-weight:550; cursor:pointer; }
.member-property-source summary span { font-size:12px; font-weight:400; }
.member-property-source table { width:100%; table-layout:fixed; }
.member-property-source th:first-child { width:27%; }
.member-property-source th:last-child { width:29%; }
.member-property-source td { vertical-align:top; overflow-wrap:anywhere; }
.member-property-source small { display:block; font-size:11px; line-height:1.6; color:var(--muted); margin-top:5px; }
.member-property-source pre { white-space:pre-wrap; font-size:11px; }
.member-property-key { color:var(--muted); }
.member-inference { display:block; font-size:11px; color:var(--muted); margin-top:8px; }
.member-property-basis { font-size:12px; line-height:1.6; margin:8px 0; }
.member-directory { padding:22px; }
.member-directory form { margin-bottom:22px; align-items:end; }
.member-directory form label { min-width:260px; }
.member-directory-email { display:block; margin-top:6px; }
.member-profile-link { text-decoration:none; }
.member-profile-link:hover { text-decoration:underline; }
.member-profile-link > span { color:var(--muted); font-size:11px; }
@media(max-width:1000px) { .member-period { grid-template-columns:210px minmax(0,1fr); gap:16px; } .member-history-axis { margin-left:238px; } .member-timeline-layout { grid-template-columns:minmax(0,1fr); } .member-event-detail { position:static; max-height:none; } }
@media(max-width:650px) { .member-profile-head { flex-wrap:wrap; } .member-history { padding:16px; } .member-period { grid-template-columns:1fr; gap:8px; padding:9px 0; } .member-history-axis { margin-left:0; } .member-view-scope,.member-property-heading { align-items:stretch; flex-direction:column; } .member-view-tools { flex-wrap:wrap; } .member-event { grid-template-columns:60px minmax(0,1fr); padding:13px; } .member-property-source table { table-layout:auto; min-width:650px; } .member-directory form label { min-width:0; flex:1; } }

.member-progress { padding:0 4px 20px; }
.member-progress ol { display:flex; list-style:none; margin:12px 0 0; padding:0; gap:8px; overflow-x:auto; }
.member-progress li { flex:1; min-width:105px; border-top:2px solid var(--line); padding-top:10px; font-size:12px; color:var(--muted); }
.member-progress li.reached { border-color:#697386; color:var(--ink); }
.member-progress li > span { margin-right:5px; }
.member-progress li small { display:block; margin:5px 0 0 18px; font-size:10px; color:var(--muted); }

/* Due timing keeps the existing requirement disclosure and form controls. */
.requirement-deadline-form{padding:18px 20px;border-top:1px solid var(--border,#e5e7eb);margin:0;background:var(--surface,#fff)}
.requirement-deadline-form fieldset{border:0;padding:0;margin:0;min-width:0}
.requirement-section-heading{padding:0;margin:0 0 12px;font-size:14px;font-weight:600;color:var(--ink)}
.deadline-fields{display:grid;grid-template-columns:minmax(0,420px) minmax(0,260px);gap:7px 16px;align-items:start}
.deadline-fields [data-deadline-options]{display:contents}
.deadline-fields [data-deadline-options][hidden]{display:none}
.deadline-fields .deadline-field{display:grid;grid-row:span 2;grid-template-columns:auto minmax(0,1fr);grid-template-rows:subgrid;gap:7px 12px;align-items:baseline;min-width:0}
.deadline-fields .deadline-field>label{grid-column:1;grid-row:1;min-width:0;margin:0}
.deadline-fields .deadline-field>.journey-inline-delta{grid-column:2;grid-row:1}
.deadline-fields .deadline-field>[data-delta-control]{grid-column:1 / -1;grid-row:2;align-self:start}
.deadline-fields [data-delta-kind="added"] .journey-delta-kind{display:none}
.requirement-deadline-form .field-help{margin:10px 0 0;font-size:12px;line-height:1.5}
.deadline-value{display:block;font-size:12px;white-space:normal}.deadline-value.is-overdue{color:#9a4d0b}.requirement-deadline-cell .ui-badge{margin-top:4px}
.cohort-config-section{border-top:1px solid var(--border,#e5e7eb);margin-top:18px;padding-top:16px}
.cohort-config-section>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;list-style:none}
.cohort-config-section>summary::-webkit-details-marker{display:none}
.cohort-config-section[open]>summary .ui-chevron{transform:rotate(180deg)}
.cohort-config-body{padding-top:12px}.cohort-config-body>.field-help{margin-top:0}
.cohort-date-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,1fr) auto;gap:12px;align-items:center;margin:8px 0}
.cohort-date-row label{margin:0}.cohort-date-row>.button{align-self:end;margin-bottom:2px}
.cohort-membership-rule{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--border,#e5e7eb)}
.cohort-membership-rule label{margin:0}.cohort-membership-rule>.button{justify-self:start}
.cohort-calendar{margin:16px 0;padding:20px}.cohort-calendar h2{font-size:16px;margin:0}
.cohort-calendar dl{display:flex;gap:18px 32px;flex-wrap:wrap;margin:16px 0 0}.cohort-calendar dt{font-size:12px;color:var(--muted,#6b7280)}.cohort-calendar dd{margin:5px 0 0;font-size:14px;font-weight:500}
.worker-instruction-help{padding:0 20px;margin:14px 0 0;max-width:80ch;font-size:12px;line-height:1.5}
.member-requirements{margin:16px 0;padding:0}.member-requirements>summary,.member-requirement>summary{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none}
.member-requirements,.member-requirement,.member-journey,.member-upcoming,.shared-context-panel { --ui-disclosure-inset:var(--ui-card-inset); }
.member-requirements summary::-webkit-details-marker{display:none}.member-requirements summary small{display:block;color:var(--muted,#6b7280);font-weight:400;margin-top:4px;font-size:12px}
.member-requirement{border-top:1px solid var(--border,#e5e7eb)}.member-requirement>summary strong{font-size:14px}
.member-requirement-state{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.member-requirement-evidence{padding:0 20px 16px;font-size:13px;line-height:1.6}.member-requirement-evidence small{display:block;color:var(--muted,#6b7280)}
@media(max-width:650px){.deadline-fields{grid-template-columns:minmax(0,1fr)}.cohort-date-row{grid-template-columns:1fr 1fr}.cohort-membership-rule{grid-template-columns:1fr}.member-requirement>summary{align-items:flex-start}.member-requirement-state{max-width:50%}.cohort-calendar .member-section-head{align-items:flex-start;gap:8px;flex-direction:column}}

.shared-context-panel > summary{padding:20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.shared-reference{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line,#e5e7eb)}.shared-reference:last-child{border-bottom:0}.shared-reference small,.context-origin{display:block;color:var(--muted,#68707c);margin-top:5px}.shared-context-panel .cohort-config-body{padding:0 20px 20px}.shared-context-panel details summary{padding-block:12px}.shared-context-panel .knowledge-source{padding:12px 0}

.worker-update-wording{margin:0;padding:var(--ui-card-inset);border-top:1px solid var(--line)}

/* Cross-channel sample conversations stay inside the existing member detail. */
.member-conversation-links { display:flex; flex-wrap:wrap; gap:6px; margin-top:16px; }
.member-conversation-links [aria-pressed="true"] { background:#eef0f4; color:var(--ink); }
.member-handoff .actions { margin-top:10px; }
.member-detail-header > small { display:block; margin-top:8px; line-height:1.5; }
.member-conversation-sources { margin-top:8px; font-size:11px; line-height:1.5; color:var(--muted); }
.member-conversation-sources > summary { cursor:pointer; width:fit-content; margin-inline-start:auto; }
.member-conversation-sources > div { border-left:2px solid var(--line); margin-top:10px; padding-left:10px; color:var(--ink); }
.member-conversation-sources p { white-space:pre-wrap; margin:6px 0; }
.member-conversation-sources small { display:block; text-align:left!important; color:var(--muted); }
.member-conversation-sources dl { display:grid; grid-template-columns:minmax(90px,1fr) 2fr; gap:4px 10px; }
.member-conversation-sources dt { color:var(--muted); }
.member-conversation-sources dd { margin:0; overflow-wrap:anywhere; }
.member-transcript-line > .member-conversation-sources { grid-column:2; }
.member-transcript-line.private-briefing,.member-transcript-line.student-hold { background:#f5f6f8; padding:10px; border-radius:6px; }

.publication-worker-changes { margin-top:16px; }
.publication-worker-changes table { table-layout:fixed; }
.publication-worker-changes th:first-child { width:24%; }
.publication-worker-changes :is(th,td) { vertical-align:top; }
.publication-worker-changes .preserve-copy { overflow-wrap:anywhere; }

/* Keep the member's work and journey available without pushing review below them. */
.member-current-work,.member-journey { margin:12px 0; }
.member-journey > summary,.member-upcoming > summary { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;cursor:pointer;list-style:none; }
.member-journey > summary::-webkit-details-marker,.member-upcoming > summary::-webkit-details-marker { display:none; }
.member-journey > summary small { display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:400; }
.member-journey-body { padding:20px;border-top:1px solid var(--line); }
.member-journey .member-history { padding:0;margin:0 0 24px; }
.member-journey .member-history h3 { margin:0;font-size:13px; }
.member-journey .member-section-head { margin-bottom:12px; }
.member-journey .member-progress { padding:0; }
.member-upcoming { border-top:1px solid var(--line); }
.member-current-work .member-requirement > summary { padding-block:12px; }
.member-milestone { display:block;text-align:left;width:100%;height:100%;border:0;background:none;color:inherit;font:inherit;padding:8px;border-radius:6px; }
.member-milestone[aria-pressed="true"] { background:var(--surface-soft);box-shadow:inset 0 0 0 1px var(--line); }
.member-milestone > strong { font-weight:500;line-height:1.5;overflow-wrap:normal; }
.member-milestone > span { margin-right:5px; }
.member-progress li { padding-top:4px;min-width:130px; }
.member-progress li small { margin-left:18px; }
.member-milestone-requirements { margin-top:20px; }
.member-checkin-details { margin:0 0 16px; padding:16px; background:var(--surface-soft); border-radius:8px; }
.member-checkin-details dl { display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:16px; margin:0; }
.member-checkin-details dt { color:var(--muted); font-size:12px; margin-bottom:6px; }
.member-checkin-details dd { margin:0; font-size:13px; overflow-wrap:anywhere; }
.member-checkin-details p { font-size:12px; line-height:1.5; }
.member-checkin-details .button { margin-top:4px; }
.member-journey-history { margin-top:20px; border-top:1px solid var(--line); padding-top:16px; }
.member-journey-history > summary { cursor:pointer; font-size:12px; color:var(--muted); }
.member-journey-history .member-history { margin-top:16px; }
.member-journey-start { font-size:12px; margin:0; }
.member-milestone-requirements .member-requirement { --ui-disclosure-inset:var(--ui-label-inset); }
.member-review-tools { position:sticky;top:0;z-index:5;background:var(--bg);padding:12px 0;margin-bottom:12px; }
.member-review-tools .member-view-tools { margin-bottom:8px; }
.member-review-tools .member-view-scope { margin:0;padding:0;gap:12px;font-size:12px; }
.member-review-tools .member-view-scope > span { display:flex;align-items:center;gap:12px;min-width:0; }
.member-review-tools .member-view-scope small { color:var(--muted);font-size:11px; }
.member-activity-pane,.member-timeline-layout .member-event-detail { position:sticky;top:calc(var(--member-tools-height, 96px) + 24px);max-height:calc(100vh - var(--member-tools-height, 96px) - 48px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin; }
.member-activity-pane { padding:1px 5px 1px 1px; }
.member-event { margin:7px 0;padding:12px;row-gap:4px; }
.member-event-summary { -webkit-line-clamp:1; }
@media(max-width:1000px) {
  .member-activity-pane { position:static;max-height:340px; }
  .member-timeline-layout .member-event-detail { position:static;max-height:none; }
}
@media(max-width:650px) {
  .member-journey-body { padding:16px; }
  .member-review-tools .member-view-scope > span { flex-wrap:wrap;gap:4px 12px; }
  .member-review-tools .member-view-scope { flex-direction:row;align-items:center; }
  .member-review-tools .member-view-tools { gap:8px; }
}

/* Publication status lives with the existing toolbar actions. */
.journey-header-actions { max-width:100%; }
.journey-view-tools { width:auto; min-width:0; }
.journey-publication { display:inline-flex;align-items:center;gap:8px;flex-shrink:0; }
/* Review controls and any open review panel belong to Edit mode. */
.journey-canvas[data-journey-mode="performance"] .journey-publication,
.journey-canvas[data-journey-mode="performance"] #journeyPublishing { display:none; }
.journey-publication [data-action="release-details"][aria-busy="true"] > .chevron > svg { display:none; }
.journey-publication [data-action="release-details"][aria-busy="true"] > .chevron::before { content:"";box-sizing:border-box;width:12px;height:12px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:publishing-check-spin .7s linear infinite; }
@media(prefers-reduced-motion:reduce) { .journey-publication [data-action="release-details"][aria-busy="true"] > .chevron::before { animation:none; } }
@media(max-width:900px){.journey-header-actions{flex-wrap:wrap;justify-content:flex-end}.journey-view-tools{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:650px){.journey-view-tools{width:100%;justify-content:flex-start;gap:4px}.journey-publication{margin-left:auto}.journey-mode{width:100%}}

/* Publishing expands inside the journey card, between its toolbar and map. */
.publishing-expansion { border-bottom:1px solid var(--line);background:var(--surface); }
.publishing-columns { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:clamp(260px,calc(100dvh - 476px),356px); }
.publishing-column { min-width:0;min-height:0;display:flex;flex-direction:column;padding:0 24px; }
.publishing-column+.publishing-column { border-left:1px solid var(--line); }
.publishing-column-head { flex-shrink:0;padding:14px 0 12px;min-height:48px;border-bottom:1px solid var(--line); }
.publishing-column-head h3 { margin:0;font-size:14px;line-height:20px;font-weight:600; }
.publishing-column-head h3>span { margin-left:5px;color:var(--muted);font-size:12px;font-weight:400; }
.publishing-column-head p { margin:4px 0 0;font-size:12px;line-height:18px;color:var(--muted); }
.publishing-column-head .publishing-section-head { min-height:20px; }
.publishing-column-head .button.small { min-height:24px;padding:2px 6px;margin:-2px -6px; }
.publishing-scroll { flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:8px;padding-bottom:14px; }
.publishing-scroll:focus-visible { outline:2px solid var(--control-hover-border);outline-offset:-2px; }
.publishing-change-group>h4 { margin:18px 0 4px;font-size:11px;line-height:18px;font-weight:500;color:var(--muted); }
.publishing-change-group:first-child>h4 { margin-top:12px; }
.publishing-change-kind { font-size:11px;line-height:20px;color:var(--muted);white-space:nowrap; }
.publishing-change-kind.added { color:#237348; }.publishing-change-kind.removed { color:#ad3445; }
.publishing-unsaved { margin:10px 0;padding:10px 12px;background:#fbf5df;border-radius:6px;color:#725817;font-size:12px;line-height:18px; }
.publishing-no-changes { padding:20px 0; }
.publishing-no-changes strong { font-size:13px;font-weight:500; }
.publishing-no-changes p { color:var(--muted);font-size:12px;margin:6px 0 0; }
.publishing-footer { display:flex;align-items:center;gap:24px;min-height:56px;padding:8px 24px;border-top:1px solid var(--line);background:var(--surface-soft); }
.publishing-footer-status { flex:1;min-width:0; }
.publishing-footer-status>strong { display:block;font-size:13px;font-weight:500; }
.publishing-footer-status>small { display:block;font-size:12px;line-height:18px;margin-top:4px;overflow-wrap:anywhere; }
.publishing-footer-status--attention>strong { color:#a44333; }
.publishing-footer>.actions { flex:0 1 auto;gap:8px;flex-wrap:wrap; }
.publishing-note { color:var(--muted);font-size:12px;line-height:1.5;margin:10px 0 0; }
.publishing-policy { padding:14px 0;border-top:1px solid var(--line); }
.publishing-policy>summary { display:flex;align-items:center;justify-content:space-between;font-size:12px;list-style:none; }
.publishing-policy>summary::-webkit-details-marker { display:none; }
.publishing-policy[open]>summary>.chevron { transform:rotate(180deg); }
.publishing-rollout-controls { max-width:900px;grid-template-columns:repeat(3,minmax(0,1fr)); }
.publishing-rollout-label { display:flex;justify-content:space-between;gap:8px; }
@media(max-width:850px) { .publishing-rollout-controls { grid-template-columns:1fr; } }
.publishing-policy p { font-size:12px;line-height:18px;margin:12px 0 0; }
#publishingRefreshError:empty { display:none; }
@media(max-width:800px) { .publishing-column { padding:0 16px; }.publishing-footer { padding-inline:16px; } }
@media(max-width:520px) { .publishing-columns { height:260px; }.publishing-column { padding:0 10px; }.publishing-footer>.actions { gap:4px; }.publishing-footer { gap:8px;padding:10px; } }
.publishing-section-head { display:flex;justify-content:space-between;gap:14px;align-items:center; }
.publishing-section-head h3 { margin:0;font-size:14px; }
.publishing-section-head h3>span { margin-left:6px;color:var(--muted);font-size:12px;font-weight:400; }
.publishing-section-head p { margin:5px 0 0;font-size:12px; }
.publishing-eval-context { color:var(--muted);font-size:12px;margin:12px 0 14px; }
.publishing-eval-tools { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 0;border-bottom:1px solid var(--line); }
.publishing-eval-tools p { margin:0;font-size:12px;color:var(--muted); }
.publishing-eval-tools small { font-size:12px;line-height:18px;color:var(--muted); }
.publishing-eval-tools .button { margin-right:-6px; }
.publishing-eval { border-top:1px solid var(--line); }
.publishing-eval>summary { display:flex;align-items:center;gap:12px;padding-block:11px;list-style:none;font-size:13px; }
.publishing-eval>summary:hover,.publishing-eval>summary:focus-visible { background:var(--surface-soft); }
.publishing-eval>summary::-webkit-details-marker,.publishing-history>summary::-webkit-details-marker { display:none; }
.publishing-eval-name { flex:1;min-width:0; }
.publishing-eval-name>small { display:block;font-size:11px;color:var(--muted);margin-top:3px; }
.publishing-result { font-size:11px;white-space:nowrap;color:var(--muted);font-weight:500; }
.publishing-result.is-running { display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;flex-shrink:0; }
.publishing-result.is-running::before,#publishingPublish[aria-busy="true"]::before { content:"";box-sizing:border-box;width:12px;height:12px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:publishing-check-spin .7s linear infinite; }
@keyframes publishing-check-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .publishing-result.is-running::before,#publishingPublish[aria-busy="true"]::before { animation:none; } }
.publishing-result.passed { color:#3c7251; }.publishing-result.failed { color:#a44333; }.publishing-result.stale { color:#8a622e; }
.publishing-eval[open]>summary>.chevron { transform:rotate(180deg); }
.publishing-eval-body { padding:0 0 16px;display:grid;gap:12px; }
.publishing-eval-body p { font-size:12px;margin:0;line-height:1.5;overflow-wrap:anywhere; }
.publishing-result-pair { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;padding:14px;background:var(--bg);border-radius:8px; }
.publishing-result-pair small { display:block;color:var(--muted);font-size:11px;margin-bottom:6px; }
.publishing-record summary{ font-size:12px;color:var(--muted); }
.publishing-record pre { white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:240px;overflow:auto; }
.publishing-eval-body>.button { justify-self:start; }
/* Both actions share button metrics; expanded context lives below this row. */
.publishing-example-actions { display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px; }
.publishing-example-actions>[data-member-context-toggle] { color:var(--muted); }
.publishing-member-context-body { margin-top:8px;border-left:2px solid var(--line);padding:4px 16px; }
.publishing-member-context-body>.publishing-evidence-facts { margin:0; }
.publishing-evidence-entry>.publishing-example-actions { margin-top:12px; }
.publishing-history { border-top:1px solid var(--line);padding-top:14px; }
.publishing-history>summary { display:flex;align-items:center;gap:8px;list-style:none;font-size:12px;font-weight:500; }
.publishing-history>summary>span { color:var(--muted);font-size:12px;font-weight:400; }
.publishing-history>summary>.chevron { margin-left:auto; }
.publishing-history[open]>summary>.chevron { transform:rotate(180deg); }
.publishing-history-body { padding-top:16px; }
.publishing-history-run,.publishing-legacy { border-top:1px solid var(--line);padding:14px 0;font-size:12px; }
.publishing-history-run>summary { display:flex;justify-content:space-between;gap:14px; }
.publishing-history-run small,.publishing-legacy small { display:block;margin-top:5px;color:var(--muted); }
.publishing-history-run p,.publishing-legacy p { margin:8px 0;font-size:12px;line-height:1.5; }
.publishing-history-result { padding:8px 0;font-size:12px; }
.publishing-history-result summary .publishing-result { margin-left:8px; }
.publishing-scenario-form { padding:20px;background:var(--bg);border:1px solid var(--line);border-radius:10px;display:grid;gap:14px; }
.publishing-scenario-form>p { font-size:13px;margin:0; }
.publishing-scenario-form label { font-size:12px; }
.publishing-scenario-form [data-observed-field] { display:grid;gap:12px; }
.publishing-source-example { display:grid;gap:12px;min-width:0; }
.publishing-source-fields { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px; }
.publishing-source-fields > fieldset,.publishing-source-fields > .publishing-source-array { grid-column:1 / -1; }
.publishing-source-fieldset { border:0;padding:0;margin:0;min-width:0; }
.publishing-source-fieldset legend { padding:0;margin:0 0 10px;font-size:13px;font-weight:600; }
.publishing-source-array > h4 { margin:4px 0 10px; }
.publishing-source-array-row { padding:12px 0;border-top:1px solid var(--line); }
.publishing-source-array-row > .button { margin-top:10px; }
.publishing-source-record { margin-top:12px; }
.publishing-source-record > summary { display:flex;align-items:center;justify-content:space-between;gap:12px; }
@media(max-width:650px){.publishing-source-fields{grid-template-columns:minmax(0,1fr)}}
.publishing-scenario-form .form-error:empty { display:none; }
@media(max-width:650px) { .publishing-result-pair { grid-template-columns:1fr;gap:12px; }.publishing-eval>summary { gap:8px; }.publishing-section-head { flex-wrap:wrap; } }

/* Change selection uses the same disclosure motion and quiet controls as publishing. */
.publishing-change-row { position:relative;border-bottom:1px solid var(--line); }
.publishing-change-row.has-actions>.publishing-change>summary { padding-right:60px; }
.publishing-change-row.has-actions>.publishing-change>summary>.chevron { right:36px; }
.publishing-change>summary { display:flex;align-items:center;gap:10px;padding-block:10px;list-style:none;min-height:48px; }
.publishing-change>summary::-webkit-details-marker,.publishing-stashed>summary::-webkit-details-marker { display:none; }
.publishing-change-title { flex:1;min-width:0; }
.publishing-change-title strong { display:block;font-size:13px;line-height:20px;font-weight:500;overflow-wrap:anywhere; }
.publishing-change-title small { display:block;font-size:11px;line-height:16px;color:var(--muted);margin-bottom:3px; }
.publishing-change[open]>summary>.chevron,.publishing-stashed[open]>summary>.chevron { transform:rotate(180deg); }
.publishing-change-body { padding:0 0 14px;display:grid;gap:12px; }
.publishing-change-detail h4 { margin:0 0 8px;font-size:12px;font-weight:500; }
.publishing-change-detail .publishing-result-pair { gap:12px;padding:12px; }
.publishing-change-detail p { margin:0;font-size:12px;line-height:18px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto; }
.publishing-stashed { margin:14px 0; }
.publishing-stashed>summary { display:flex;align-items:center;gap:8px;padding-block:10px;list-style:none;font-size:12px;font-weight:500; }
.publishing-stashed>summary>span { color:var(--muted);font-weight:400; }
.publishing-stashed>summary>.chevron { margin-left:auto; }
.publishing-stashed .publishing-note { margin:0 0 8px; }
.publishing-stashed .publishing-change-title { color:var(--muted); }

/* Readable release snapshots and authoring audit stay inside the publishing scroll area. */
.publishing-history-section,.publishing-audit { border-top:1px solid var(--line);padding:12px 0; }
.publishing-history-section>summary,.publishing-audit>summary,.publishing-saved-change>summary,.publishing-audit-event>summary,.publishing-history-result>summary { display:flex;align-items:center;gap:8px;list-style:none;font-size:12px; }
.publishing-history-section>summary>span { color:var(--muted);margin-left:auto; }
.publishing-history-run>summary>span:first-child,.publishing-saved-change>summary>span:first-child,.publishing-audit-event>summary>span { flex:1;min-width:0; }
.publishing-saved-change,.publishing-audit-event { padding:10px 0;font-size:12px;border-bottom:1px solid var(--line); }
.publishing-saved-change:last-child,.publishing-audit-event:last-child { border-bottom:0; }
.publishing-saved-change strong,.publishing-audit-event strong { font-size:12px;font-weight:500;overflow-wrap:anywhere; }
.publishing-saved-change small,.publishing-audit-event small { display:block;color:var(--muted);font-size:11px;line-height:16px;margin:4px 0; }
.publishing-saved-change .publishing-change-kind { white-space:nowrap; }
.publishing-history-section>summary>.chevron,.publishing-audit>summary>.chevron,.publishing-history-result>summary>.chevron { margin-left:auto; }
.publishing-event-body { padding-top:6px; }

/* Change-linked draft evals: a clean review body and a compact publishing footer. */
.publishing-body { position:relative; }
.publishing-footer { gap:16px 2px;position:relative;z-index:4;flex-wrap:wrap; }
.publishing-footer-links { display:flex;gap:2px;flex:0 1 auto;flex-wrap:wrap;margin-left:auto; }
.publishing-footer-links>.ui-trigger,.publishing-test-trigger { font-size:12px;min-height:32px;padding-block:6px;gap:5px; }
.publishing-footer-links>.ui-trigger[aria-expanded="true"]>.chevron,.publishing-test-trigger[aria-expanded="true"]>.chevron { transform:rotate(180deg); }
.publishing-footer-drawer { display:flex;flex-direction:column;background:var(--surface);padding:0 24px; }
.publishing-footer-drawer[hidden] { display:none; }
.publishing-drawer-scroll { padding-bottom:16px; }
.publishing-drawer-scroll>.publishing-history { border-top:0;padding-top:0; }
.publishing-drawer-scroll>.publishing-policy { border-top:0;padding-top:12px; }
.publishing-drawer-scroll>.publishing-history>.publishing-history-body { padding-top:0; }
.publishing-change>summary { gap:6px; }
.publishing-eval-context { margin:10px 0;font-size:11px; }
.publishing-eval:first-of-type { border-top:0; }
.publishing-runtime-note { display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;padding:8px 0;color:#8a622e;font-size:11px;line-height:16px; }
.publishing-runtime-note .button { font-size:11px;padding:4px 6px;min-height:26px; }
.publishing-result.blocked { color:#8a622e; }
.publishing-eval-reason { color:#a44333; }
.publishing-conversation h4,.publishing-rubric h4,.publishing-policy-sources h4 { font-size:12px;font-weight:500;margin:4px 0 8px; }
.publishing-turn { padding:10px 12px;border-radius:7px;margin:8px 0;background:var(--bg); }
.publishing-turn.is-worker { margin-left:20px;background:var(--surface-soft); }
.publishing-turn small { display:block;margin-bottom:3px; }
.publishing-turn p,.publishing-policy-sources p { white-space:pre-wrap; }
.publishing-rubric-check { border-top:1px solid var(--line);padding:9px 0;font-size:12px; }
.publishing-rubric-check>summary,.publishing-policy-sources>summary { display:flex;align-items:center;gap:8px;list-style:none;font-size:12px; }
.publishing-rubric-check>summary>span:first-child { flex:1;min-width:0; }
.publishing-rubric-check p { margin:8px 0 0; }
.publishing-rubric-check blockquote { border-left:2px solid var(--line);margin:8px var(--ui-disclosure-inset) 0;padding-left:10px;font-size:12px;line-height:18px;white-space:pre-wrap; }
.publishing-policy-sources>summary>.chevron { margin-left:auto; }
.publishing-policy-sources>section { padding-top:10px; }
.publishing-eval-tools>.actions { gap:4px;flex-wrap:wrap; }
.publishing-scenario-form { border:0;padding:14px 0;background:transparent;border-radius:0;gap:12px; }
@media(max-width:800px) { .publishing-footer-drawer { padding-inline:16px; }.publishing-footer { gap:8px 2px; } }
@media(max-width:520px) { .publishing-footer-drawer { padding-inline:10px; } }

.publishing-rubric-check blockquote>small { display:block;margin-bottom:4px; }

/* Quiet passing rows stay visible; change actions live in the shared menu. */
.publishing-eval-heading-label { display:flex;align-items:center;gap:10px;min-width:0; }
.publishing-eval.is-passed>summary { color:var(--muted); }
.publishing-eval.is-passed>summary>.publishing-result { color:var(--muted);font-size:13px;font-weight:400; }
.publishing-eval.is-passed[open]>summary,.publishing-eval.is-passed>summary:hover { color:var(--text); }
.publishing-change-menu { position:absolute;right:0;top:10px; }
.publishing-change-menu>summary { min-height:28px;width:28px;justify-content:center;padding:0;font-size:18px;line-height:20px;color:var(--muted); }
.publishing-change-menu>.ui-menu-items { min-width:128px;top:100%; }
.publishing-change-menu .button { font-size:12px; }
.publishing-change-row:has(.publishing-change-menu[open]) { z-index:2; }
@media(max-width:650px) { .publishing-change>summary { flex-wrap:wrap;gap:4px; }.publishing-change-title { flex-basis:65%; }.publishing-eval-heading-label { gap:6px; } }

/* Worker execution evidence and platform grading have separate provenance. */
.publishing-runtime-note.is-connected { color:var(--muted);padding:0 0 4px; }
.publishing-eval-provenance { border-bottom:1px solid var(--line);padding:0 0 8px;margin-bottom:12px;color:var(--muted);font-size:11px;line-height:16px; }
.publishing-eval-provenance p { margin:3px 0; }
.publishing-execution-actions { margin:14px 0; }
.publishing-execution-actions h4 { font-size:12px;font-weight:500;margin:4px 0 8px; }
.publishing-execution-actions h4 span { color:var(--muted);font-weight:400; }
.publishing-execution-action { border-top:1px solid var(--line);padding:8px 0;font-size:12px; }
.publishing-execution-action>summary { display:flex;align-items:center;gap:8px;list-style:none; }
.publishing-execution-action>summary>span { flex:1;min-width:0;text-transform:capitalize; }
.publishing-execution-action>summary>small { color:var(--muted);font-size:10px; }
.publishing-action-receipt { margin-top:8px; }
.publishing-action-receipt>strong { display:block;font-size:10px;font-weight:500;color:var(--muted);margin:8px 0 4px; }
.publishing-action-receipt>pre { margin:0;font-size:11px;line-height:16px;white-space:pre-wrap;overflow-wrap:anywhere; }
.publishing-connection-fields { display:grid;gap:12px; }
.publishing-connection-fields[hidden] { display:none; }

.publishing-assertion-fields { display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(110px,.65fr); }
.publishing-assertion-fields[hidden],.publishing-assertion-fields [hidden] { display:none; }
@media(max-width:520px) { .publishing-assertion-fields { grid-template-columns:1fr; } }

.publishing-assertion-outcome { grid-column:1/-1;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr)); }
.publishing-assertion-outcome>small { grid-column:1/-1;color:var(--muted);font-size:11px; }
.publishing-history-result-name>small { display:block;color:var(--muted);font-size:11px;margin-top:3px; }
@media(max-width:520px) { .publishing-assertion-outcome { grid-template-columns:1fr; } }

/* Draft has one publication label; milestone dots identify affected steps. */
.journey-draft-status {display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end;font-size:12px;color:var(--text-muted,#6b7280);max-width:330px;}
.journey-draft-status {min-width:60px;min-height:20px;}
.publishing-eval-heading-label h3 {display:flex;align-items:center;gap:5px;}
@media(max-width:700px){.journey-draft-status{max-width:220px;}.journey-header-actions{flex-wrap:wrap;}}


/* Published differences belong to the component, without another disclosure. */
.milestone-worker:not(summary)>.journey-inline-delta,
.journey-requirements-heading>.journey-inline-delta {grid-column:1/-1;flex-basis:100%;width:100%;margin-top:4px;}
.journey-canvas[data-journey-mode="edit"] .journey-requirements-heading {grid-template-columns:minmax(0,1fr) max-content;align-items:center;row-gap:var(--space-3);}
.journey-canvas[data-journey-mode="edit"] .journey-requirements-heading>.journey-section-heading {grid-column:1;}
.journey-progress-controls {grid-column:2;grid-row:1;justify-self:end;display:grid;grid-template-columns:auto max-content;gap:var(--space-2) var(--space-3);min-width:0;}
.journey-progress-controls>.ui-delta-field {grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:center;}
.journey-progress-controls>.ui-delta-field>.journey-inline-delta {grid-column:1;grid-row:1;white-space:nowrap;}
.journey-progress-controls>.ui-delta-field>[data-delta-control] {grid-column:2;grid-row:1;width:auto;}
@media (max-width:750px) {
  .journey-canvas[data-journey-mode="edit"] .journey-requirements-heading {grid-template-columns:minmax(0,1fr);}
  .journey-progress-controls {grid-column:1;grid-row:2;justify-self:start;}
}
.journey-removed-component {padding:14px 18px;margin:10px 0;background:var(--surface-soft);border:1px dashed var(--line);}
#journeyMapRegion>[data-inline-delta="structure-delta"] {padding:0 24px 16px;}
#journeyContextSummary+.journey-inline-delta {padding:12px 24px;border-top:1px solid var(--line);background:var(--surface-soft);}
.ui-journey-node>[data-inline-delta="milestone-name"] {margin-top:-12px;font-size:10px;text-align:center;line-height:1.4;}
.journey-delta-map-before {color:var(--muted);font-size:10px;}
.journey-delta-map-before del {color:var(--warning);text-decoration-color:currentColor;text-decoration-thickness:1px;background:var(--warning-bg);border-radius:2px;padding:1px 2px;}
.journey-worker-delta-group h4 {font-size:11px;font-weight:500;margin:14px 0 4px;color:var(--muted);}
.publishing-eval-row+.publishing-eval-row {border-top:1px solid var(--line);}
.publishing-eval-row>.publishing-eval {border-top:0;}
.publishing-eval-delta {margin:0 0 12px;padding:0 0 0 2px;}
.publishing-eval-delta .journey-delta-row {grid-template-columns:1fr;gap:3px;}
.publishing-eval-draft-only {padding:12px 0;}
.publishing-eval-draft-only.is-removed {color:var(--muted);}

/* Eval categories organize results; selected changes retain their dependency links. */
.publishing-eval-group { border-bottom:1px solid var(--line); }
.publishing-eval-group:last-child { border-bottom:0; }
.publishing-eval-group>summary { display:flex;align-items:center;gap:12px;list-style:none;padding-block:14px;font-size:13px; }
.publishing-eval-group>summary::-webkit-details-marker { display:none; }
.publishing-eval-group>summary>strong { flex:1;min-width:0;font-weight:500; }
.publishing-eval-group-count { max-width:58%;text-align:right;font-size:11px;line-height:17px;color:var(--muted); }
.publishing-eval-group-count.has-failures { color:#a44333; }
.publishing-eval-group-count.has-blocked { color:#8a622e; }
.publishing-eval-group[open]>summary>.chevron { transform:rotate(180deg); }
.publishing-eval-group-body { padding:0 0 4px; }
.publishing-eval-subgroup>h5 { padding-inline:var(--ui-label-inset);margin:12px 0 2px;font-size:11px;line-height:18px;font-weight:500;color:var(--muted); }
.publishing-eval-subgroup:first-child>h5 { margin-top:0; }
.publishing-eval-subgroup>h5>span { margin-left:5px;font-weight:400; }
.publishing-eval-filters { display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;max-height:86px;overflow-y:auto; }
.publishing-column-head .publishing-eval-filters>.button.small { margin:0;padding:3px 7px;background:var(--surface-soft);border:1px solid var(--line);border-radius:5px;white-space:normal;overflow-wrap:anywhere;text-align:left;max-width:100%;font-size:11px;line-height:16px; }
.publishing-column-head .publishing-eval-filters>.button.small:hover { background:var(--control-hover-bg); }
@media(max-width:650px) { .publishing-eval-group>summary { flex-wrap:wrap;gap:4px; }.publishing-eval-group>summary>strong { flex-basis:100%;overflow-wrap:anywhere; }.publishing-eval-group-count { max-width:100%;text-align:left; } }
@media(max-width:700px){#journeyContextSummary+.journey-inline-delta{padding-inline:16px;}}

/* Worker dots lead through existing disclosures; comparisons sit at their fields. */
.milestone-worker-editor [data-worker-draft-dot] {margin-inline-start:7px;vertical-align:middle;}
.milestone-worker-editor [data-worker-draft-dot] + .ui-chevron {margin-inline-start:4px;}
.milestone-worker-editor [data-worker-delta-field] {min-width:0;}
.milestone-worker-editor [data-worker-delta-field]>.journey-inline-delta,
.milestone-worker-editor [data-worker-delta-collection]>.journey-inline-delta {margin:8px 0 12px;font-weight:400;}
.milestone-worker-editor [data-worker-delta-field]>.journey-inline-delta .journey-delta-row {grid-template-columns:minmax(0,1fr);gap:3px;}
.milestone-worker-editor [data-worker-delta-collection]:empty {display:none;}
.worker-behavior-local [data-worker-delta-field]>textarea,
.worker-behavior-local [data-worker-delta-field]>[data-delta-control]>textarea {margin-bottom:0;}
.worker-behavior-local>[data-worker-delta-field] {padding-bottom:16px;}
.worker-behavior-local>[data-worker-delta-field]>.journey-inline-delta {margin-bottom:8px;}
.milestone-worker-editor [data-worker-delta-field="persona"]>.journey-inline-delta {margin:8px var(--ui-card-inset) 0;}
.milestone-worker-editor .knowledge-source-copy {flex:1;}
.milestone-worker-editor .worker-day:has(>.journey-inline-delta) {flex-direction:row;flex-wrap:wrap;align-items:baseline;}
.milestone-worker-editor .worker-day>.journey-inline-delta {flex:0 1 auto;max-width:100%;margin:0;text-align:left;}
.milestone-worker-editor .worker-day>.journey-inline-delta>.journey-delta-row {padding:0;}
.milestone-worker-editor .worker-day:has(>.journey-inline-delta)>.worker-day-times,.milestone-worker-editor .worker-day:has(>.journey-inline-delta)>.muted {flex-basis:100%;}
.milestone-worker-editor .worker-hours-settings:has([data-worker-inline-delta]) {align-items:start;}

/* Requirement dots lead to each changed check; deadline deltas share its disclosure. */
.requirement-editor [data-requirement-draft-dot] {margin-inline-start:7px;vertical-align:middle;}
.requirement-editor [data-requirement-delta-field] {min-width:0;}
.requirement-delta-field>label,.deadline-field>label {margin-bottom:0;}
.requirement-editor .deadline-field {min-width:0;}
.requirement-editor [data-requirement-delta-field]>.journey-inline-delta {margin:8px 0 0;font-weight:400;}
.requirement-editor [data-requirement-delta-field]>.journey-inline-delta .journey-delta-row {grid-template-columns:minmax(0,1fr);gap:3px;}
.requirement-name-field {padding:18px 20px;background:var(--surface);}
.requirement-name-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;}
.requirement-name-heading>div {min-width:0;}
.requirement-name-heading small {display:block;margin-bottom:5px;color:var(--muted);font-size:11px;}
.requirement-name-heading strong {display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere;}
.requirement-name-heading>.button {flex-shrink:0;}
.requirement-name-field.ui-delta-field>small {color:var(--muted);font-size:11px;}
.requirement-name-field.ui-delta-field>[data-delta-control] {display:flex;}
.subrequirement-list>[data-requirement-inline-delta] {padding:14px 20px;border-top:1px solid var(--line);background:var(--surface);}
.requirement-check-changes:empty {display:none;}
.requirement-check-changes>[data-requirement-inline-delta] {margin-top:16px;padding-top:14px;border-top:1px solid var(--line);}
@media(max-width:650px){.requirement-name-heading{align-items:flex-start;flex-wrap:wrap}}

/* Compact comparisons share the label row; controls retain their full-width slot. */
.milestone-worker-editor .ui-delta-field>.journey-inline-delta,
.requirement-editor .ui-delta-field>.journey-inline-delta {margin:0;}
.deadline-fields .ui-delta-field>label {min-width:0;}

/* Expanded content inherits the same inset as its owning disclosure header. */
.publishing-eval-body,
.publishing-change-body,
.publishing-eval-delta,
.publishing-eval-draft-only,
.publishing-policy-sources > section,
.publishing-action-receipt,
.publishing-event-body > p,
.publishing-history-result > :is(.publishing-eval-provenance, .publishing-conversation, .publishing-execution-actions, .publishing-rubric),
.worker-behavior-row details > [data-worker-delta-field],
.worker-behavior-local > [data-worker-delta-field],
.cohort-config-body,
.shared-context-panel > .cohort-config-body,
.shared-context-panel details > :is(.knowledge-source, .shared-reference),
.member-requirement-evidence,
.member-journey-body,
.member-journey-history > .member-history,
.requirement-fields,
.requirement-member-results,
.requirement-deadline-form,
.requirement-name-field,
.subrequirement-list > [data-requirement-inline-delta] {
  padding-inline: var(--ui-disclosure-inset, var(--ui-label-inset));
}
.member-property-source :is(th, td):first-child { padding-inline-start:var(--ui-disclosure-inset); }

/* Each change owns its delta and linked evals. */
.publishing-review-layout[hidden] { display:none; }
.publishing-review-scroll { padding-bottom:8px; }
.publishing-review-scroll:focus-visible { outline:none; }
.publishing-change-title small { margin:3px 0 0; }
.publishing-change-row.is-stashed .publishing-change-title { color:var(--muted); }
.publishing-category-results.has-failures { color:#a44333; }
.publishing-category-results.has-blocked { color:#8a622e; }
#publishingReview .publishing-eval-subgroup:first-of-type > h5 { margin-top:0; }
#publishingScenarioEditor { max-width:900px;margin-inline:auto; }
#publishingChecks > #publishingAllEvals { padding-inline:0; }
#publishingChecks > .publishing-eval-tools { justify-content:flex-end; }

#publishingReview {padding-inline:var(--ui-section-inset);}
.publishing-review-scroll > :is(.publishing-eval-tools,#publishingScenarioEditor,#publishingRefreshError) {margin-inline:var(--ui-section-inset);}


#publishingAllEvals {padding-inline:var(--ui-section-inset);}
#publishingReview[hidden],#publishingAllEvals[hidden],#publishingEvalTools[hidden] {display:none;}
.publishing-change-body {gap:14px;padding-top:6px;padding-bottom:12px;}
.publishing-change-body > .publishing-eval-delta {padding:0;margin:0;display:grid;gap:14px;}
.publishing-change-body > .ui-review-checks {margin-inline:calc(-1 * var(--ui-disclosure-inset,var(--ui-label-inset)));}
.publishing-change > summary > .publishing-result {font-size:11px;font-weight:400;white-space:nowrap;}
.publishing-change > summary > .publishing-result.passed {color:var(--muted);}
.publishing-change-body .publishing-note {margin:0;font-size:11px;}
.ui-review-checks .publishing-eval > summary {font-size:12px;padding-block:8px;}
.ui-review-checks .publishing-eval-name > small {font-size:10px;}
.publishing-result-pair--compact {background:transparent;padding:0;gap:6px;grid-template-columns:1fr;}
.publishing-result-pair--compact > div {display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;align-items:baseline;}
.publishing-result-pair--compact small {margin:0;}
.publishing-eval.is-passed .publishing-eval-reason {color:var(--muted);}
@media(max-width:650px) {
  .publishing-change > summary {flex-wrap:wrap;gap:4px;}
  .publishing-change-title {flex-basis:65%;}
  .publishing-footer {flex-wrap:wrap;column-gap:0;}
  .publishing-footer-status {flex-basis:100%;}
  .publishing-footer-links {gap:0;margin-left:0;flex:1 1 auto;flex-wrap:wrap;}
  .publishing-footer-links > .ui-trigger {min-height:26px;padding-block:3px;}
  .publishing-footer-status > small {font-size:11px;line-height:16px;}
  .publishing-runtime-note {align-items:flex-start;flex-direction:column;gap:2px;}
}

/* Deltas are direct category content, rather than another row of disclosures. */
.publishing-inline-heading {display:flex;align-items:baseline;gap:10px;padding:12px var(--ui-disclosure-inset,var(--ui-label-inset)) 6px;}
.publishing-inline-change.has-actions > .publishing-inline-heading {padding-right:44px;}
.publishing-inline-change .publishing-change-title strong {font-size:12px;}
.publishing-inline-change .publishing-change-body {padding-top:0;padding-bottom:14px;gap:10px;}
.publishing-inline-change:last-child {border-bottom:0;}
.publishing-inline-change:focus-visible {outline:none;}
.publishing-change-scope > h4 {margin:12px 0 0;padding-inline:var(--ui-disclosure-inset,var(--ui-label-inset));font-size:11px;font-weight:400;color:var(--muted);}
.publishing-change-scope + .publishing-change-scope {margin-top:8px;}
.publishing-check-owners {margin:0;padding:10px var(--ui-disclosure-inset,var(--ui-label-inset)) 0;font-size:11px;line-height:1.5;color:var(--muted);}
.publishing-linked-check + .publishing-linked-check {border-top:1px solid var(--line);}
.publishing-change-issue {font-size:12px;line-height:1.5;padding-block:8px;color:var(--text);}
.publishing-issue-heading {display:flex;gap:12px;align-items:baseline;}
.publishing-issue-heading > strong {flex:1;font-weight:500;}
.publishing-change-issue > p {margin:4px 0;color:#a44333;overflow-wrap:anywhere;}
.publishing-eval-evidence > summary {font-size:11px;padding-block:7px;color:var(--muted);list-style:none;}
.publishing-eval-evidence > summary::-webkit-details-marker {display:none;}
.publishing-eval-evidence[open] > summary > .chevron {transform:rotate(180deg);}
.publishing-change-body > .publishing-change-issue .publishing-eval-evidence {margin-inline:calc(-1 * var(--ui-disclosure-inset,var(--ui-label-inset)));}
#publishingReview > .ui-review-section > .publishing-change-issue {padding-inline:var(--ui-disclosure-inset,var(--ui-label-inset));}
.ui-review-meta .publishing-result {font-size:11px;font-weight:400;}
.ui-review-meta .publishing-result.passed {color:var(--muted);}

.ui-review-category-body > .publishing-inline-change {border-bottom:0;}

/* Simple checks: problems explain themselves; successful results stay quiet. */
.publishing-check-mode {display:flex;gap:10px;flex-wrap:wrap;margin:0;padding:8px var(--ui-disclosure-inset,var(--ui-label-inset)) 12px;font-size:11px;color:var(--muted);}
.publishing-check-mode strong {font-weight:500;color:var(--text);}
.publishing-eval-problem {padding:0 var(--ui-disclosure-inset,var(--ui-label-inset)) 12px;font-size:12px;line-height:1.6;}
.publishing-eval-problem > p {margin:0 0 4px;color:#a44333;overflow-wrap:anywhere;}
.publishing-eval-problem.blocked > p,.publishing-change-issue.blocked > p {color:#8a622e;}
.publishing-check-next {display:flex;align-items:center;margin-top:2px;}
.publishing-check-next:empty {display:none;}
.publishing-check-next .button,.publishing-eval-problem > .button {padding-left:0;}
.publishing-check-findings > div {border-top:1px solid var(--line);padding-block:8px;font-size:12px;}
.publishing-check-findings > div > .publishing-result {float:right;margin-left:12px;}
.publishing-check-findings p {margin:6px 0;}
.publishing-check-findings blockquote {margin:8px 0;color:var(--muted);}
.publishing-check-run {margin-top:12px;font-size:11px;color:var(--muted);}
.publishing-check-run > summary {list-style:none;display:flex;align-items:center;gap:6px;}
.publishing-check-run p {margin:6px 0;}
.publishing-record-value {font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;}
.publishing-eval-body > .publishing-eval-evidence {margin-top:8px;}
.publishing-eval-body > .publishing-check-owners {padding-inline:0;}
.publishing-eval-row.has-problem {border-bottom:1px solid var(--line);}
.publishing-check-example {margin:0 0 14px;}
.publishing-check-example > h4 {font-size:11px;font-weight:500;color:var(--muted);margin:0 0 6px;}
.publishing-check-example > p {font-size:12px;line-height:1.6;margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere;}
.publishing-check-context {font-size:11px;line-height:1.6;color:var(--muted);margin:0 0 12px;overflow-wrap:anywhere;}
.publishing-check-context > span {color:var(--text);}
.publishing-settings-validation {font-size:11px;color:var(--muted);}
.publishing-settings-validation > p {margin:8px 0;}
.publishing-change-body > .ui-review-checks {margin-inline:calc(-1 * var(--ui-disclosure-inset,var(--ui-label-inset)));}

/* Direct change results open the saved evidence within their component. */
.publishing-inline-heading {align-items:center;}
[data-change-evidence] {white-space:nowrap;font-weight:500;}
[data-change-evidence][data-result="passed"] {color:#237348;}
[data-change-evidence][data-result="failed"] {color:#a44333;}
[data-change-evidence][data-result="blocked"] {color:#8a622e;}
.publishing-direct-evidence[hidden] {display:none;}
.publishing-direct-evidence {border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:16px;max-width:900px;}
.publishing-evidence-toolbar {display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:12px;}
.publishing-evidence-toolbar > h4 {margin:0;font-size:13px;font-weight:500;}
.publishing-evidence-picker {display:grid;gap:5px;flex:1;min-width:180px;font-size:11px;color:var(--muted);}
.publishing-evidence-picker select {width:100%;min-height:34px;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:6px 8px;color:var(--text);font:inherit;font-size:12px;}
.publishing-direct-evidence .publishing-check-context {margin:4px 0 12px;}
.publishing-example-title {display:flex;gap:12px;justify-content:space-between;font-size:12px;margin:6px 0 12px;}
.publishing-example-title strong {font-weight:500;}
.publishing-evidence-conversation > h4,.publishing-saved-example > h4,.publishing-saved-actions > h4,.publishing-evidence-sources > h4 {font-size:11px;font-weight:500;color:var(--muted);margin:14px 0 6px;}
.publishing-evidence-conversation .publishing-turn {margin:8px 0;padding:10px 12px;}
.publishing-evidence-conversation .publishing-turn.is-worker {margin-left:24px;border-left:2px solid #9abda8;}
.publishing-evidence-conversation p {font-size:12px;line-height:1.65;margin:0;overflow-wrap:anywhere;}
.publishing-evidence-conversation mark {color:inherit;background:#e7f2ea;box-decoration-break:clone;}
.publishing-evidence-facts {display:grid;gap:7px;font-size:12px;line-height:1.5;margin:8px 0 16px;}
.publishing-evidence-facts > div {display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,3fr);gap:14px;}
.publishing-evidence-facts dt {color:var(--muted);}
.publishing-evidence-facts dd {margin:0;white-space:pre-wrap;overflow-wrap:anywhere;}
.publishing-saved-example > p,.publishing-evidence-empty {font-size:12px;line-height:1.6;}
.publishing-evidence-sources {font-size:12px;}
.publishing-evidence-sources blockquote {border-left:2px solid var(--line);margin:6px 0 16px;padding-left:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;}
.publishing-change-delta > summary,.publishing-full-evidence > summary {display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;font-size:11px;color:var(--muted);padding:6px 0;}
.publishing-change-delta > summary::-webkit-details-marker,.publishing-full-evidence > summary::-webkit-details-marker {display:none;}
.publishing-change-delta[open] > summary .chevron,.publishing-full-evidence[open] > summary .chevron {transform:rotate(180deg);}
.publishing-change-delta[open] > summary {margin-bottom:8px;}
.publishing-change-delta > .ui-delta,.publishing-change-delta > .publishing-eval-delta {margin-block:10px;}
.publishing-full-evidence {border-top:1px solid var(--line);margin-top:14px;padding-top:6px;}
@media(max-width:650px) {
  .publishing-inline-heading {flex-wrap:wrap;gap:4px;}
  .publishing-inline-heading > .publishing-change-title {flex:1 1 60%;}
  .publishing-direct-evidence {padding:12px;}
  .publishing-evidence-picker {flex-basis:100%;min-width:0;}
  .publishing-evidence-facts > div {grid-template-columns:1fr;gap:2px;}
}

/* Milestone and component disclosures share the review row alignment. */
[data-review-milestone] > summary,
[data-review-component] > summary {padding-inline:var(--ui-disclosure-inset,var(--ui-label-inset));cursor:pointer;}
[data-review-milestone] > summary > strong,
[data-review-component] > summary > strong {overflow-wrap:anywhere;}
[data-review-milestone] > .ui-review-category-body {padding-left:var(--ui-disclosure-inset,var(--ui-label-inset));}
[data-review-milestone] > summary:focus-visible,
[data-review-component] > summary:focus-visible {outline:none;background:var(--control-hover-bg);border-radius:6px;}
@media(max-width:650px) {
  [data-review-milestone] > summary > strong,
  [data-review-component] > summary > strong {flex:1 1 55%;}
  [data-review-milestone] > .ui-review-category-body {padding-left:8px;}
}

[data-review-component] > summary {min-height:44px;padding-block:10px;font-size:12px;}
[data-review-component] > .ui-review-category-body {padding-left:var(--ui-disclosure-inset,var(--ui-label-inset));}
@media(max-width:650px) {
  [data-review-component] > .ui-review-category-body {padding-left:8px;}
}

/* One disclosure pairs each saved change with all of its recorded evidence. */
.publishing-inline-change > .publishing-inline-heading {padding:0;gap:0;}
.publishing-inline-change.has-actions > .publishing-inline-heading {padding-right:0;}
.publishing-change-toggle {display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:12px var(--ui-disclosure-inset,var(--ui-label-inset));border:0;border-radius:6px;background:transparent;color:var(--ink);font:inherit;text-align:left;white-space:normal;cursor:pointer;}
.publishing-change-toggle:hover,.publishing-change-toggle[aria-expanded="true"] {background:var(--surface-soft);}
.publishing-change-toggle:focus-visible {outline:none;background:var(--control-hover-bg);}
.publishing-change-toggle[data-result] {color:var(--ink);}
.publishing-change-toggle > .publishing-change-title {flex:1;min-width:0;}
.publishing-change-toggle > .publishing-change-kind {flex-shrink:0;}
.publishing-change-toggle > .publishing-result {flex-shrink:0;}
.publishing-change-toggle > .chevron {position:static;flex:0 0 16px;width:16px;height:16px;margin:0;translate:none;transition:transform var(--ui-motion-duration) cubic-bezier(.333333,0,.666667,1);}
.publishing-change-toggle[aria-expanded="true"] > .chevron {transform:rotate(180deg);}
@media(prefers-reduced-motion:reduce) {.publishing-change-toggle > .chevron {transition:none;}}
.publishing-inline-change .publishing-change-body.publishing-comparison {display:flow-root;padding:0 var(--ui-disclosure-inset,var(--ui-label-inset));}
.publishing-inline-change .publishing-change-body.publishing-comparison[hidden] {display:none;}
.publishing-comparison-scroll {max-height:min(560px,65vh);overflow:auto;scrollbar-gutter:stable;scroll-padding-top:44px;border-bottom:1px solid var(--line);margin-bottom:14px;}
.publishing-comparison-scroll:focus-visible {outline:none;}
.publishing-comparison-grid {display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;min-width:0;}
.publishing-comparison-label {position:sticky;top:0;z-index:1;margin:0;padding:10px 16px;font-size:11px;line-height:18px;font-weight:500;color:var(--muted);background:var(--surface);border-bottom:1px solid var(--line);}
.publishing-comparison-label:first-child {padding-left:0;}
.publishing-comparison-label:nth-child(2) {border-left:1px solid var(--line);}
.publishing-change-column,.publishing-evidence-column {min-width:0;padding:16px;overflow-wrap:anywhere;}
.publishing-change-column {display:grid;gap:16px;padding-left:0;}
.publishing-change-column.is-pinned {position:sticky;top:var(--publishing-change-top,39px);}
.publishing-evidence-column {border-left:1px solid var(--line);}
.publishing-change-column > .publishing-eval-delta {display:grid;gap:14px;padding:0;margin:0;min-width:0;}
.publishing-change-column .ui-review-delta,.publishing-change-column .journey-inline-delta {min-width:0;max-width:100%;}
.publishing-change-column .ui-review-value {grid-template-columns:52px minmax(0,1fr);gap:8px;}
.publishing-change-column .journey-delta-row {grid-template-columns:minmax(0,1fr);gap:3px;}
.publishing-change-column .publishing-note {font-size:12px;line-height:1.6;}
.publishing-evidence-entry {min-width:0;}
.publishing-evidence-entry + .publishing-evidence-entry {border-top:1px solid var(--line);margin-top:20px;padding-top:18px;}
.publishing-evidence-entry h4 {min-width:0;margin:0;font-size:12px;font-weight:500;line-height:1.6;overflow-wrap:anywhere;}
.publishing-broader-evidence {border-top:1px solid var(--line);margin-top:20px;padding-top:18px;}
.publishing-broader-evidence > h5 {margin:0 0 12px;font-size:12px;font-weight:500;}
.publishing-evidence-example + .publishing-evidence-example {border-top:1px solid var(--line);margin-top:16px;padding-top:14px;}
.publishing-evidence-example .publishing-check-context {margin:6px 0 12px;}
.publishing-comparison .publishing-example-title {flex-wrap:wrap;gap:4px 12px;}
.publishing-comparison .publishing-example-title > strong {min-width:0;overflow-wrap:anywhere;}
.publishing-comparison .publishing-evidence-facts > div {grid-template-columns:minmax(85px,1fr) minmax(0,2fr);gap:10px;}
.publishing-comparison .publishing-evidence-conversation .publishing-turn.is-worker {margin-left:12px;}
.publishing-comparison .publishing-evidence-sources blockquote,
.publishing-comparison .publishing-record pre,
.publishing-comparison .publishing-change-detail p {max-height:none;overflow:visible;}
.publishing-comparison pre {max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;}
.publishing-comparison .publishing-evidence-empty {margin:0;color:var(--muted);}
@media(max-width:800px) {
  .publishing-change-toggle {flex-wrap:wrap;gap:4px 8px;}
  .publishing-change-toggle > .publishing-change-title {flex-basis:55%;}
  .publishing-change-toggle > .publishing-result {white-space:normal;}
  .publishing-change-toggle > .chevron {margin-left:auto;}
  .publishing-comparison .publishing-evidence-facts > div {grid-template-columns:1fr;gap:2px;}
}
@media(max-width:650px) {
  .publishing-inline-change .publishing-change-body.publishing-comparison {padding-inline:8px;}
  .publishing-comparison-scroll {max-height:none;overflow:visible;scrollbar-gutter:auto;}
  .publishing-comparison-grid {grid-template-columns:minmax(0,1fr);}
  .publishing-comparison-label {position:static;padding:10px 0;}
  .publishing-comparison-label:first-child {grid-row:1;}
  .publishing-comparison-label:nth-child(2) {grid-row:3;border-left:0;border-top:1px solid var(--line);}
  .publishing-change-column {grid-row:2;padding:14px 0 18px;}
  .publishing-change-column.is-pinned {position:static;}
  .publishing-evidence-column {grid-row:4;padding:14px 0;border-left:0;}
  .publishing-evidence-entry > header {flex-wrap:wrap;gap:4px 12px;}
  .publishing-change-toggle > .publishing-change-kind {flex-shrink:1;}
}

/* Named review items preserve identity and provenance alongside the comparison. */
.publishing-item-source {display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:400;line-height:1.5;}
.worker-behavior-library-option {display:flex;align-items:center;gap:8px;font-size:12px;}
.worker-behavior-library-option input {width:auto;}
[data-custom-behavior] details > div {display:grid;gap:12px;padding:12px 0;}

/* Keep the default review focused on the changed item and its recorded proof. */
.publishing-change-toggle > .publishing-change-title {display:flex;align-items:baseline;flex-wrap:nowrap;gap:4px 8px;}
.publishing-change-title > .publishing-item-source {display:inline-block;margin:0;padding:1px 6px;border-radius:4px;background:var(--surface-soft);font-size:10px;line-height:1.6;}
.publishing-evidence-message {margin:10px 0 8px;padding:0;font-size:12px;line-height:1.65;overflow-wrap:anywhere;color:var(--muted);}
.publishing-evidence-message > small {display:block;margin-bottom:3px;}
.publishing-evidence-message > p {margin:0;white-space:pre-wrap;}
.publishing-message-context {font-size:11px;line-height:1.6;color:var(--muted);margin:0 0 8px;overflow-wrap:anywhere;}
.publishing-message-empty {font-size:12px;line-height:1.65;margin:8px 0;color:var(--ink);}
.publishing-evidence-reason {font-size:12px;line-height:1.6;margin:8px 0;color:var(--ink);}
.publishing-evidence-attention {margin:10px 0 14px;}
.publishing-validation-receipt {font-size:12px;line-height:1.6;margin:10px 0;}
.publishing-change-menu-note {max-width:260px;margin:0;padding:8px 10px;font-size:11px;line-height:1.6;color:var(--muted);white-space:normal;}

.publishing-evidence-entry > .publishing-result {display:inline-block;margin-bottom:8px;}
.publishing-evidence-entry > .publishing-evidence-message:first-child,
.publishing-evidence-example > .publishing-evidence-message:first-child {margin-top:0;}

/* A component with one changed item opens directly to the comparison. */
.publishing-single-component {border-top:1px solid var(--line);border-bottom:0;}
.publishing-single-component:first-child {border-top:0;}


.publishing-single-component > .ui-review-category > summary > .publishing-change-title {display:flex;align-items:baseline;flex-wrap:nowrap;gap:4px 8px;}
.publishing-single-component > .ui-review-category > summary > .publishing-change-kind,
.publishing-single-component > .ui-review-category > summary > .publishing-result {flex-shrink:0;}
.publishing-single-component > .ui-review-category > .ui-review-category-body {padding:0;}
@media(max-width:650px) {
  .publishing-single-component > .ui-review-category > summary > .publishing-change-title {flex-basis:55%;}
}

.publishing-change-name {margin:0;padding:12px 0 8px;font-size:12px;line-height:1.5;font-weight:500;overflow-wrap:anywhere;}

.publishing-milestone-row {border-top:1px solid var(--line);}
.publishing-milestone-row:first-child {border-top:0;}
.publishing-milestone-row:has(.publishing-change-menu[open]) {z-index:5;}
.publishing-component-row {border-top:1px solid var(--line);}
.publishing-component-row:first-child {border-top:0;}

/* Author and release metadata use the existing quiet row typography. */
.publishing-change-author,.publishing-history-date { font-size:11px;line-height:18px;font-weight:400;color:var(--muted);overflow-wrap:anywhere; }
.publishing-change-author { display:block;flex:0 1 auto;min-width:0;max-width:50%;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.publishing-history-date { white-space:nowrap; }
.publishing-history-body > .ui-review-category > summary.ui-review-heading { gap:12px; }
.publishing-history-legacy { display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 12px;border-bottom:1px solid var(--line); }
.publishing-history-legacy strong { font-size:13px;font-weight:500; }
.publishing-history>summary,.publishing-policy>summary { display:none; }

.ui-review-heading .publishing-change-title { display:flex;align-items:baseline;flex-wrap:nowrap;gap:4px 12px; }
.ui-review-heading .publishing-change-author { margin-left:auto;white-space:nowrap; }
.publishing-history-body > .ui-review-category > summary.ui-review-heading { grid-template-columns:minmax(0,1fr) auto auto 16px;margin-inline-end:0; }
@media(max-width:650px) { .publishing-history-body > .ui-review-category > summary.ui-review-heading { grid-template-columns:minmax(0,1fr) auto 16px; } }



/* Example authoring follows the journey's inset, disclosure, and control scale. */
.publishing-example-form {gap:0;padding:0;background:var(--surface);}
.publishing-example-header {display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 16px;padding:16px var(--ui-label-inset);border-bottom:1px solid var(--line);}
.publishing-example-header h3 {margin:0;font-size:13px;line-height:20px;font-weight:500;}
.publishing-example-context {display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin:0;color:var(--muted);font-size:11px;line-height:18px;min-width:0;}
.publishing-example-context:empty {display:none;}
.publishing-example-context > span {overflow-wrap:anywhere;}
.publishing-example-context > span + span::before {content:"·";margin-inline-end:8px;}
.publishing-example-fields,.publishing-member-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px var(--space-5);}
.publishing-example-fields {padding:16px var(--ui-label-inset) 20px;}
.publishing-example-field {display:flex;flex-direction:column;gap:8px;min-width:0;}
.publishing-example-form label {font-size:12px;font-weight:500;line-height:18px;}
.publishing-example-form textarea {font-size:13px;line-height:1.6;}
.publishing-example-fields textarea {min-height:108px;}
.publishing-example-form small {font-size:11px;font-weight:400;line-height:1.5;color:var(--muted);}
.publishing-example-form > .publishing-note,.publishing-example-form > .form-error {padding:12px var(--ui-label-inset);margin:0;font-size:12px;}
.publishing-example-form > label,.publishing-example-form > [data-observed-field] {margin:12px var(--ui-label-inset);}
.publishing-example-form .publishing-check-options {border-top:1px solid var(--line);}
.publishing-example-form > [data-member-context] {border-top:0;border-bottom:1px solid var(--line);}
.publishing-example-form .publishing-check-options > summary {display:flex;align-items:center;gap:8px;min-height:40px;padding-block:10px;color:var(--text);font-size:12px;font-weight:500;line-height:20px;border-radius:6px;}
.publishing-example-form .publishing-check-options > summary:hover {background:var(--surface-soft);}
.publishing-example-form .publishing-check-options > summary > .chevron {margin-left:auto;flex-shrink:0;}
.publishing-example-form .publishing-check-options[open] > summary > .chevron {transform:rotate(180deg);}
.publishing-example-form .publishing-check-options[data-ui-expanded="false"] > summary > .chevron {transform:rotate(0deg);}
.publishing-option-hint {font-size:11px;font-weight:400;color:var(--muted);}
.publishing-example-form .publishing-check-options > .ui-disclosure-body {display:grid;gap:16px;padding-block:8px 20px;}
.publishing-example-form [data-exact-responses] {display:grid;gap:16px;}
.publishing-example-form .publishing-evidence-facts {margin:0;}
.publishing-example-form .publishing-note {font-size:11px;}
.publishing-example-actions-footer {justify-content:flex-end;gap:8px;margin:0;padding:12px var(--ui-label-inset);border-top:1px solid var(--line);}
@media(max-width:760px) {
  .publishing-example-fields,.publishing-member-fields {grid-template-columns:minmax(0,1fr);gap:16px;}
  .publishing-example-header {align-items:flex-start;flex-direction:column;}
}

/* Test uses the existing example persona fields and footer disclosure. */
.publishing-test-form [data-test-persona-fields] > .publishing-check-options {border-bottom:1px solid var(--line);}

/* Insights reuse shared disclosure rows, tables and status badges. */
.insights-sort-label { font-size: 12px; }
#insightsList { display: grid; gap: 12px; }
.insights-journey { --ui-disclosure-inset: var(--ui-card-inset); }
.insights-journey > summary { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr) auto 16px; gap: 20px; min-height: 90px; padding-block: 18px; }
.insights-journey-name > .inline-link { color: inherit; }
.insights-top-finding { min-width: 0; font-size: 13px; line-height: 1.5; }
.insights-top-finding small { display: block; margin-top: 4px; font-size: 12px; }
.insights-row-count { display: flex; align-items: center; gap: 12px; font-size: 12px; color: var(--muted); white-space: nowrap; }
.insights-journey-body { border-top: 1px solid var(--line); background: var(--bg); padding: 0 var(--ui-card-inset) 20px; }
.insights-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 12px 0; }
.insights-summary-metrics { display: flex; flex-wrap: wrap; gap: 12px; color: var(--muted); font-size: 12px; }
.insights-group + .insights-group { border-top: 1px solid var(--line); }
.insights-group > .ui-paired-label { padding: 14px 18px; margin: 0; }
.insights-table { border: 1px solid var(--line); border-radius: var(--control-radius); background: var(--surface-soft); }
.insights-table table { table-layout: fixed; }
.insights-table th { background: var(--surface); }
.insights-table th:first-child { width: 38%; }
.insights-table td { vertical-align: top; line-height: 1.6; overflow-wrap: anywhere; }
.insights-table .text-button { text-align: left; }
.insights-assumptions { margin-top: 8px; border-top: 0; }
.insights-assumptions > summary { min-height: 32px; padding-block: 4px; font-size: 12px; color: var(--muted); gap: 8px; justify-content: flex-start; }
.insights-assumptions > .ui-disclosure-body { font-size: 12px; color: var(--muted); }

@media (max-width: 700px) {
  .insights-journey > summary { grid-template-columns: minmax(0, 1fr) auto 16px; gap: 8px 12px; }
  .insights-journey-name { grid-column: 1; }
  .insights-top-finding { grid-column: 1 / 3; grid-row: 2; }
  .insights-row-count { grid-column: 2; grid-row: 1; flex-direction: column; gap: 4px; align-items: flex-end; }
  .insights-journey > summary > .chevron { grid-column: 3; grid-row: 1 / 3; }
  .insights-table table { min-width: 660px; }
  .insights-journey-body { padding-inline: 12px; padding-bottom: 12px; }
}

/* Account role, workspace scope and publishing stay together in access forms. */
.access-workspaces { border: 0; padding: 0; margin: 18px 0; min-width: 0; }
.access-workspaces legend { padding: 0; margin-bottom: 8px; font-size: 13px; font-weight: 600; }
.access-workspace-options { display: flex; flex-wrap: wrap; gap: 10px 20px; }
.access-workspace-options .checkbox-label { margin: 0; }
.access-publish { align-items: flex-start; margin: 18px 0; }
.access-publish input { margin-top: 3px; }
.access-publish small { display: block; margin-top: 4px; color: var(--muted); font-weight: 400; }
.access-role-description { margin-top: -6px; }
#inviteForm .invite-create { grid-template-columns: 1fr 1fr; }
@media (max-width: 600px) { #inviteForm .invite-create { grid-template-columns: 1fr; } }

/* Insights use the shared row while retaining their established column layout. */
.insights-journey .pp-summary-row__copy { display:contents; }
.insights-journey .insights-journey-name { font-size:13px;font-weight:550; }
.insights-journey .pp-summary-row__description { margin:0;color:inherit; }
.insights-journey + .insights-journey { margin-block-start:0; }
@media(max-width:700px) {
  .insights-journey .pp-summary-row__title { grid-column:1; }
  .insights-journey .pp-summary-row__description { grid-column:1 / 3;grid-row:2; }
  .insights-journey > summary > .pp-summary-row__meta { grid-column:2;grid-row:1; }
}

/* Variable insertion keeps the shared select component. */
.shared-value-tools{display:grid;gap:var(--space-2);margin-block:var(--space-2) var(--space-3)}
.shared-value-tools>select,.shared-value-tools>.ui-select{justify-self:start;max-width:100%}

/* Named dates use the same source in calendar settings and requirement deadlines. */
.calendar-variable { font-family: var(--font-mono, ui-monospace, monospace); font-size: 11px; font-weight: 400; color: var(--muted); overflow-wrap: anywhere; }
label > .calendar-variable { display: block; margin-top: 5px; }
.cohort-date-row[data-cohort-date] { align-items: start; }
.cohort-date-row[data-cohort-date] > .button { align-self: start; margin-top: 28px; }
.deadline-fields--shared { grid-template-columns: minmax(140px,1fr) minmax(130px,1fr) minmax(190px,1.6fr); }
.deadline-fields--offset { grid-template-columns: minmax(140px,1fr) minmax(90px,.7fr) minmax(130px,1fr) minmax(190px,1.6fr); }
.calendar-inherited-dates { margin-block: 12px; }
.calendar-inherited-date { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding-block: 8px; border-bottom: 1px solid var(--line); }
.calendar-inherited-date .calendar-variable { display: block; margin-top: 3px; }
.calendar-inherited-date > span:last-child { text-align: right; font-size: 13px; }
@media(max-width:1000px) { .deadline-fields--shared { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { .deadline-fields--shared { grid-template-columns: minmax(0,1fr); } .calendar-inherited-date { flex-wrap: wrap; } }

/* Shared contact-card hierarchy and optional verification details. */
.member-card-due { display:inline-flex; align-items:baseline; gap:4px; color:var(--muted); font-size:12px; white-space:nowrap; }
.member-card-due .deadline-value { display:inline; font-size:inherit; }
.member-requirement > summary > span:first-child { min-width:0; }
.member-requirement > summary > span:first-child small { display:block; color:var(--muted); font-size:12px; font-weight:400; margin-top:4px; }
.member-card-condition { margin:0 0 12px; max-width:80ch; }
.member-card-check { margin:0 0 12px; }
.member-check-heading { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; }
.member-check-explanation { display:block; }
.member-card-metadata { color:var(--muted); }
.member-check-verification + .member-check-verification { margin-top:8px; }
.member-requirement-evidence > .actions:empty { display:none; }
@media(max-width:650px) { .member-requirement-state { flex-shrink:0; max-width:45%; } .member-card-due { white-space:normal; flex-wrap:wrap; } }

/* Conversation follows the requirement details in a single column. */
.member-card-disclosures { display:grid; grid-template-columns:minmax(0,1fr); align-items:start; margin:8px 0 0; --ui-disclosure-inset:0px; }
.member-card-disclosures > details { display:contents; }
.member-card-disclosures > details::details-content { display:contents; }
.member-card-disclosures > details > summary { grid-row:1; display:inline-flex; align-items:center; justify-content:flex-start; gap:6px; width:max-content; min-height:32px; margin:0; padding:0; color:var(--muted); font-size:12px; font-weight:400; list-style:none; cursor:pointer; }
.member-card-disclosures > .member-conversation-details > summary { grid-column:1; }
.member-card-disclosures > details > summary::-webkit-details-marker { display:none; }
.member-card-disclosures > details > .member-card-disclosure-body { grid-column:1 / -1; min-width:0; margin:0; padding:8px 0 4px; }
/* Give message outlines room inside the scrollport without shifting card content. */
.member-card-disclosures > .member-conversation-details > .member-card-disclosure-body { grid-row:2; margin-inline:-4px; padding-inline:4px; }
.member-card-disclosures > details:not([open]) > .member-card-disclosure-body { display:none; }
.member-inline-conversation { max-height:560px; overflow:auto; overscroll-behavior:contain; color:var(--text); }
.member-inline-conversation h2 { font-size:15px; line-height:1.45; margin:6px 0; }
.member-inline-conversation h3 { font-size:13px; margin:0 0 10px; }
.member-inline-conversation p { font-size:12px; line-height:1.65; margin:6px 0; }
.member-inline-conversation .member-detail-header { padding-top:4px; }
.member-card-disclosures + .actions { margin-top:8px; }

/* Requirements and their conversations share one review area. */
.member-paired-layout { grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr); gap:24px; }
.member-work-activity { min-width:0; }
.member-pairing-heading { margin:0 0 16px; }
.member-pairing-heading h2,.member-activity-heading { margin:0 0 6px; font-size:15px; font-weight:600; }
.member-pairing-heading p { margin:0; font-size:12px; line-height:1.6; }
.member-work-activity .member-current-work,.member-work-activity .member-journey-focus { margin:0 0 16px; }
.member-work-activity .member-requirement > summary { align-items:flex-start; flex-wrap:wrap; gap:8px 12px; }
.member-work-activity .member-requirement > summary > span:first-child { flex:1 1 180px; min-width:0; }
.member-work-activity .member-requirement-state { max-width:none; }
.member-requirement.is-conversation-related { background:var(--surface-soft,#f6f7f9); }
.member-conversation-shortcut { display:inline-flex; align-items:center; gap:8px; margin-top:14px; text-align:left; }
.member-no-conversation { font-size:12px; margin:12px 0 0; }
.member-paired-layout .member-activity-pane { position:static; max-height:520px; padding:8px 5px 1px 1px; }
.member-activity-heading { margin-bottom:16px; }
.member-paired-layout .member-event { grid-template-columns:48px minmax(0,1fr); gap:4px 10px; }
.member-conversation-heading { margin-bottom:20px; }
.member-paired-context { border:1px solid var(--line); background:var(--surface-soft,#f6f7f9); border-radius:7px; padding:14px 16px; margin:0 0 24px; }
.member-paired-context > small { display:block; color:var(--muted); font-size:11px; margin-bottom:10px; }
.member-paired-context > div { display:grid; gap:9px; }
.member-paired-requirement { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:6px 14px; font-size:12px; }
.member-paired-requirement > strong { font-weight:500; }
.member-paired-layout .member-event-detail { min-width:0; }
.member-work-activity summary strong,.member-paired-requirement > strong { overflow-wrap:anywhere; }
@media(max-width:1050px) { .member-paired-layout { grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);gap:16px; } }
@media(max-width:850px) {
  .member-paired-layout { grid-template-columns:minmax(0,1fr); }
  .member-paired-layout .member-event-detail { position:static;max-height:none; }
  .member-paired-layout .member-activity-pane { max-height:300px; }
}

/* Contact cards share one title, metadata, and disclosure rhythm. */
.member-profile {
  --member-card-inset:20px;
  --member-title-size:14px;
  --member-meta-size:12px;
}
.member-profile :is(.member-journey,.member-current-work,.member-upcoming,.member-cohort-entries) > summary,
.member-profile .member-property-source > summary {
  padding:16px var(--member-card-inset);
  font-size:var(--member-title-size);
  line-height:1.5;
}
.member-profile :is(.member-journey-history,.cohort-config-section) > summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:var(--ink);
  font-size:var(--member-title-size);
  font-weight:600;
  line-height:1.5;
}
.member-profile :is(.member-journey-history,.cohort-config-section) {
  margin-top:16px;
  padding-top:16px;
}
.member-profile .member-journey-body { padding:20px var(--member-card-inset); }
.member-profile .member-focus-heading { padding:16px var(--member-card-inset) 0; }
.member-profile :is(.member-pairing-heading h2,.member-activity-heading,.member-event-detail h2,.member-event-detail h3) {
  font-size:var(--member-title-size);
  line-height:1.5;
  font-weight:600;
}
.member-profile .member-event-detail { padding:20px var(--member-card-inset); }
.member-profile .member-count {
  display:inline;
  margin-inline-start:6px;
  color:var(--muted);
  font-size:var(--member-meta-size);
  font-weight:400;
  white-space:nowrap;
}
.member-profile .member-requirement { container-type:inline-size; }
.member-profile .member-requirement > summary {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:10px 12px;
  padding:16px var(--member-card-inset);
}
.member-profile .member-requirement > summary > span:first-child {
  grid-column:1 / -1;
  grid-row:1;
  min-width:0;
  padding-inline-end:28px;
}
.member-profile .member-requirement > summary strong {
  display:block;
  font-size:var(--member-title-size);
  line-height:1.5;
  font-weight:600;
  overflow-wrap:break-word;
}
.member-profile .member-requirement > summary small {
  margin-top:4px;
  font-size:var(--member-meta-size);
  line-height:1.5;
}
.member-profile .member-requirement-state { display:contents; }
.member-profile .member-requirement-state > .chevron {
  grid-column:2;
  grid-row:1;
  justify-self:end;
  margin-top:2px;
}
.member-profile .member-requirement-state > .member-card-due {
  grid-column:1;
  grid-row:2;
  min-width:0;
  align-self:center;
  flex-wrap:wrap;
  white-space:normal;
  gap:0 4px;
  line-height:1.5;
}
.member-profile .member-requirement-state > .status {
  grid-column:2;
  grid-row:2;
  justify-self:end;
  align-self:center;
  margin:0;
  white-space:nowrap;
}
.member-profile .member-requirement-evidence {
  padding:0 var(--member-card-inset) 16px;
  font-size:13px;
  line-height:1.6;
}
.member-profile .member-card-metadata {
  display:grid;
  gap:8px;
  margin-top:12px;
  font-size:var(--member-meta-size);
  line-height:1.5;
}
.member-profile .member-meta {
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  gap:4px 10px;
  align-items:baseline;
  min-width:0;
  margin:0;
  font-size:var(--member-meta-size);
  line-height:1.5;
}
.member-profile .member-meta-label { color:var(--muted); }
.member-profile .member-meta-value { min-width:0; overflow-wrap:anywhere; }
.member-profile .member-date { display:inline-block; white-space:nowrap; }
.member-profile .member-check-verification { display:grid; gap:8px; margin:0; }
.member-profile .member-check-verification + .member-check-verification { margin-top:8px; }
.member-profile .member-requirement-evidence .actions { margin-top:12px; gap:8px; }
.member-profile .member-conversation-shortcut { margin-top:12px; }
.member-profile :is(.member-event-meta,.member-event-cohort,.member-event-type,.member-period-name small,.member-history-axis,.member-entry-date,.member-entry-open,.member-conversation-sources,.shared-reference small,.context-origin) {
  font-size:var(--member-meta-size);
  line-height:1.5;
}
.member-profile :is(.member-event-title,.member-entry-list strong,.member-period-name strong) {
  font-size:var(--member-title-size);
  line-height:1.5;
  font-weight:600;
}
.member-profile .member-event-summary { -webkit-line-clamp:2; }
.member-profile .member-event-group { cursor:default; }
.member-profile .member-event-group:hover { background:#fff; }
.member-profile .member-event-group:has(.member-event-context[aria-pressed="true"]) {
  border-color:#9aa2b3;
  box-shadow:inset 3px 0 var(--ink);
}
.member-profile .member-event-contexts {
  display:grid;
  grid-column:2;
  gap:6px;
  min-width:0;
  margin-top:6px;
}
.member-profile .member-event-group-label {
  color:var(--muted);
  font-size:var(--member-meta-size);
  line-height:1.5;
}
.member-profile .member-event-context {
  width:100%;
  min-width:0;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:6px;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.member-profile .member-event-context:hover,
.member-profile .member-event-context[aria-pressed="true"] { background:var(--surface-soft,#f6f7f9); }
.member-profile .member-event-context[aria-pressed="true"] { border-color:#9aa2b3; }
.member-profile .member-event-context:focus-visible { outline:2px solid var(--ink); outline-offset:2px; }
.member-profile .member-event-context strong { display:block; font-size:var(--member-meta-size); font-weight:600; line-height:1.5; }
.member-profile .member-event-context small { display:block; margin-top:2px; color:var(--muted); font-size:var(--member-meta-size); line-height:1.5; }
@container (max-width:360px) {
  .member-profile .member-requirement-state > .member-card-due { grid-column:1 / -1; }
  .member-profile .member-requirement-state > .status { grid-row:3; }
  .member-profile .member-meta { grid-template-columns:minmax(0,1fr); gap:2px; }
}
@media(max-width:650px) {
  .member-profile { --member-card-inset:16px; }
  .member-profile .member-event-detail { padding:16px; }
  .member-profile .member-event { grid-template-columns:44px minmax(0,1fr); }
  .member-profile .member-channel-filter { flex-wrap:wrap; }
  .member-profile .member-channel-filter select { max-width:100%; }
}

/* Group context is stated once; related-conversation links have a clear boundary. */
.member-profile .member-selected-requirements { margin:0 0 16px; }
.member-profile .member-selected-requirements > .member-focus-heading { padding:16px var(--member-card-inset); }
.member-profile .member-event-detail > .member-conversation-shortcut { margin:0 0 20px; }


/* Simple contact demo: cohort history, outreach attempts, and one conversation. */
.member-contact-simple { --member-tools-height:0px; }
.member-contact-simple .member-profile-head p { margin:0; font-size:13px; }
.member-contact-history { padding:20px; margin-bottom:24px; }
.member-contact-simple .member-section-head { margin-bottom:12px; }
.member-contact-simple .member-section-head h2 { font-size:15px; margin:0; }
.member-contact-simple .member-section-head p { margin-top:5px; }
.member-cohort-row { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; padding:12px; border:0; border-radius:6px; background:transparent; font:inherit; text-align:left; color:inherit; cursor:pointer; }
.member-cohort-row + .member-cohort-row { margin-top:4px; }
.member-cohort-row > span:first-child { display:grid; gap:5px; }
.member-cohort-row strong { font-size:13px; font-weight:500; }
.member-cohort-row small,.member-cohort-row > .muted { font-size:12px; color:var(--muted); }
.member-cohort-row:hover,.member-cohort-row[aria-pressed="true"] { background:var(--surface-soft,#f6f7f9); }
.member-contact-simple .member-paired-layout { grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr); }
.member-contact-outreach { min-width:0; }
.member-contact-outreach > .member-section-head > small { font-size:12px; white-space:nowrap; }
.member-contact-simple .member-activity-pane { max-height:600px; padding:0 6px 2px 0; }
.member-contact-attempt { display:grid; gap:6px; width:100%; padding:16px; margin:0 0 10px; border:1px solid var(--line); border-radius:8px; background:var(--surface,#fff); text-align:left; color:inherit; font:inherit; cursor:pointer; }
.member-contact-attempt:hover,.member-contact-attempt[aria-pressed="true"] { background:var(--surface-soft,#f6f7f9); }
.member-contact-attempt strong { font-size:13px; font-weight:600; line-height:1.5; }
.member-contact-attempt small,.member-attempt-channel { color:var(--muted); font-size:11px; line-height:1.5; }
.member-attempt-preview { font-size:12px; line-height:1.6; }
.member-contact-simple .member-event-detail { top:24px; max-height:calc(100vh - 48px); padding:20px; }
.member-contact-requirement { display:grid; gap:6px; margin:0 0 20px; padding:14px 16px; background:var(--surface-soft,#f6f7f9); border-radius:7px; }
.member-contact-requirement small { font-size:11px; color:var(--muted); }
.member-contact-requirement strong { font-size:13px; font-weight:500; line-height:1.5; }
.member-contact-empty { font-size:13px; line-height:1.6; padding:12px 0; }
.member-cohort-row:focus-visible,.member-contact-attempt:focus-visible { outline:2px solid var(--ink); outline-offset:2px; }
@media(max-width:850px) {
  .member-contact-simple .member-paired-layout { grid-template-columns:minmax(0,1fr); }
  .member-contact-simple .member-activity-pane { max-height:320px; }
  .member-contact-simple .member-event-detail { position:static; max-height:none; }
}

/* One requirement summary and a single chronological contact activity stream. */
.member-focused-timeline { max-width:1000px; margin-inline:auto; }
.member-focused-timeline .member-profile-head { margin-bottom:20px; }
.member-timeline-cohorts { margin:0 0 20px; }
.member-timeline-cohorts > summary { display:flex; align-items:center; gap:8px; width:fit-content; list-style:none; color:var(--muted); font-size:12px; cursor:pointer; }
.member-timeline-cohorts .member-contact-history { margin:12px 0 0; }
.member-timeline-summary { padding:22px 24px; margin-bottom:28px; }
.member-timeline-summary-head { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:9px; }
.member-timeline-summary h2 { margin:0 0 5px; font-size:var(--ui-section-font-size); font-weight:var(--ui-section-font-weight); line-height:var(--ui-section-line-height); }
.member-timeline-summary > p { margin:0; font-size:12px; }
.member-timeline-summary-meta { display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:10px; font-size:12px; color:var(--muted); }
.member-timeline-next { display:flex; flex-direction:column; gap:6px; margin-top:18px; padding-top:16px; border-top:1px solid var(--line); }
.member-timeline-next strong { font-size:13px; font-weight:500; }
.member-timeline-evidence { margin-top:15px; }
.member-timeline-evidence > summary { display:flex; align-items:center; gap:6px; width:fit-content; font-size:12px; list-style:none; cursor:pointer; color:var(--muted); }
.member-timeline-evidence .member-requirement-evidence { padding:16px 0 0; border:0; }
.member-timeline-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.member-timeline-toolbar h2 { margin:0; font-size:var(--ui-section-font-size); font-weight:var(--ui-section-font-weight); line-height:var(--ui-section-line-height); }
.member-timeline-scope { display:flex; gap:4px; padding:3px; background:var(--surface,#fff); border:1px solid var(--line); border-radius:7px; }
.member-timeline-scope .button { border:0; box-shadow:none; }
.member-timeline-scope .button[aria-pressed="true"] { background:var(--ink); color:#fff; }
.member-timeline-order { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; color:var(--muted); font-size:12px; margin:14px 0 22px; }
.member-timeline-order > :last-child { white-space:nowrap; }
.member-focused-events { padding:0; margin:0; list-style:none; }
.member-focused-event { position:relative; display:grid; grid-template-columns:34px minmax(0,1fr); gap:16px; padding-bottom:22px; }
.member-focused-event::before { content:""; position:absolute; left:16px; top:34px; bottom:0; width:1px; background:var(--line); }
.member-focused-event:last-child::before { display:none; }
.member-timeline-dot { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; width:34px; height:34px; border:1px solid var(--line); border-radius:50%; color:var(--muted); background:var(--surface,#fff); }
.member-focused-event.is-selected .member-timeline-dot { border-color:var(--accent,#b3435d); color:var(--accent,#b3435d); }
.member-timeline-event-card { min-width:0; padding:var(--space-4) var(--ui-card-inset); border:1px solid transparent; border-radius:var(--radius); }
.member-focused-event.is-selected .member-timeline-event-card { border-color:var(--line); background:var(--surface,#fff); box-shadow:inset 3px 0 0 var(--accent,#b3435d); }
.member-timeline-event-top { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; color:var(--muted); font-size:12px; }
.member-linked-event { font-size:11px; color:var(--accent,#b3435d); }
.member-timeline-event-card > h3 { margin:5px 0; font-size:14px; line-height:1.5; font-weight:600; }
.member-timeline-event-meta,.member-timeline-event-context { margin:4px 0; color:var(--muted); font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.member-timeline-preview { margin:10px 0; font-size:13px; line-height:1.65; overflow-wrap:anywhere; }
.member-timeline-disclosure { --ui-disclosure-inset:var(--ui-label-inset); }
.member-timeline-disclosure > summary.member-timeline-expand {
  display:flex; align-items:center; justify-content:space-between; gap:var(--space-3);
  min-height:44px; margin-top:var(--space-2);
  padding:var(--space-3) calc(var(--ui-label-inset) + 28px) var(--space-3) var(--ui-label-inset);
  color:var(--ink); font-size:var(--ui-row-font-size); font-weight:var(--ui-row-font-weight);
  line-height:var(--ui-row-line-height); cursor:pointer;
}
.member-timeline-inline { margin-top:16px; min-width:0; overflow-wrap:anywhere; }
.member-timeline-inline .member-interaction-header { display:none; }
.member-timeline-inline .member-message-stream { margin:0; }
.member-timeline-inline .member-message { max-width:100%; margin:0; }
.member-timeline-inline .member-message > div { outline:none; box-shadow:none; }
.member-timeline-inline .member-message small:empty { display:none; }
.member-timeline-inline .member-detail-section { margin-top:14px; padding-top:14px; }
.member-timeline-inline .member-detail-section:first-child { margin-top:0; padding-top:0; border-top:0; }
.member-timeline-inline .member-detail-section h3 { font-size:13px; }
.member-timeline-inline .member-conversation-sources { margin-top:12px; }
.member-timeline-inline audio { max-width:100%; }
.member-timeline-summary:focus,.member-timeline-inline:focus { outline:none; }
.member-timeline-summary:focus-visible,.member-timeline-inline:focus-visible { outline:2px solid var(--ink); outline-offset:4px; }
@media(max-width:600px) {
  .member-timeline-summary { padding:18px; }
  .member-focused-event { grid-template-columns:30px minmax(0,1fr); gap:9px; }
  .member-timeline-dot { width:30px; height:30px; }
  .member-focused-event::before { left:14px; top:30px; }
  .member-timeline-event-card { padding:12px; }
  .member-timeline-toolbar { align-items:flex-start; }
  .member-timeline-order { font-size:11px; }
  .member-focused-timeline .member-profile-head { flex-wrap:wrap; }
}
/* Linked events already have a visible accent; programmatic focus stays unobtrusive. */
.member-timeline-inline:focus-visible { outline:none; }
.member-focused-event::before { background:#d9dde4; }