/* Vyzier — minimalist philosophical interface */
:root {
  --ink: #ece9e4;
  --ink-dim: #8d8880;
  --ink-faint: #827e78;   /* 4.88:1 on --ground, 4.56:1 on --ground-soft */
  --ground: #0b0b0c;
  --ground-soft: #141416;
  --line: #26252a;
  --accent: #c9a227;
  --serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --measure: 34rem;
}

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html, body { height: 100%; }
body {
  margin: 0;
  background: var(--ground);
  color: var(--ink);
  font-family: var(--sans);
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.sr-only {
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

.stage {
  min-height: 100dvh;
  display: grid;
  grid-template-rows: auto 1fr auto auto;
  max-width: var(--measure);
  margin: 0 auto;
  padding: 2rem 1.5rem max(1.5rem, env(safe-area-inset-bottom));
}

/* wordmark and identity */
.topbar {
  position: relative;
  min-height: 4rem;
}
.mark {
  font-family: var(--serif);
  font-size: clamp(1.8rem, 4vw, 2.35rem);
  font-weight: 400;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: none;
  color: var(--ink);
  text-align: left;
  padding: .05rem 0 1.5rem;
}
.previous-asks-open {
  position: absolute;
  top: -.15rem;
  left: 0;
  display: grid;
  width: 2.45rem;
  height: 2.45rem;
  place-items: center;
  border: 0;
  border-radius: .58rem;
  padding: 0;
  color: #c9bd91;
  background: transparent;
  cursor: pointer;
  transition: color 140ms ease, background 140ms ease;
}
.previous-asks-open:hover,
.previous-asks-open:focus-visible {
  color: #ead786;
  background: #1a1917;
}
.previous-asks-open:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
.previous-asks-open__icon {
  width: 1.18rem;
  height: 1.18rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
}
.identity {
  position: relative;
  flex: 0 0 auto;
  margin-top: auto;
  width: 100%;
  border-top: 1px solid var(--line);
  padding-top: .75rem;
  color: var(--ink-faint);
  font-size: .8rem;
  letter-spacing: .04em;
}
.identity span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.identity__action,
.auth-gate__retry {
  border: 0;
  border-bottom: 1px solid var(--line);
  padding: .2rem 0;
  color: var(--ink-dim);
  background: transparent;
  font: inherit;
  cursor: pointer;
}
.identity__action:hover,
.auth-gate__retry:hover { color: var(--accent); }
.identity__action { flex-shrink: 0; white-space: nowrap; text-decoration: none; }

/* identity gate */
.auth-gate {
  align-self: center;
  max-width: 29rem;
  margin-inline: auto;
  text-align: center;
  animation: rise .8s cubic-bezier(.16,1,.3,1) both;
}
.auth-gate__eyebrow {
  margin: 0 0 .9rem;
  color: var(--accent);
  font-size: .65rem;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.auth-gate__title {
  margin: 0 0 1rem;
  font-family: var(--serif);
  font-size: clamp(2rem, 7vw, 3.1rem);
  font-weight: 300;
  line-height: 1.08;
}
.auth-gate__message,
.auth-gate__disclosure {
  margin: 0 auto;
  color: var(--ink-dim);
  font-size: .82rem;
  line-height: 1.65;
}
.auth-gate__disclosure {
  margin-top: 1rem;
  color: var(--ink-faint);
  font-size: .72rem;
}
.auth-gate__button {
  margin-top: 1.6rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: .78rem 1.3rem;
  color: var(--ink);
  background: var(--ground-soft);
  font-family: var(--sans);
  font-size: .78rem;
  cursor: pointer;
  transition: border-color .25s ease, color .25s ease;
}
.auth-gate__button:hover:not(:disabled) {
  border-color: var(--accent);
  color: var(--accent);
}
.auth-gate__button:disabled { opacity: .55; cursor: wait; }
.auth-gate__retry { margin-top: 1.2rem; font-size: .72rem; }

.stage--participant-consent {
  max-width: 48rem;
  padding-bottom: 2.5rem;
}
.stage--participant-consent .auth-gate { max-width: 43rem; }
.stage--participant-consent .auth-gate__button:disabled { cursor: not-allowed; }
.participant-consent {
  margin-top: 1.35rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  padding: 1.05rem 1.15rem;
  color: var(--ink-dim);
  background: #101012;
  text-align: left;
}
.participant-consent__eyebrow {
  margin: 0 0 .35rem;
  color: var(--accent);
  font-size: .58rem;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.participant-consent h2 {
  margin: 0;
  color: var(--ink);
  font-family: var(--serif);
  font-size: 1.45rem;
  font-weight: 300;
}
.participant-consent > p:not(.participant-consent__eyebrow),
.participant-consent li,
.participant-consent__choice,
.participant-consent__status {
  font-size: .72rem;
  line-height: 1.55;
}
.participant-consent > p { margin: .55rem 0 0; }
.participant-consent ul {
  margin: .75rem 0;
  padding-left: 1.15rem;
}
.participant-consent li + li { margin-top: .42rem; }
.participant-consent strong { color: var(--ink); font-weight: 500; }
.participant-consent__choice {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: .65rem;
  border-top: 1px solid var(--line);
  padding-top: .85rem;
  color: var(--ink);
  cursor: pointer;
}
.participant-consent__choice input {
  width: 1rem;
  height: 1rem;
  margin: .14rem 0 0;
  accent-color: var(--accent);
}
.participant-consent__choice input:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
.participant-consent__status {
  min-height: 1.1rem;
  margin: .55rem 0 0;
  color: var(--ink-faint);
}
.access-request-panel {
  margin-top: 1.35rem;
  border: 1px solid #4b432a;
  border-radius: .9rem;
  padding: 1.1rem 1.2rem;
  background: linear-gradient(145deg, rgb(201 162 39 / 8%), #101012 56%);
  text-align: left;
}
.access-request-panel__eyebrow {
  margin: 0 0 .35rem;
  color: var(--accent);
  font-size: .58rem;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.access-request-panel h2 {
  margin: 0;
  font-family: var(--serif);
  font-size: 1.55rem;
  font-weight: 300;
}
.access-request-panel__identity,
.access-request-panel__status,
.access-request-panel__boundary {
  margin: .55rem 0 0;
  color: var(--ink-dim);
  font-size: .72rem;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.access-request-panel__identity { color: #d5c782; }
.access-request-panel__boundary {
  border-top: 1px solid #343126;
  padding-top: .75rem;
  color: var(--ink-faint);
  font-size: .65rem;
}
.access-request-panel__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: .9rem;
}
.access-request-panel__actions button {
  border: 1px solid #51492e;
  border-radius: 999px;
  padding: .62rem .85rem;
  color: var(--ink-dim);
  background: #171719;
  font: 500 .7rem var(--sans);
  cursor: pointer;
}
.access-request-panel__actions #access-request {
  border-color: #8a7838;
  color: #16140d;
  background: #d2bd62;
}
.access-request-panel__actions button:hover:not(:disabled),
.access-request-panel__actions button:focus-visible {
  border-color: var(--accent);
  color: var(--accent);
}
.access-request-panel__actions #access-request:hover:not(:disabled),
.access-request-panel__actions #access-request:focus-visible {
  color: #090909;
  background: #e1ce75;
}
.access-request-panel__actions button:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
.access-request-panel__actions button:disabled { cursor: wait; opacity: .5; }

.editorial-access-home {
  align-self: center;
  width: min(42rem, calc(100% - 2rem));
  margin: 3rem auto;
  border: 1px solid #4b432a;
  border-radius: 1rem;
  padding: clamp(1.5rem, 4vw, 2.4rem);
  background: linear-gradient(145deg, rgb(201 162 39 / 10%), #101012 58%);
  text-align: center;
}
.editorial-access-home h1 {
  margin: .35rem 0 .8rem;
  font-family: var(--serif);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 300;
  line-height: 1.08;
}
.editorial-access-home p:last-child {
  max-width: 34rem;
  margin: 0 auto;
  color: var(--ink-dim);
  font-size: .82rem;
  line-height: 1.65;
}
.editorial-access-home strong { color: var(--accent); font-weight: 500; }

/* the question */
.ask {
  align-self: center;
  text-align: center;
  animation: rise 1.4s cubic-bezier(.16,1,.3,1) both;
}
.ask__q {
  font-family: var(--serif);
  font-weight: 300;
  font-size: clamp(2.4rem, 9vw, 3.9rem);
  line-height: 1.08;
  letter-spacing: -.015em;
  margin: 0 0 1.1rem;
}
.ask__sub {
  font-size: .84rem;
  font-weight: 300;
  line-height: 1.6;
  color: var(--ink-dim);
  margin: 0;
  max-width: 24rem;
  margin-inline: auto;
}
@keyframes rise {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: none; }
}

/* conversation */
.thread {
  display: none;
  flex-direction: column;
  gap: 1.65rem;
  padding: 1rem 0 2rem;
  overflow-y: auto;
}
.stage--talk .ask { display: none; }
.stage--talk .thread { display: flex; }
.stage--talk { grid-template-rows: auto 1fr auto auto; }

.turn { animation: rise .7s cubic-bezier(.16,1,.3,1) both; }
.turn__who {
  font-size: .66rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--ink-faint);
  margin-bottom: .5rem;
}
.turn__body {
  font-size: 1rem;
  line-height: 1.72;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.turn--you .turn__body {
  color: var(--ink-dim);
  border-left: 1px solid var(--line);
  padding-left: 1rem;
}
.turn--vyzier .turn__body {
  font-family: var(--serif);
  font-size: 1.32rem;
  line-height: 1.62;
}

/* thinking indicator */
.dots { display: inline-flex; gap: .34rem; padding: .3rem 0; }
.dots i {
  width: 4px; height: 4px; border-radius: 50%;
  background: var(--ink-faint);
  animation: pulse 1.3s ease-in-out infinite;
}
.dots i:nth-child(2) { animation-delay: .18s; }
.dots i:nth-child(3) { animation-delay: .36s; }
@keyframes pulse {
  0%, 100% { opacity: .25; transform: translateY(0); }
  50%      { opacity: 1;   transform: translateY(-2px); }
}

/* composer */
.composer {
  display: flex;
  align-items: flex-end;
  gap: .6rem;
  border-bottom: 1px solid var(--line);
  padding: .55rem .2rem .7rem;
  transition: border-color .35s ease;
}
.composer:focus-within { border-color: var(--ink-faint); }
.composer__input {
  flex: 1;
  background: none;
  border: 0;
  resize: none;
  color: var(--ink);
  font-family: var(--sans);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.6;
  max-height: 9rem;
  padding: 0;
}
.composer__input::placeholder { color: var(--ink-faint); }
.composer__input:focus { outline: none; }
.composer__send {
  background: none;
  border: 0;
  color: var(--ink-faint);
  cursor: pointer;
  padding: .2rem;
  display: grid;
  place-items: center;
  transition: color .25s ease, transform .25s ease;
}
.composer__send:hover:not(:disabled) { color: var(--accent); transform: translateX(2px); }
.composer__send:disabled { opacity: .3; cursor: default; }

.foot {
  padding-top: .85rem;
  min-height: 1.5rem;
  text-align: center;
}
.foot__status {
  font-size: .7rem;
  letter-spacing: .08em;
  color: var(--ink-faint);
}
.foot__status[data-kind="error"] { color: #b4726a; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

@media (max-width: 34rem) {
  .topbar { padding-bottom: 1rem; }
  .mark { font-size: 1.8rem; }
}

/* Owner-only policy and workflow control plane */
.identity__control {
  color: #c3b985;
  border-color: #4c4328;
  font-size: calc(.66rem + 2px);
}
.control-plane-dialog {
  --control-font-increase: 2px;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100dvh;
  max-height: none;
  margin: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  padding: 0;
  color: var(--ink);
  background: #0d0d0f;
  box-shadow: none;
}
.control-plane-dialog[open] {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
}
.control-plane-dialog::backdrop {
  background: rgb(3 3 4 / 86%);
  backdrop-filter: blur(4px);
}
.control-plane__header {
  position: sticky;
  z-index: 3;
  top: 0;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1.25rem;
  border-bottom: 1px solid var(--line);
  padding: 1.35rem clamp(1rem, 3vw, 2rem);
  background: rgb(13 13 15 / 96%);
  backdrop-filter: blur(12px);
}
.control-plane__header h2,
.control-plane__section h3,
.control-plane__summary h3,
.control-plane__assurance h3 {
  margin: 0;
  font-family: var(--serif);
  font-weight: 300;
}
.control-plane__header h2 {
  font-size: clamp(
    calc(1.8rem + var(--control-font-increase)),
    calc(3vw + var(--control-font-increase)),
    calc(2.4rem + var(--control-font-increase))
  );
}
.control-plane-dialog .panel-heading__scope {
  font-size: calc(.61rem + var(--control-font-increase));
}
.control-plane__intro,
.control-plane__muted {
  margin: .35rem 0 0;
  color: var(--ink-faint);
  font-size: calc(.7rem + var(--control-font-increase));
  line-height: 1.55;
}
.control-plane__header-actions {
  display: flex;
  align-items: center;
  gap: .8rem;
}
.control-plane__readonly {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  border: 1px solid #3b3522;
  border-radius: 999px;
  padding: .42rem .66rem;
  color: #c3b985;
  background: #17150f;
  font-size: calc(.61rem + var(--control-font-increase));
  letter-spacing: .06em;
  white-space: nowrap;
}
.control-plane__readonly span {
  width: .42rem;
  height: .42rem;
  border-radius: 50%;
  background: var(--accent);
}
.control-plane__close,
.control-plane__refresh {
  border: 0;
  border-bottom: 1px solid var(--line);
  padding: .25rem 0;
  color: var(--ink-dim);
  background: transparent;
  font: 400 calc(.66rem + var(--control-font-increase)) var(--sans);
  cursor: pointer;
}
.control-plane__close:hover,
.control-plane__refresh:hover:not(:disabled) { color: var(--accent); }
.control-plane__refresh:disabled { opacity: .5; cursor: wait; }
.control-plane__status {
  margin: 0;
  padding: 1rem clamp(1rem, 3vw, 2rem);
  color: var(--ink-dim);
  font-size: calc(.7rem + var(--control-font-increase));
}
.control-plane__status:empty { display: none; }
.control-plane__content {
  display: grid;
  grid-template-columns: clamp(13rem, 17vw, 16rem) minmax(0, 1fr);
  min-height: 0;
  overflow: hidden;
  background: #0d0d0f;
}
.control-plane__rail {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 1.35rem;
  overflow-y: auto;
  border-right: 1px solid var(--line);
  padding: 1.5rem 1rem;
  background:
    radial-gradient(circle at 0% 0%, rgb(201 162 39 / 7%), transparent 30%),
    #101012;
}
.control-plane__rail-heading {
  margin: 0;
  color: var(--ink);
  font-family: var(--serif);
  font-size: calc(1.28rem + var(--control-font-increase));
  font-weight: 300;
}
.control-plane__rail-intro,
.control-plane__rail-note {
  margin: .35rem 0 0;
  color: var(--ink-faint);
  font-size: calc(.62rem + var(--control-font-increase));
  line-height: 1.55;
}
.control-plane__tabs {
  display: grid;
  gap: .3rem;
}
.control-plane__tab {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  align-items: center;
  width: 100%;
  border: 0;
  border-left: 2px solid transparent;
  padding: .82rem .72rem;
  color: var(--ink-dim);
  background: transparent;
  font: 400 calc(.66rem + var(--control-font-increase))/1.35 var(--sans);
  text-align: left;
  cursor: pointer;
  transition: border-color .2s ease, color .2s ease, background .2s ease;
}
.control-plane__tab span {
  color: var(--ink-faint);
  font: 400 calc(.5rem + var(--control-font-increase)) ui-monospace, SFMono-Regular, Menlo, monospace;
}
.control-plane__tab:hover {
  color: var(--ink);
  background: #171719;
}
.control-plane__tab[aria-selected="true"] {
  border-left-color: var(--accent);
  color: #d8cc96;
  background: #19170f;
}
.control-plane__tab:focus-visible {
  outline: 1px solid var(--accent);
  outline-offset: -1px;
}
.control-plane__rail-note {
  margin-top: auto;
  border-top: 1px solid var(--line);
  padding-top: 1rem;
}
.control-plane__panels {
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  background: #0d0d0f;
}
.control-plane__panel {
  min-height: 100%;
}
.control-plane__summary,
.control-plane__section {
  background: #0d0d0f;
  padding: clamp(1.15rem, 3vw, 2rem);
}
.control-plane__summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  background:
    radial-gradient(circle at 85% 0%, rgb(201 162 39 / 7%), transparent 34%),
    #0d0d0f;
}
.control-plane__summary h3,
.control-plane__section h3,
.control-plane__assurance h3 {
  font-size: calc(1.55rem + var(--control-font-increase));
}
.control-access__boundaries {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin: 1rem 0;
}
.control-access__boundaries span,
.control-access__role,
.control-access__state {
  border: 1px solid #3c3829;
  border-radius: 999px;
  padding: .35rem .55rem;
  color: #c8bc7e;
  background: #17150f;
  font-size: calc(.56rem + var(--control-font-increase));
}
.control-access__status {
  min-height: 1.2rem;
  margin: .75rem 0;
  color: #c3b985;
  font-size: calc(.64rem + var(--control-font-increase));
  line-height: 1.5;
}
.control-access__users {
  display: grid;
  gap: .7rem;
}
.control-access__user {
  display: grid;
  grid-template-columns: minmax(12rem, 1fr) minmax(15rem, 1fr) auto;
  align-items: center;
  gap: 1rem;
  border: 1px solid #302f33;
  border-radius: .75rem;
  padding: .9rem;
  background: #101012;
}
.control-access__user[data-status="pending"] {
  border-color: #5b4e25;
  background: linear-gradient(100deg, rgb(201 162 39 / 7%), #101012 42%);
}
.control-access__identity h4 {
  margin: 0;
  font-family: var(--serif);
  font-size: calc(1.1rem + var(--control-font-increase));
  font-weight: 300;
  overflow-wrap: anywhere;
}
.control-access__identity p,
.control-access__source,
.control-access__empty {
  margin: .25rem 0 0;
  color: var(--ink-faint);
  font-size: calc(.59rem + var(--control-font-increase));
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.control-access__roles,
.control-access__rights {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .45rem;
}
.control-access__roles label {
  display: inline-flex;
  align-items: center;
  gap: .42rem;
  color: var(--ink-dim);
  font-size: calc(.61rem + var(--control-font-increase));
  cursor: pointer;
}
.control-access__roles input { accent-color: var(--accent); }
.control-access__roles input:disabled { cursor: not-allowed; opacity: .55; }
.control-access__actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: .4rem;
}
.control-access__actions button {
  border: 1px solid #494535;
  border-radius: 999px;
  padding: .5rem .68rem;
  color: var(--ink-dim);
  background: #171719;
  font: 500 calc(.57rem + var(--control-font-increase)) var(--sans);
  cursor: pointer;
}
.control-access__actions button[data-action="primary"] {
  border-color: #75672f;
  color: #e2d695;
  background: #1b180d;
}
.control-access__actions button[data-action="danger"] {
  border-color: #5b3834;
  color: #d6a09a;
  background: #1a1212;
}
.control-access__actions button:hover:not(:disabled) { border-color: var(--accent); color: var(--ink); }
.control-access__actions button:disabled { cursor: not-allowed; opacity: .45; }
.control-access__state[data-status="active"] { color: #b8cc9f; border-color: #3b4a32; background: #121810; }
.control-access__state[data-status="pending"] { color: #d7c878; border-color: #554a27; }
.control-access__state[data-status="rejected"],
.control-access__state[data-status="revoked"] { color: #c89691; border-color: #50312f; background: #181112; }
.control-access__preview {
  display: grid;
  gap: .85rem;
  max-width: 52rem;
  margin-top: 1rem;
  border: 1px solid #5b4e25;
  border-radius: .8rem;
  padding: 1rem;
  background: #15130d;
}
.control-access__preview h4 {
  margin: .15rem 0 .4rem;
  font-family: var(--serif);
  font-size: calc(1.25rem + var(--control-font-increase));
  font-weight: 300;
}
.control-access__preview p,
.control-access__effects {
  margin: 0;
  color: var(--ink-dim);
  font-size: calc(.64rem + var(--control-font-increase));
  line-height: 1.55;
}
.control-access__effects { padding-left: 1.1rem; }
.control-access__hash code {
  color: #d2c16f;
  font: 400 calc(.58rem + var(--control-font-increase)) ui-monospace, SFMono-Regular, Menlo, monospace;
  overflow-wrap: anywhere;
}
.control-access__confirmation {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: .55rem;
  border-top: 1px solid #393526;
  padding-top: .85rem;
  color: var(--ink);
  font-size: calc(.64rem + var(--control-font-increase));
  line-height: 1.5;
}
.control-access__confirmation input { margin-top: .18rem; accent-color: var(--accent); }
.control-access__preview-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.control-access__empty {
  border: 1px dashed #3e3b32;
  border-radius: .7rem;
  padding: 1rem;
}
.control-plane__label {
  margin: 0 0 .38rem;
  color: var(--accent);
  font-size: calc(.57rem + var(--control-font-increase));
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.control-plane__flags {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .45rem;
}
.control-plane__flag,
.control-plane__legend span {
  border: 1px solid #343238;
  border-radius: 999px;
  padding: .38rem .58rem;
  color: var(--ink-dim);
  background: #141416;
  font-size: calc(.58rem + var(--control-font-increase));
}
.control-plane__flag[data-kind="blocked"] {
  border-color: #49312f;
  color: #c58b84;
  background: #17100f;
}
.control-plane__section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.control-plane__policy-card {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(20rem, 1fr);
  gap: 1rem;
  border: 1px solid #393526;
  border-radius: .8rem;
  padding: 1rem;
  background: #12110e;
}
.control-plane__policy-name {
  margin: 0;
  color: var(--ink);
  font-family: var(--serif);
  font-size: calc(1.28rem + var(--control-font-increase));
}
.control-plane__metadata {
  display: grid;
  grid-template-columns: 1fr .55fr 1fr;
  gap: .65rem;
  margin: 0;
}
.control-plane__metadata div {
  min-width: 0;
  border-left: 1px solid #383424;
  padding-left: .65rem;
}
.control-plane__metadata dt {
  color: var(--ink-faint);
  font-size: calc(.52rem + var(--control-font-increase));
  letter-spacing: .08em;
  text-transform: uppercase;
}
.control-plane__metadata dd {
  overflow: hidden;
  margin: .35rem 0 0;
  color: #c3b985;
  font: 400 calc(.62rem + var(--control-font-increase))/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.control-plane__boundaries {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  margin-top: .75rem;
}
.control-plane__boundary {
  border: 1px solid var(--line);
  border-radius: .75rem;
  padding: .9rem;
  background: #101012;
}
.control-plane__boundary h4,
.control-rule h4,
.control-step h4 {
  margin: 0;
  color: var(--ink);
  font-size: calc(.72rem + var(--control-font-increase));
  font-weight: 500;
}
.control-plane__boundary ul,
.control-plane__guardrails {
  margin: .65rem 0 0;
  padding-left: 1.1rem;
  color: var(--ink-dim);
  font-size: calc(.67rem + var(--control-font-increase));
  line-height: 1.55;
}
.control-plane__boundary li + li,
.control-plane__guardrails li + li { margin-top: .35rem; }
.control-plane__sequence-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1.25rem;
  margin-top: 1.4rem;
  border-top: 1px solid var(--line);
  padding-top: 1.2rem;
}
.control-plane__sequence-heading h4 {
  margin: 0;
  color: var(--ink);
  font-family: var(--serif);
  font-size: calc(1.18rem + var(--control-font-increase));
  font-weight: 300;
}
.control-plane__sequence-heading > .control-plane__muted {
  max-width: 34rem;
  margin: 0;
  text-align: right;
}
.control-plane__rules {
  display: grid;
  grid-template-columns: 1fr;
  gap: .55rem;
  margin: .75rem 0 0;
  padding: 0;
  list-style: none;
}
.control-rule {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: .75rem;
  overflow: hidden;
  background: #101012;
}
.control-rule__summary {
  display: grid;
  grid-template-columns: 2.4rem minmax(0, 1fr) minmax(8rem, .38fr) 1rem;
  align-items: center;
  gap: .8rem;
  padding: .9rem 1rem;
  cursor: pointer;
  list-style: none;
}
.control-rule__summary::-webkit-details-marker { display: none; }
.control-rule__summary::after {
  content: "+";
  color: var(--accent);
  font-size: calc(.8rem + var(--control-font-increase));
  text-align: right;
}
.control-rule__details[open] > .control-rule__summary::after { content: "−"; }
.control-rule__details[open] > .control-rule__summary { background: #15140f; }
.control-rule__summary:hover { background: #141416; }
.control-rule__summary:focus-visible {
  outline: 1px solid var(--accent);
  outline-offset: -1px;
}
.control-rule__sequence {
  color: #b8a34e;
  font: 400 calc(.58rem + var(--control-font-increase)) ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .06em;
}
.control-rule__heading { min-width: 0; }
.control-rule__heading h4 { margin: 0; }
.control-rule__id {
  display: block;
  margin-top: .25rem;
}
.control-rule__body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  border-top: 1px solid var(--line);
  padding: .9rem 2.8rem 1rem 3.8rem;
  background: #0e0e10;
}
.control-rule__field-label {
  color: #a99755;
  font-size: calc(.52rem + var(--control-font-increase));
  letter-spacing: .1em;
  text-transform: uppercase;
}
.control-step__heading,
.control-audit-event__top {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: .6rem;
}
.control-rule__id,
.control-rule__kind {
  overflow-wrap: anywhere;
  color: var(--ink-faint);
  font: 400 calc(.5rem + var(--control-font-increase))/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.control-rule__kind {
  color: #a99755;
  text-align: right;
}
.control-rule__requirement,
.control-rule__purpose,
.control-rule__function {
  margin: .35rem 0 0;
  color: var(--ink-dim);
  font-size: calc(.62rem + var(--control-font-increase));
  line-height: 1.5;
}
.control-rule__purpose { color: var(--ink-faint); }
.control-rule__function {
  grid-column: 1 / -1;
  margin-top: 0;
  border-top: 1px solid #242329;
  padding-top: .75rem;
}
.control-rule__function code,
.control-step__function code {
  color: #b9aa6a;
  font: 400 calc(.56rem + var(--control-font-increase))/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
  overflow-wrap: anywhere;
}
.control-plane__legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .35rem;
}
.control-plane__legend span[data-state="live"] { color: #a7bd91; border-color: #3c4a32; }
.control-plane__legend span[data-state="ready"] { color: #b5a45f; border-color: #4f4526; }
.control-plane__legend span[data-state="gated"] { color: #c58b84; border-color: #49312f; }
.control-workflows { display: grid; gap: .7rem; }
.control-workflow {
  border: 1px solid var(--line);
  border-radius: .8rem;
  background: #101012;
}
.control-workflow__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
  cursor: pointer;
  list-style: none;
}
.control-workflow__summary::-webkit-details-marker { display: none; }
.control-workflow__summary::before {
  content: "+";
  color: var(--accent);
  font-size: calc(.8rem + var(--control-font-increase));
}
.control-workflow[open] > .control-workflow__summary::before { content: "−"; }
.control-workflow__summary > span:first-of-type { flex: 1; }
.control-workflow__summary strong {
  display: block;
  color: var(--ink);
  font-family: var(--serif);
  font-size: calc(1.15rem + var(--control-font-increase));
  font-weight: 300;
}
.control-workflow__summary small {
  display: block;
  margin-top: .25rem;
  color: var(--ink-faint);
  font-size: calc(.6rem + var(--control-font-increase));
  line-height: 1.45;
}
.control-workflow__count {
  color: var(--ink-faint);
  font-size: calc(.58rem + var(--control-font-increase));
  white-space: nowrap;
}
.control-workflow__steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  border-top: 1px solid var(--line);
  padding: 0;
  list-style: none;
}
.control-step {
  position: relative;
  display: grid;
  grid-template-columns: 2.1rem minmax(0, 1fr);
  gap: .65rem;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: .85rem;
}
.control-step:nth-child(2n) { border-right: 0; }
.control-step__marker {
  display: grid;
  width: 1.75rem;
  height: 1.75rem;
  place-items: center;
  border: 1px solid #3a383e;
  border-radius: 50%;
  color: var(--ink-faint);
  font: 400 calc(.52rem + var(--control-font-increase)) ui-monospace, SFMono-Regular, Menlo, monospace;
}
.control-step[data-state="live"] .control-step__marker { color: #a7bd91; border-color: #3c4a32; }
.control-step[data-state="ready"] .control-step__marker { color: #b5a45f; border-color: #4f4526; }
.control-step[data-state="gated"] .control-step__marker { color: #c58b84; border-color: #49312f; }
.control-step__state {
  color: var(--ink-faint);
  font-size: calc(.5rem + var(--control-font-increase));
  letter-spacing: .08em;
  text-transform: uppercase;
}
.control-step[data-state="live"] .control-step__state { color: #a7bd91; }
.control-step[data-state="ready"] .control-step__state { color: #b5a45f; }
.control-step[data-state="gated"] .control-step__state { color: #c58b84; }
.control-step__purpose,
.control-step__function,
.control-step__gate {
  margin: .38rem 0 0;
  color: var(--ink-dim);
  font-size: calc(.62rem + var(--control-font-increase));
  line-height: 1.45;
}
.control-step__gate {
  border-left: 1px solid #5a3935;
  padding-left: .55rem;
  color: #b78079;
}
.control-plane__assurance {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.control-plane__assurance > div {
  border: 1px solid var(--line);
  border-radius: .8rem;
  padding: 1rem;
  background: #101012;
}
.control-plane__audit { display: grid; gap: .55rem; margin-top: .7rem; }
.control-plane__empty {
  margin: 0;
  color: var(--ink-faint);
  font-size: calc(.66rem + var(--control-font-increase));
  line-height: 1.55;
}
.control-audit-event {
  border-left: 1px solid #4d4327;
  padding-left: .65rem;
}
.control-audit-event strong { color: var(--ink); font-size: calc(.66rem + var(--control-font-increase)); font-weight: 400; }
.control-audit-event span { color: #a7bd91; font-size: calc(.55rem + var(--control-font-increase)); text-transform: uppercase; }
.control-audit-event p,
.control-audit-event time { margin: .28rem 0 0; color: var(--ink-faint); font-size: calc(.57rem + var(--control-font-increase)); }
.control-credentials {
  margin-bottom: 1rem;
  border: 1px solid #393526;
  border-radius: .8rem;
  padding: 1rem;
  background: #12110e;
}
.control-credentials__heading,
.control-credential__top {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
}
.control-credentials__heading h4,
.control-credential h5 {
  margin: 0;
  color: var(--ink);
  font-family: var(--serif);
  font-size: calc(1.05rem + var(--control-font-increase));
  font-weight: 300;
}
.control-credentials__heading > .control-plane__muted {
  max-width: 34rem;
  text-align: right;
}
.control-credentials__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
  margin-top: .9rem;
}
.control-credential {
  display: grid;
  align-content: start;
  gap: .65rem;
  min-width: 0;
  border: 1px solid #302e27;
  border-radius: .65rem;
  padding: .9rem;
  background: #0f0f0d;
}
.control-credential > label:not(.control-models__confirmation) {
  color: var(--ink-dim);
  font-size: calc(.66rem + var(--control-font-increase));
}
.control-credential input[type="password"] {
  width: 100%;
  min-width: 0;
  border: 1px solid #403d32;
  border-radius: .55rem;
  padding: .72rem .8rem;
  color: var(--ink);
  background: #101012;
  font: 400 calc(.67rem + var(--control-font-increase)) var(--sans);
}
.control-credential input[type="password"]:focus-visible {
  outline: 1px solid var(--accent);
  outline-offset: 2px;
}
.control-credential input:disabled { opacity: .48; cursor: not-allowed; }
.control-credential__state {
  flex: 0 0 auto;
  border: 1px solid #49312f;
  border-radius: 999px;
  padding: .25rem .5rem;
  color: #c58b84;
  font-size: calc(.52rem + var(--control-font-increase));
  text-transform: uppercase;
  letter-spacing: .05em;
}
.control-credential__state[data-configured="true"] {
  border-color: #3c4a32;
  color: #a7bd91;
}
.control-credential-reconciliation {
  display: grid;
  gap: .65rem;
  margin-top: .2rem;
  border: 1px solid #5a4428;
  border-radius: .6rem;
  padding: .8rem;
  background: #17130d;
}
.control-credential-reconciliation[hidden] { display: none; }
.control-credential-reconciliation h6 {
  margin: 0;
  color: #dccb92;
  font-family: var(--serif);
  font-size: calc(.9rem + var(--control-font-increase));
  font-weight: 300;
}
.control-credential-reconciliation__confirmation {
  display: grid;
  gap: .65rem;
  border-top: 1px solid #403722;
  padding-top: .7rem;
}
.control-credential-reconciliation__confirmation[hidden] { display: none; }
.control-model-catalog {
  display: grid;
  gap: .9rem;
  border: 1px solid #302e27;
  border-radius: .8rem;
  padding: 1rem;
  background: #0f0f0d;
}
.control-model-catalog__heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
}
.control-model-catalog__heading h4,
.control-model-candidate-detail h5 {
  margin: 0;
  color: var(--ink);
  font-family: var(--serif);
  font-weight: 300;
}
.control-model-catalog__heading > .control-plane__muted {
  max-width: 40rem;
  text-align: right;
}
.control-model-catalog__selectors {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
}
.control-model-catalog__selectors label {
  display: grid;
  gap: .4rem;
  color: #aaa184;
  font-size: calc(.58rem + var(--control-font-increase));
  text-transform: uppercase;
  letter-spacing: .05em;
}
.control-model-catalog__selectors select {
  width: 100%;
  border: 1px solid #3a372e;
  border-radius: .55rem;
  padding: .72rem .8rem;
  color: var(--ink);
  background: #101012;
  font: 400 calc(.67rem + var(--control-font-increase)) var(--sans);
  text-transform: none;
  letter-spacing: normal;
}
.control-model-catalog__selectors select:focus-visible {
  outline: 1px solid var(--accent);
  outline-offset: 2px;
}
.control-model-candidate-detail {
  display: grid;
  grid-template-columns: minmax(11rem, .8fr) minmax(12rem, 1fr) minmax(16rem, 1.35fr);
  align-items: center;
  gap: .8rem;
  min-width: 0;
  border: 1px solid #353126;
  border-radius: .65rem;
  padding: .8rem;
  background: #12110e;
}
.control-model-candidate-detail[data-selectable="true"] { border-color: #465538; }
.control-model-candidate-detail__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
}
.control-model-candidate-detail__state {
  flex: 0 0 auto;
  color: #c3b985;
  font-size: calc(.5rem + var(--control-font-increase));
  line-height: 1.35;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.control-model-candidate-detail[data-selectable="true"] .control-model-candidate-detail__state {
  color: #a7bd91;
}
.control-model-candidate-detail__id {
  overflow-wrap: anywhere;
  color: #aaa184;
  font-size: calc(.58rem + var(--control-font-increase));
}
.control-models__active,
.control-models__preview {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(20rem, 1fr);
  gap: 1rem;
  border: 1px solid #393526;
  border-radius: .8rem;
  padding: 1rem;
  background: #12110e;
}
.control-models__active h4,
.control-models__preview h4 {
  margin: 0;
  color: var(--ink);
  font-family: var(--serif);
  font-size: calc(1.25rem + var(--control-font-increase));
  font-weight: 300;
}
.control-models__form {
  display: grid;
  gap: .65rem;
  max-width: 42rem;
  margin-top: 1rem;
  border-top: 1px solid var(--line);
  padding-top: 1rem;
}
.control-models__form label,
.control-models__confirmation {
  color: var(--ink-dim);
  font-size: calc(.66rem + var(--control-font-increase));
  line-height: 1.5;
}
.control-models__form select {
  width: 100%;
  border: 1px solid #403d32;
  border-radius: .55rem;
  padding: .72rem .8rem;
  color: var(--ink);
  background: #101012;
  font: 400 calc(.67rem + var(--control-font-increase)) var(--sans);
}
.control-models__form select:focus-visible,
.control-models__confirmation input:focus-visible,
.control-models__primary:focus-visible {
  outline: 1px solid var(--accent);
  outline-offset: 2px;
}
.control-models__primary {
  width: fit-content;
  border: 1px solid #71642f;
  border-radius: 999px;
  padding: .62rem .9rem;
  color: #e2d695;
  background: #1b180d;
  font: 500 calc(.62rem + var(--control-font-increase)) var(--sans);
  cursor: pointer;
}
.control-models__primary:hover:not(:disabled) { background: #252012; }
.control-models__primary:disabled,
.control-models__form select:disabled { opacity: .48; cursor: not-allowed; }
.control-models__status {
  min-height: 1.3rem;
  margin: .75rem 0;
  color: #c3b985;
  font-size: calc(.64rem + var(--control-font-increase));
}
.control-models__preview {
  grid-template-columns: 1fr;
  border-color: #554a27;
  background: #15130d;
}
.control-models__confirmation {
  display: flex;
  align-items: start;
  gap: .65rem;
  border-top: 1px solid #393526;
  padding-top: .9rem;
}
.control-models__confirmation input { margin-top: .18rem; accent-color: #b9a34c; }
.control-conditional {
  display: grid;
  gap: .9rem;
  margin-top: 1rem;
  border: 1px solid #393526;
  border-radius: .8rem;
  padding: 1rem;
  background: #10100e;
}
.control-conditional__heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
}
.control-conditional__heading h4,
.control-conditional__rule h5 {
  margin: 0;
  color: var(--ink);
  font-family: var(--serif);
  font-size: calc(1.05rem + var(--control-font-increase));
  font-weight: 300;
}
.control-conditional__heading > .control-plane__muted {
  max-width: 40rem;
  text-align: right;
}
.control-conditional__boundary {
  display: flex;
  align-items: baseline;
  gap: .7rem;
  border-left: 2px solid #71642f;
  padding: .6rem .75rem;
  color: var(--ink-faint);
  background: #15130d;
  font-size: calc(.61rem + var(--control-font-increase));
  line-height: 1.5;
}
.control-conditional__boundary strong { color: #d0c47e; font-weight: 500; }
.control-conditional__rules { display: grid; gap: .75rem; }
.control-conditional__empty {
  margin: 0;
  border: 1px dashed #403d32;
  border-radius: .65rem;
  padding: .9rem;
  color: var(--ink-faint);
  font-size: calc(.63rem + var(--control-font-increase));
}
.control-conditional__rule {
  display: grid;
  gap: .75rem;
  border: 1px solid #302e27;
  border-radius: .65rem;
  padding: .85rem;
  background: #0d0d0c;
}
.control-conditional__rule-head,
.control-conditional__rule-buttons,
.control-conditional__actions,
.control-conditional__condition {
  display: flex;
  align-items: center;
  gap: .55rem;
  flex-wrap: wrap;
}
.control-conditional__rule-head { justify-content: space-between; }
.control-conditional__rule-target { display: grid; gap: .35rem; }
.control-conditional__rule-target label,
.control-conditional__actions label {
  color: var(--ink-dim);
  font-size: calc(.62rem + var(--control-font-increase));
}
.control-conditional select,
.control-conditional input[type="number"] {
  min-width: 9rem;
  border: 1px solid #403d32;
  border-radius: .5rem;
  padding: .58rem .65rem;
  color: var(--ink);
  background: #101012;
  font: 400 calc(.62rem + var(--control-font-increase)) var(--sans);
}
.control-conditional__condition select:first-child { flex: 1 1 14rem; }
.control-conditional__condition-value { flex: 1 1 10rem; }
.control-models__secondary,
.control-conditional__icon {
  width: fit-content;
  border: 1px solid #484435;
  border-radius: 999px;
  padding: .52rem .75rem;
  color: var(--ink-dim);
  background: #151513;
  font: 500 calc(.58rem + var(--control-font-increase)) var(--sans);
  cursor: pointer;
}
.control-conditional__icon { padding: .38rem .58rem; }
.control-models__secondary:hover:not(:disabled),
.control-conditional__icon:hover:not(:disabled) { border-color: #71642f; color: #e2d695; }
.control-models__secondary:disabled,
.control-conditional__icon:disabled,
.control-conditional select:disabled,
.control-conditional input:disabled { opacity: .48; cursor: not-allowed; }
.control-conditional__actions {
  border-top: 1px solid #302e27;
  padding-top: .85rem;
}

@media (max-width: 44rem) {
  .control-plane__header { align-items: center; }
  .control-plane__intro,
  .control-plane__readonly { display: none; }
  .control-plane__content {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
  }
  .control-plane__rail {
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    border-right: 0;
    border-bottom: 1px solid var(--line);
    padding: .55rem .7rem;
  }
  .control-plane__rail > div,
  .control-plane__rail-note { display: none; }
  .control-plane__tabs {
    display: flex;
    width: max-content;
    gap: .2rem;
  }
  .control-plane__tab {
    width: auto;
    grid-template-columns: auto auto;
    gap: .45rem;
    border-left: 0;
    border-bottom: 2px solid transparent;
    padding: .68rem .72rem;
    white-space: nowrap;
  }
  .control-plane__tab[aria-selected="true"] {
    border-bottom-color: var(--accent);
  }
  .control-plane__summary,
  .control-plane__section-heading,
  .control-plane__sequence-heading { align-items: start; flex-direction: column; }
  .control-plane__sequence-heading > .control-plane__muted { text-align: left; }
  .control-rule__summary {
    grid-template-columns: 2.1rem minmax(0, 1fr) 1rem;
    gap: .55rem;
    padding: .8rem;
  }
  .control-rule__sequence { grid-column: 1; grid-row: 1 / span 2; }
  .control-rule__heading { grid-column: 2; grid-row: 1; }
  .control-rule__kind { grid-column: 2; grid-row: 2; text-align: left; }
  .control-rule__summary::after { grid-column: 3; grid-row: 1 / span 2; }
  .control-rule__body {
    grid-template-columns: 1fr;
    padding: .85rem 1rem .95rem 3.45rem;
  }
  .control-plane__flags,
  .control-plane__legend { justify-content: flex-start; }
  .control-plane__policy-card,
  .control-access__user,
  .control-credentials__grid,
  .control-model-catalog__selectors,
  .control-model-candidate-detail,
  .control-models__active,
  .control-plane__boundaries,
  .control-plane__rules,
  .control-workflow__steps,
  .control-plane__assurance { grid-template-columns: 1fr; }
  .control-plane__metadata { grid-template-columns: 1fr; }
  .control-access__actions { justify-content: flex-start; }
  .control-credentials__heading { flex-direction: column; }
  .control-credentials__heading > .control-plane__muted { text-align: left; }
  .control-model-catalog__heading { flex-direction: column; }
  .control-model-catalog__heading > .control-plane__muted { text-align: left; }
  .control-conditional__heading { flex-direction: column; }
  .control-conditional__heading > .control-plane__muted { text-align: left; }
  .control-conditional__boundary { align-items: start; flex-direction: column; }
  .control-conditional__condition { align-items: stretch; flex-direction: column; }
  .control-conditional select,
  .control-conditional input[type="number"] { width: 100%; }
  .control-plane__metadata div { border-left: 0; border-top: 1px solid #383424; padding: .5rem 0 0; }
  .control-step { border-right: 0; }
}

/* Owner Control: focused one-human Wisdom flow */
.control-human-flow {
  margin: 0 0 1.75rem;
}
.control-human-flow__heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1.4rem;
  margin-bottom: .8rem;
}
.control-human-flow__heading h4,
.control-complete-flow__heading h4 {
  margin: .18rem 0 0;
  font: 300 clamp(1.25rem, 2vw, 1.8rem)/1.18 var(--serif);
}
.control-human-flow__heading > p {
  max-width: 42rem;
  margin: 0;
  color: var(--ink-faint);
  font-size: .76rem;
  line-height: 1.55;
}
.control-human-flow__viewport {
  max-height: min(70dvh, 50rem);
  overflow: auto;
  border: 1px solid #343338;
  border-radius: 6px;
  background: #f3f6fa;
  scrollbar-color: #4a473d #121214;
}
.control-human-flow__viewport:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
.control-human-flow__viewport img {
  display: block;
  width: 100%;
  min-width: 80rem;
  height: auto;
}
.control-human-flow figcaption {
  margin-top: .55rem;
  color: var(--ink-faint);
  font-size: .7rem;
  line-height: 1.5;
}
.control-complete-flow__heading {
  margin: 0 0 .85rem;
  border-top: 1px solid #323136;
  padding-top: 1.35rem;
}

/* Shared read-only Vyzier and Wisdom Library swimlane */
.system-flow {
  min-width: 0;
  color: var(--ink);
}
.system-flow__heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1.25rem;
  margin-bottom: .85rem;
}
.system-flow__eyebrow {
  margin: 0 0 .35rem;
  color: #b8a34e;
  font-size: .68rem;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.system-flow__heading h4 {
  margin: 0;
  font: 300 clamp(1.35rem, 2.2vw, 2rem)/1.15 var(--serif);
}
.system-flow__intro {
  max-width: 58rem;
  margin: .45rem 0 0;
  color: var(--ink-faint);
  font-size: .76rem;
  line-height: 1.55;
}
.system-flow__legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .35rem;
  flex: 0 0 auto;
}
.system-flow__legend span,
.system-flow__state {
  border: 1px solid #3a393d;
  border-radius: 999px;
  padding: .3rem .48rem;
  color: var(--ink-faint);
  background: #121214;
  font-size: .64rem;
  line-height: 1;
  white-space: nowrap;
}
.system-flow__legend [data-state="live"],
.system-flow__card[data-state="live"] .system-flow__state { color: #a7bd91; border-color: #43543a; }
.system-flow__legend [data-state="staging"],
.system-flow__card[data-state="staging"] .system-flow__state { color: #d3bd64; border-color: #5a4e28; }
.system-flow__legend [data-state="next"],
.system-flow__card[data-state="next"] .system-flow__state { color: #9db8d2; border-color: #374b5e; }
.system-flow__legend [data-state="later"],
.system-flow__card[data-state="later"] .system-flow__state { color: #b8a7c6; border-color: #4d4057; }
.system-flow__legend [data-state="always"],
.system-flow__card[data-state="always"] .system-flow__state { color: #d4a18f; border-color: #5b3e36; }
.system-flow__viewport {
  max-height: min(68dvh, 54rem);
  overflow: auto;
  border: 1px solid #343338;
  border-radius: .8rem;
  background: #0d0d0f;
  scrollbar-color: #4a473d #121214;
}
.system-flow__viewport:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
.system-flow__stage-row,
.system-flow__lane {
  display: grid;
  grid-template-columns: 13rem repeat(8, minmax(12.5rem, 1fr));
  min-width: 113rem;
}
.system-flow__stage-row {
  position: sticky;
  top: 0;
  z-index: 5;
  border-bottom: 1px solid #454137;
  background: #151419;
}
.system-flow__corner,
.system-flow__stage,
.system-flow__lane-label,
.system-flow__cell {
  min-width: 0;
  border-right: 1px solid #2d2c31;
}
.system-flow__corner,
.system-flow__stage {
  min-height: 6.3rem;
  padding: .72rem;
}
.system-flow__corner {
  position: sticky;
  left: 0;
  z-index: 7;
  display: grid;
  align-content: center;
  gap: .3rem;
  background: #19170f;
}
.system-flow__version,
.system-flow__stage-number {
  color: #a9954b;
  font: 500 .62rem ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.system-flow__corner strong { font: 300 1.35rem var(--serif); }
.system-flow__stage { background: #151419; }
.system-flow__stage strong {
  display: block;
  margin-top: .38rem;
  font-size: .78rem;
  font-weight: 500;
}
.system-flow__stage small {
  display: block;
  margin-top: .28rem;
  color: var(--ink-faint);
  font-size: .67rem;
  line-height: 1.4;
}
.system-flow__lane { border-bottom: 1px solid #2d2c31; }
.system-flow__lane:last-child { border-bottom: 0; }
.system-flow__lane-label {
  position: sticky;
  left: 0;
  z-index: 3;
  padding: .8rem;
  background: #111113;
}
.system-flow__lane-label h5 {
  margin: 0;
  font: 300 1.08rem/1.18 var(--serif);
}
.system-flow__lane-label p {
  margin: .4rem 0 0;
  color: var(--ink-faint);
  font-size: .68rem;
  line-height: 1.45;
}
.system-flow__cell {
  position: relative;
  display: grid;
  align-content: start;
  gap: .5rem;
  min-height: 9.5rem;
  padding: .62rem;
  background: #0f0f11;
}
.system-flow__cell::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 1px;
  background: #363338;
  content: "";
}
.system-flow__cell:not(:last-child)::after {
  position: absolute;
  top: calc(50% - .48rem);
  right: -.26rem;
  z-index: 2;
  color: #766b3e;
  background: #0f0f11;
  content: "›";
  font-size: .9rem;
}
.system-flow__card {
  position: relative;
  z-index: 1;
  border: 1px solid #38373c;
  border-radius: .62rem;
  padding: .62rem;
  background: #151517;
}
.system-flow__card[data-state="live"] { border-color: #35432f; background: #121610; }
.system-flow__card[data-state="staging"] { border-color: #4d4325; background: #17150e; }
.system-flow__card[data-state="next"] { border-color: #304352; background: #10151a; }
.system-flow__card[data-state="later"] { border-color: #43384b; background: #151117; }
.system-flow__card[data-state="always"] { border-color: #4d3832; background: #171210; }
.system-flow__card .system-flow__state {
  display: inline-block;
  margin-bottom: .45rem;
}
.system-flow__card strong {
  display: block;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.35;
}
.system-flow__card p {
  margin: .36rem 0 0;
  color: var(--ink-faint);
  font-size: .68rem;
  line-height: 1.48;
}
.system-flow__boundary {
  margin: .75rem 0 0;
  border-left: 2px solid #9f8e48;
  padding: .42rem 0 .42rem .7rem;
  color: #c5b978;
  font-size: .72rem;
  line-height: 1.5;
}

@media (max-width: 44rem) {
  .control-human-flow__heading {
    align-items: start;
    flex-direction: column;
  }
  .control-human-flow__viewport img { min-width: 72rem; }
  .system-flow__heading { align-items: start; flex-direction: column; }
  .system-flow__legend { justify-content: flex-start; }
  .system-flow__viewport { max-height: 62dvh; }
  .system-flow__stage-row,
  .system-flow__lane {
    grid-template-columns: 11rem repeat(8, minmax(11.5rem, 1fr));
    min-width: 103rem;
  }
}

/* C1 local product preview */
.stage--preview {
  width: 100%;
  max-width: none;
  margin: 0;
  height: 100dvh;
  overflow: hidden;
  grid-template-rows: auto minmax(0, 1fr);
  padding: 1.15rem clamp(.65rem, 1vw, 1.1rem) max(1rem, env(safe-area-inset-bottom));
}
.stage--preview .topbar { min-height: 3.6rem; }
.stage--preview .mark {
  text-align: left;
  padding: .05rem 0 1rem 3.05rem;
}
.stage--signed-in .mark { padding-left: 3.05rem; }

.workspace {
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: .9rem;
  animation: rise .7s cubic-bezier(.16,1,.3,1) both;
}
.workspace--error {
  align-self: center;
  max-width: 36rem;
  margin-inline: auto;
  color: #d59a92;
  line-height: 1.6;
  text-align: center;
}
.workspace__intro {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1.5rem;
}
.workspace__eyebrow,
.panel-heading__scope,
.direction-card__label,
.preview-turn__who {
  margin: 0 0 .4rem;
  color: var(--accent);
  font-size: .61rem;
  font-weight: 500;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.workspace__intro h1 {
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(1.65rem, 3vw, 2.45rem);
  font-weight: 300;
  line-height: 1.05;
}
.workspace__intro-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: .65rem;
}
.preview-badge {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  border: 1px solid #3b3522;
  border-radius: 999px;
  padding: .45rem .7rem;
  color: #c3b985;
  background: #17150f;
  font-size: .65rem;
  letter-spacing: .05em;
}
.preview-badge__dot {
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 .22rem rgb(201 162 39 / 10%);
}
.workspace-tabs { display: none; }
.revisit-context {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  border: 1px solid #4b4328;
  border-radius: .8rem;
  padding: .85rem 1rem;
  background: #14130f;
}
.revisit-context__eyebrow {
  margin: 0 0 .28rem;
  color: var(--accent);
  font-size: .58rem;
  font-weight: 500;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.revisit-context h2 {
  margin: 0;
  font: 300 1.2rem/1.15 var(--serif);
}
.revisit-context h2 + p {
  margin: .3rem 0 0;
  color: var(--ink-faint);
  font-size: .65rem;
  line-height: 1.45;
}
.revisit-context button {
  flex: 0 0 auto;
  border: 1px solid #776938;
  border-radius: 999px;
  padding: .58rem .85rem;
  color: #e1d28e;
  background: #1b190f;
  font: 500 .65rem/1 var(--sans);
  cursor: pointer;
}
.revisit-context button:hover,
.revisit-context button:focus-visible { background: #262212; }
.revisit-context button:focus-visible,
.previous-ask-way-forward-action button:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
.revisit-context button:disabled { cursor: wait; opacity: .55; }
.workspace__grid {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(15rem, .85fr) minmax(22rem, 1.3fr) minmax(17rem, 1fr);
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: var(--line);
  gap: 1px;
  box-shadow: 0 1.4rem 5rem rgb(0 0 0 / 24%);
}
.workspace--revisit .workspace__grid {
  grid-template-columns: minmax(20rem, .9fr) minmax(25rem, 1.1fr);
}
.workspace--revisit #conversation-panel,
.workspace--revisit #conversation-tab { display: none !important; }
.workspace__grid > * {
  min-width: 0;
  min-height: 0;
  background: var(--ground);
}

.navigation-dialog {
  position: fixed;
  inset: 0 auto 0 0;
  width: min(23rem, calc(100vw - 1.25rem));
  max-width: none;
  height: 100dvh;
  max-height: none;
  margin: 0;
  overflow: hidden;
  border: 0;
  border-right: 1px solid #39362d;
  border-radius: 0 .9rem .9rem 0;
  padding: 1.2rem;
  color: var(--ink);
  background:
    radial-gradient(circle at 15% 0%, rgb(201 162 39 / 7%), transparent 18rem),
    #0e0e0f;
  box-shadow: 1.6rem 0 5rem rgb(0 0 0 / 58%);
}
.navigation-dialog::backdrop {
  background: rgb(4 4 5 / 62%);
  backdrop-filter: blur(2px);
}
.navigation-dialog[open] { display: flex; flex-direction: column; }
.navigation__main { flex: 1; min-height: 0; min-width: 0; overflow: hidden; margin: 1rem 0; padding: 0; border: 0; display: flex; flex-direction: column; }
.navigation__main legend { float: left; width: 100%; padding: 0; font-size: .8rem; color: var(--ink); }
.navigation__main .previous-asks__list-view { flex: 1; }
.navigation__main .previous-asks__description { margin: .5rem 0 .75rem; }
.navigation__main .previous-ask-detail { overflow-y: auto; }
.navigation__main:disabled { opacity: .6; }
.identity__profile {
  display: flex;
  align-items: center;
  gap: .7rem;
  width: 100%;
  border: 0;
  border-radius: .65rem;
  padding: .75rem;
  background: transparent;
  color: var(--ink);
  font: 400 .8rem/1.4 var(--sans);
  text-align: left;
  cursor: pointer;
}
.identity__profile:hover,
.identity[open] .identity__profile { background: #232226; }
.identity__avatar svg { width: 1.2rem; height: 1.2rem; fill: none; stroke: currentColor; stroke-width: 1.5; }
.identity__profile { list-style: none; background: #19191b; }
.identity__profile::-webkit-details-marker { display: none; }
.identity__avatar { display: grid; place-items: center; flex-shrink: 0; width: 2rem; height: 2rem; border-radius: 50%; background: #36392e; color: #d4d9c4; }
#identity-label { flex: 1; min-width: 0; }
.identity__chevron { flex-shrink: 0; color: var(--ink-faint); }
.identity[open] .identity__chevron { transform: rotate(180deg); }
.identity__menu {
  position: absolute;
  inset: auto 0 calc(100% + .5rem);
  max-height: min(26rem, calc(100dvh - 9rem));
  overflow-y: auto;
  border: 1px solid #39362d;
  border-radius: .85rem;
  padding: .5rem;
  background: #1b1b1e;
  box-shadow: 0 -.7rem 2rem rgb(0 0 0 / 35%);
}
.identity__menu-label { margin: .3rem .6rem .6rem; font-size: .65rem; color: var(--ink-faint); }
.identity__menu .identity__action { display: flex; justify-content: space-between; width: 100%; border: 0; border-radius: .45rem; padding: .7rem .65rem; color: var(--ink); text-align: left; }
.identity__menu .identity__action:hover { background: #303033; }
.identity__menu .identity__sign-out { border-top: 1px solid #39363b; border-radius: 0 0 .45rem .45rem; margin-top: .35rem; }
.identity__profile:focus-visible,
.identity__menu .identity__action:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
@keyframes previous-asks-enter {
  from { opacity: 0; transform: translateX(-1.25rem); }
  to { opacity: 1; transform: translateX(0); }
}
.previous-asks__header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid var(--line);
  padding-bottom: 1rem;
}
.previous-asks__header h2 {
  margin: 0;
  font: 300 1.8rem/1.08 var(--serif);
}
.previous-asks__close,
.previous-ask-detail__back {
  border: 0;
  border-bottom: 1px solid #474238;
  padding: .25rem 0;
  color: var(--ink-dim);
  background: transparent;
  font: 400 .65rem/1.2 var(--sans);
  cursor: pointer;
}
.previous-asks__close:hover,
.previous-asks__close:focus-visible,
.previous-ask-detail__back:hover,
.previous-ask-detail__back:focus-visible { color: #e5d386; }
.previous-asks__description {
  margin: .9rem 0 1rem;
  color: var(--ink-faint);
  font-size: .68rem;
  line-height: 1.55;
}
.previous-asks__list-view {
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: .75rem;
}
.previous-asks__search input {
  width: 100%;
  border: 1px solid #343239;
  border-radius: .58rem;
  padding: .68rem .75rem;
  color: var(--ink);
  background: #151517;
  font: 400 .72rem/1.2 var(--sans);
}
.previous-asks__search input::placeholder { color: #746f67; }
.previous-asks__search input:focus-visible,
.previous-asks__close:focus-visible,
.previous-ask-detail__back:focus-visible,
.previous-ask-detail__use:focus-visible,
.previous-asks__load-more:focus-visible,
.previous-ask-row:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
.previous-asks__status {
  margin: 0;
  color: var(--ink-faint);
  font-size: .63rem;
  line-height: 1.5;
}
.previous-asks__list {
  min-height: 0;
  overflow-y: auto;
  padding-right: .25rem;
  scrollbar-color: #3a372e transparent;
}
.previous-asks__group + .previous-asks__group { margin-top: 1rem; }
.previous-asks__group-title {
  position: sticky;
  top: 0;
  z-index: 1;
  margin: 0;
  padding: .35rem 0 .45rem;
  color: #9f935f;
  background: #0e0e0f;
  font-size: .58rem;
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.previous-ask-row {
  display: grid;
  width: 100%;
  gap: .32rem;
  border: 0;
  border-radius: .58rem;
  padding: .68rem .7rem;
  color: var(--ink-dim);
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.previous-ask-row:hover,
.previous-ask-row:focus-visible { color: var(--ink); background: #191817; }
.previous-ask-row__text {
  display: -webkit-box;
  overflow: hidden;
  font: 400 .76rem/1.42 var(--sans);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.previous-ask-row__date {
  color: #726e66;
  font-size: .57rem;
}
.previous-asks__load-more {
  width: 100%;
  border: 1px solid #454033;
  border-radius: .55rem;
  padding: .62rem .7rem;
  color: #c9bd91;
  background: #15140f;
  font: 500 .66rem var(--sans);
  cursor: pointer;
}
.previous-asks__load-more:disabled { cursor: wait; opacity: .5; }
.previous-ask-detail {
  min-height: 0;
  overflow-y: auto;
}
.previous-ask-detail__date {
  margin: 1.2rem 0 .7rem;
  color: #9f935f;
  font-size: .61rem;
  letter-spacing: .05em;
}
.previous-ask-detail__text {
  margin: 0;
  border-left: 1px solid #9d8c4e;
  padding: .25rem 0 .25rem .9rem;
  color: var(--ink);
  font: 300 1.22rem/1.55 var(--serif);
  white-space: pre-wrap;
}
.previous-ask-detail__boundary {
  margin: 1.2rem 0;
  border-top: 1px solid var(--line);
  padding-top: 1rem;
  color: var(--ink-faint);
  font-size: .65rem;
  line-height: 1.55;
}
.previous-ask-detail__status {
  min-height: 1rem;
  margin: -.45rem 0 .75rem;
  color: #d5aa91;
  font-size: .63rem;
  line-height: 1.5;
}
.previous-ask-detail__use {
  width: 100%;
  border: 1px solid #8e7d42;
  border-radius: .58rem;
  padding: .7rem .8rem;
  color: #17140a;
  background: #c9b661;
  font: 600 .7rem var(--sans);
  cursor: pointer;
}
.previous-ask-detail__use:hover { background: #dac86e; }
.previous-ask-detail__use:disabled {
  border-color: #454238;
  color: #77736c;
  background: #24231f;
  cursor: default;
}
.reading-panel {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: clamp(1.1rem, 2vw, 1.7rem);
}
.reading-panel--patterns {
  background: #0d0d0e;
  overflow: hidden;
}
.reading-panel--patterns > .current-reflection-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior-y: contain;
}
.reading-panel--path {
  background: #0e0e10;
  /* Only the answer body scrolls. A padded outer scrollport lets cards peek
     above a sticky header through its top padding. */
  overflow: hidden;
}
.reading-panel--path > .life-path {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior-y: contain;
}
.reading-panel--path > .life-path > * { flex-shrink: 0; }
#depth-history-scope { flex-shrink: 0; }
.control-history-settings { grid-column: 1 / -1; }
.control-deployment-version { flex: 1 0 100%; min-width: 0; border-top: 1px solid var(--line); padding-top: 1rem; }
.control-deployment-version dl { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .5rem 1rem; }
.control-deployment-version dd { margin: 0; overflow-wrap: anywhere; }
.control-deployment-version p { margin-top: .8rem; }
@media (max-width: 44rem) {
  .control-deployment-version dl { grid-template-columns: minmax(0, 1fr); }
}
.control-settings__group {
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 12px;
  min-width: 0;
}
.control-settings__group > summary {
  cursor: pointer;
  font-weight: 600;
  min-height: 2.75rem;
  padding-block: .5rem;
  box-sizing: border-box;
  overflow-wrap: anywhere;
}
.control-settings__group > summary:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}
.control-settings__group[open] > summary { margin-bottom: 1rem; }
.control-history-settings fieldset { margin: 1rem 0; border: 1px solid var(--line); }
.control-history-settings .control-settings__group > fieldset { margin: 0; min-width: 0; border: 0; padding: 0; }
.control-depth-settings__columns { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 1.5rem; margin-top: 1rem; }
.control-depth-settings__columns > section { min-width: 0; }
.control-depth-settings__columns h4 { margin: 0 0 .75rem; }
.control-depth-settings__columns p { margin: .75rem 0; }
@media (max-width: 48rem) {
  .control-depth-settings__columns { grid-template-columns: minmax(0, 1fr); }
}
.control-history-settings label { display: block; margin: .6rem 0; }
.control-history-settings select,
.control-history-settings input:not([type="checkbox"]) {
  max-width: 100%; padding: .4rem; color: var(--ink); background: var(--ground-soft);
  border: 1px solid var(--line); border-radius: .3rem;
}
.control-studio-spending { grid-column: 1 / -1; border-top: 1px solid var(--line); padding-top: 1rem; }
.control-studio-spending p { margin: .75rem 0; }
.control-studio-spending label { display: block; margin: .75rem 0; }
.control-studio-spending input[type="text"] {
  display: block; width: 18rem; max-width: 100%; margin-top: .5rem; padding: .6rem;
  color: var(--ink); background: var(--ground-soft); border: 1px solid var(--line); border-radius: .3rem;
}
.control-studio-spending fieldset { margin: 1rem 0; padding: 1rem; border: 1px solid var(--line); min-width: 0; }
.control-studio-spending button {
  margin: .4rem .6rem .4rem 0; padding: .6rem .8rem; font: inherit;
  color: var(--ink); background: var(--ground-soft); border: 1px solid var(--accent);
  border-radius: .4rem; cursor: pointer;
}
.control-studio-spending button:disabled { opacity: .5; cursor: not-allowed; }
.control-studio-spending :is(button, input):focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.revisit-ask {
  margin: 0 0 1rem;
  border: 1px solid #393522;
  border-radius: .72rem;
  padding: .85rem .9rem;
  background: #12110d;
}
.revisit-ask__meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
}
.revisit-ask__meta p,
.revisit-ask__meta time {
  margin: 0;
  color: #948958;
  font-size: .58rem;
  letter-spacing: .06em;
}
.revisit-ask__meta p { text-transform: uppercase; }
.revisit-ask blockquote {
  margin: .7rem 0 0;
  border-left: 1px solid var(--accent);
  padding: .12rem 0 .12rem .75rem;
  color: var(--ink);
  font: 300 1.12rem/1.48 var(--serif);
  white-space: pre-wrap;
}
.revisit-ask__use {
  margin-top: .7rem;
  border: 0;
  border-bottom: 1px solid #51492c;
  padding: .2rem 0;
  color: #b8aa70;
  background: transparent;
  font: 500 .62rem/1.25 var(--sans);
  cursor: pointer;
}
.revisit-ask__use:hover,
.revisit-ask__use:focus-visible { color: #e5d386; }
.revisit-ask__use:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
.revisit-ask__use:disabled { cursor: default; opacity: .5; }
.previous-ask-way-forward-action {
  margin-top: 1.1rem;
  border-top: 1px solid var(--line);
  padding-top: 1rem;
}
.previous-ask-way-forward-action h3 {
  margin: 0;
  color: #d5ca93;
  font: 400 .72rem/1.3 var(--sans);
}
.previous-ask-way-forward-action > p {
  margin: .45rem 0 .8rem;
  color: var(--ink-faint);
  font-size: .64rem;
  line-height: 1.5;
}
.previous-ask-way-forward-action button {
  width: 100%;
  border: 1px solid #8e7d42;
  border-radius: .58rem;
  padding: .72rem .8rem;
  color: #17140a;
  background: #c9b661;
  font: 600 .7rem/1.2 var(--sans);
  cursor: pointer;
}
.previous-ask-way-forward-action button:hover:not(:disabled) {
  background: #dac86e;
}
.previous-ask-way-forward-action button:disabled {
  border-color: #454238;
  color: #77736c;
  background: #24231f;
  cursor: default;
}
#previous-ask-way-forward-status {
  min-height: 1rem;
  margin: .6rem 0 0;
  color: #aaa173;
}
.revisit-way-forward__notice {
  margin: 0 0 .75rem;
  color: #9f935f;
  font-size: .6rem;
  line-height: 1.45;
  letter-spacing: .03em;
}
.conversation-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  padding: clamp(1.1rem, 2vw, 1.7rem);
  background:
    radial-gradient(circle at 50% 0%, rgb(201 162 39 / 4%), transparent 34%),
    var(--ground-soft);
}
.reading-freshness {
  flex: 0 0 auto;
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid var(--accent);
  border-radius: 8px;
  color: var(--ink);
  font: 12px/1.5 var(--sans);
}

.reading-freshness[hidden] { display: none; }

.panel-heading {
  display: flex;
  min-height: 6rem;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1.15rem;
  border-bottom: 1px solid var(--line);
}
.reading-panel > .panel-heading,
.conversation-panel > .panel-heading {
  position: sticky;
  top: 0;
  z-index: 5;
}
.reading-panel--patterns > .panel-heading {
  background: #0d0d0e;
  flex-wrap: wrap;
  flex-shrink: 0;
  position: relative;
}
.conversation-panel > .panel-heading { background: var(--ground-soft); }
.reading-panel--path > .panel-heading {
  background: #0e0e10;
  flex-wrap: wrap;
  flex-shrink: 0;
  position: relative;
}
.way-forward-progress { flex: 0 0 100%; min-width: 0; }
.way-forward-progress p {
  margin: 0 0 .5rem;
  color: #d3be67;
  font: 400 .72rem/1.5 var(--sans);
}
.way-forward-progress__bar {
  height: .25rem;
  overflow: hidden;
  border-radius: 999px;
  background: #302b1b;
}
.way-forward-progress__bar span {
  display: block;
  width: 35%;
  height: 100%;
  background: #c9b75d;
  border-radius: inherit;
  animation: way-forward-working 1.6s ease-in-out infinite;
}
@keyframes way-forward-working {
  from { transform: translateX(-100%); }
  to { transform: translateX(290%); }
}
@media (prefers-reduced-motion: reduce) {
  .way-forward-progress__bar span { animation: none; transform: translateX(90%); }
}
.panel-heading h2 {
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(1.45rem, 2vw, 1.85rem);
  font-weight: 300;
  line-height: 1.12;
}
.current-reflection-info {
  position: static;
  flex: 0 0 auto;
  align-self: flex-end;
}
.way-forward-info {
  position: static;
  flex: 0 0 auto;
  align-self: flex-end;
}
.current-reflection-info__button,
.way-forward-info__button {
  display: grid;
  width: 1.35rem;
  height: 1.35rem;
  place-items: center;
  border: 1px solid rgb(197 176 95 / 54%);
  border-radius: 50%;
  padding: 0;
  color: #d9c66d;
  background: rgb(197 176 95 / 8%);
  font: 500 .68rem/1 var(--serif);
  cursor: help;
}
.current-reflection-info__button:hover,
.current-reflection-info__button:focus-visible,
.way-forward-info__button:hover,
.way-forward-info__button:focus-visible {
  border-color: #dfca71;
  color: #f1dda0;
  background: rgb(197 176 95 / 15%);
}
.current-reflection-info__button:focus-visible,
.way-forward-info__button:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
.current-reflection-tooltip,
.way-forward-tooltip {
  position: absolute;
  top: calc(100% + .45rem);
  right: 0;
  left: 0;
  z-index: 8;
  visibility: hidden;
  border: 1px solid rgb(197 176 95 / 42%);
  border-radius: .65rem;
  padding: .72rem .8rem;
  color: var(--ink-dim);
  background: #17160f;
  box-shadow: 0 .8rem 2rem rgb(0 0 0 / 42%);
  font-size: .66rem;
  line-height: 1.5;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-.2rem);
  transition: opacity 120ms ease, transform 120ms ease, visibility 120ms ease;
}
.current-reflection-info:hover .current-reflection-tooltip,
.current-reflection-info:focus-within .current-reflection-tooltip,
.way-forward-info:hover .way-forward-tooltip,
.way-forward-info:focus-within .way-forward-tooltip {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.current-reflection-tooltip p,
.way-forward-tooltip p { margin: 0; }
.panel-heading__actions--reflection {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-end;
  gap: .6rem;
}
.panel-heading__actions--path {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-end;
  gap: .55rem;
}
.personality-review-open {
  max-width: 8.5rem;
  border: 1px solid rgb(197 176 95 / 62%);
  border-radius: 999px;
  padding: .5rem .72rem;
  color: #e1ce75;
  background: rgb(197 176 95 / 9%);
  font: 500 .7rem/1.25 var(--sans);
  text-align: center;
  cursor: pointer;
}
.personality-review-open:hover:not(:disabled),
.personality-review-open:focus-visible {
  border-color: #e1ce75;
  color: #f2dfa0;
  background: rgb(197 176 95 / 16%);
}
.personality-review-open:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
.personality-review-open:disabled {
  cursor: default;
  opacity: .45;
}
.panel-intro {
  margin: 1rem 0 1.25rem;
  color: var(--ink-dim);
  font-size: .74rem;
  line-height: 1.6;
}
.current-reflection-tooltip .current-reflection-status {
  margin: .5rem 0 0;
  border-top: 1px solid rgb(201 162 39 / 28%);
  padding: .5rem 0 0;
  color: #d8c97f;
  font-size: .64rem;
  line-height: 1.45;
}
.reading-panel--just-updated {
  animation: current-reflection-updated 1.2s ease-out;
}
@keyframes current-reflection-updated {
  from { box-shadow: inset 0 0 0 1px rgb(201 162 39 / 68%); }
  to { box-shadow: inset 0 0 0 1px transparent; }
}
.depth-label,
.working-label {
  color: var(--ink-faint);
  font-family: var(--sans);
  font-size: .61rem;
  font-weight: 400;
  letter-spacing: .06em;
  white-space: nowrap;
}
.conversation-heading__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: .65rem;
}
.ask-inquiry,
.new-topic {
  display: inline-flex;
  min-height: 2rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(197 176 95 / 68%);
  border-radius: 999px;
  padding: .46rem .78rem;
  color: #e1ce75;
  background: rgb(197 176 95 / 10%);
  font: 500 .8rem/1 var(--sans);
  letter-spacing: .025em;
  box-shadow: inset 0 0 0 1px rgb(197 176 95 / 5%);
  cursor: pointer;
}
.ask-inquiry:hover:not(:disabled),
.ask-inquiry:focus-visible,
.new-topic:hover:not(:disabled),
.new-topic:focus-visible {
  border-color: #e1ce75;
  color: #f2dfa0;
  background: rgb(197 176 95 / 17%);
}
.ask-inquiry:focus-visible,
.new-topic:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
.ask-inquiry:disabled,
.new-topic:disabled { cursor: default; opacity: .45; }
.recall-reading {
  display: inline-flex;
  min-height: 2rem;
  align-items: center;
  justify-content: center;
  border: 1px solid #4b473b;
  border-radius: 999px;
  padding: .46rem .72rem;
  color: #c9bd91;
  background: #17160f;
  font: 500 .72rem/1 var(--sans);
  letter-spacing: .02em;
  cursor: pointer;
}
.recall-reading:hover:not(:disabled),
.recall-reading:focus-visible,
.recall-reading[aria-pressed="true"] {
  border-color: #c9b661;
  color: #ead786;
  background: rgb(197 176 95 / 13%);
}
.recall-reading:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
.recall-reading:disabled { cursor: default; opacity: .45; }
.working-label {
  display: inline-block;
  margin-left: .3rem;
  vertical-align: middle;
  text-transform: uppercase;
}
.panel-loading {
  color: var(--ink-faint);
  font-size: .75rem;
}
.panel-empty {
  margin: .2rem 0;
  color: var(--ink-faint);
  font-size: .72rem;
  line-height: 1.6;
}
.reading-list,
.life-path {
  display: flex;
  flex-direction: column;
  gap: .85rem;
  padding-top: 1.2rem;
}
.reading-card,
.connection-card,
.direction-card,
.wisdom-guidance-card,
.philosophical-reflection {
  border: 1px solid var(--line);
  border-radius: .8rem;
  padding: 1rem;
  background: rgb(255 255 255 / 1.6%);
}
.philosophical-reflection {
  border-color: #51482d;
  background: linear-gradient(145deg, rgb(201 162 39 / 7%), rgb(255 255 255 / 1.4%));
}
.philosophical-reflection__launcher-text {
  margin: 0 0 .8rem;
  color: var(--ink-dim);
  font-family: var(--serif);
  font-size: 1.02rem;
  line-height: 1.5;
}
.philosophical-reflection__open {
  width: 100%;
  border: 1px solid #8e7d42;
  border-radius: .58rem;
  padding: .68rem .8rem;
  color: #17140a;
  background: #c9b661;
  font: 600 .7rem var(--sans);
  cursor: pointer;
}
.philosophical-reflection__open:hover {
  border-color: #e0cd7d;
  background: #d8c66e;
}
.philosophical-reflection__reread {
  width: 100%;
  margin-top: .8rem;
  border: 1px solid #8e7d42;
  border-radius: .58rem;
  padding: .72rem .8rem;
  color: #f4e9b2;
  background: rgb(201 182 97 / 12%);
  font: 600 .72rem var(--sans);
  cursor: pointer;
}
.philosophical-reflection__reread:hover {
  border-color: #e0cd7d;
  background: rgb(201 182 97 / 20%);
}
.philosophical-reflection__reread:disabled {
  border-color: #454238;
  color: #77736c;
  background: #24231f;
  cursor: default;
}
.philosophical-reflection__reread-note {
  margin: .45rem 0 0;
  color: var(--ink-faint);
  font-size: .64rem;
  line-height: 1.45;
}
.philosophical-reflection__launcher-status {
  min-height: .95rem;
  margin: .55rem 0 0;
  color: var(--ink-faint);
  font-size: .62rem;
  line-height: 1.45;
}
.philosophical-reflection-dialog {
  width: min(38rem, calc(100% - 2rem));
  max-height: min(46rem, calc(100dvh - 2rem));
  overflow-y: auto;
  border: 1px solid #625633;
  border-radius: 1rem;
  padding: 1.4rem;
  color: var(--ink);
  background: #111113;
  box-shadow: 0 2rem 7rem rgb(0 0 0 / 72%);
}
.philosophical-reflection-dialog::backdrop {
  background: rgb(3 3 4 / 82%);
  backdrop-filter: blur(3px);
}
.philosophical-reflection__dialog-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.philosophical-reflection__dialog-title {
  margin: 0;
  font-family: var(--serif);
  font-size: 1.65rem;
  font-weight: 400;
}
.philosophical-reflection__close {
  flex: 0 0 auto;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: .46rem .7rem;
  color: var(--ink-dim);
  background: transparent;
  font: 500 .64rem var(--sans);
  cursor: pointer;
}
.philosophical-reflection__close:hover { color: var(--ink); }
.philosophical-reflection__example {
  margin: 0 0 1.15rem;
  border-left: 2px solid #8e7d42;
  border-radius: .15rem .65rem .65rem .15rem;
  padding: .8rem .9rem;
  background: rgb(201 162 39 / 7%);
}
.philosophical-reflection__example-label {
  margin: 0 0 .35rem;
  color: #c8b875;
  font-size: .59rem;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.philosophical-reflection__example-text {
  margin: 0;
  color: var(--ink-dim);
  font-size: .76rem;
  line-height: 1.6;
}
.philosophical-reflection__heading {
  margin: 0 0 .65rem;
  color: #c8b875;
  font-size: .62rem;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.philosophical-reflection__question {
  margin: 0;
  color: var(--ink);
  font-family: var(--serif);
  font-size: 1.14rem;
  font-weight: 500;
  line-height: 1.48;
}
.philosophical-reflection__intro {
  margin: .65rem 0 .9rem;
  color: var(--ink-dim);
  font-size: .72rem;
  line-height: 1.55;
}
.philosophical-reflection__form,
.philosophical-reflection__options {
  display: grid;
  gap: .55rem;
}
.philosophical-reflection__options {
  min-width: 0;
  margin: 0;
  border: 0;
  padding: 0;
}
.philosophical-reflection__option {
  display: grid;
  grid-template-columns: auto 1.4rem minmax(0, 1fr);
  align-items: start;
  gap: .55rem;
  border: 1px solid #39372f;
  border-radius: .62rem;
  padding: .72rem;
  color: var(--ink-dim);
  background: #141414;
  font-size: .73rem;
  line-height: 1.5;
  cursor: pointer;
}
.philosophical-reflection__option:has(input:checked) {
  border-color: #aa9650;
  color: var(--ink);
  background: rgb(201 162 39 / 9%);
}
.philosophical-reflection__option:has(input:disabled) { cursor: default; }
.philosophical-reflection__option input,
.philosophical-reflection__confirmation input {
  margin: .15rem 0 0;
  accent-color: #c9b661;
}
.philosophical-reflection__option-id {
  color: #c8b875;
  font-weight: 600;
}
.philosophical-reflection__confirmation {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .55rem;
  margin-top: .35rem;
  color: var(--ink-dim);
  font-size: .68rem;
  line-height: 1.5;
  cursor: pointer;
}
.philosophical-reflection__submit {
  width: 100%;
  border: 1px solid #8e7d42;
  border-radius: .55rem;
  padding: .68rem .8rem;
  color: #17140a;
  background: #c9b661;
  font: 600 .7rem var(--sans);
  cursor: pointer;
}
.philosophical-reflection__submit:disabled {
  border-color: #454238;
  color: #77736c;
  background: #24231f;
  cursor: default;
}
.philosophical-reflection__status {
  margin: .7rem 0 0;
  color: var(--ink-faint);
  font-size: .64rem;
  line-height: 1.5;
}
.reading-card__dimension {
  margin: 0 0 .55rem;
  color: #c8b875;
  font-size: .61rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.reading-card__state {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
}
.state-chip {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  border-radius: 999px;
  padding: .28rem .5rem;
  font-size: .58rem;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.state-chip--current {
  color: #b7c7a7;
  background: rgb(112 145 86 / 14%);
}
.state-chip--possible {
  margin-bottom: 1rem;
  color: #c8b875;
  background: rgb(201 162 39 / 11%);
}
.uncertainty {
  margin: 0;
  color: var(--ink-faint);
  font-size: .61rem;
}
.reading-card__text,
.connection-card__text,
.direction-card__text,
.wisdom-guidance-card__text {
  margin: 1rem 0;
  font-family: var(--serif);
  font-size: 1.18rem;
  line-height: 1.45;
}
.evidence-link {
  border: 0;
  border-bottom: 1px solid #4d4321;
  padding: .25rem 0;
  color: #b9a963;
  background: transparent;
  font-family: var(--sans);
  font-size: .65rem;
  cursor: pointer;
}
.evidence-link:hover { color: #e0c75f; }
.evidence-link:focus-visible,
.workspace-tabs button:focus-visible,
.evidence-dialog__close:focus-visible,
.depth-control select:focus-visible,
.depth-dialog button:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
.philosophical-reflection input:focus-visible,
.philosophical-reflection__submit:focus-visible,
.philosophical-reflection__open:focus-visible,
.philosophical-reflection__reread:focus-visible,
.philosophical-reflection__close:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

.depth-control {
  display: grid;
  flex: 0 0 auto;
  justify-items: end;
  gap: .24rem;
  margin: 0;
}
.depth-control label {
  color: var(--ink-dim);
  font-size: .58rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.depth-control select {
  min-width: 6.8rem;
  border: 1px solid #3b393f;
  border-radius: .45rem;
  padding: .38rem 1.65rem .38rem .5rem;
  color: var(--ink);
  background: #17171a;
  font: 400 .64rem var(--sans);
  cursor: pointer;
}
.depth-control select:disabled { cursor: default; opacity: .55; }
.depth-status {
  max-width: 12rem;
  margin: .18rem 0 0;
  color: var(--ink-faint);
  font-size: .56rem;
  line-height: 1.45;
  text-align: right;
}

.preview-thread {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  overflow-y: auto;
  padding: 1.2rem .2rem;
  scrollbar-color: var(--line) transparent;
}
.preview-turn { max-width: 88%; }
.preview-turn--human {
  align-self: flex-end;
  width: fit-content;
  border-right: 1px solid #444147;
  padding-right: .9rem;
  text-align: right;
}
.preview-turn--vyzier { align-self: flex-start; }
.preview-turn--status {
  align-self: stretch;
  max-width: 100%;
  border: 1px solid #3b3426;
  border-radius: .65rem;
  padding: .75rem;
  background: #15130f;
}
.preview-turn--status .preview-turn__who { color: #b9a963; }
.preview-turn--status .preview-turn__body {
  color: var(--ink-dim);
  font-size: .75rem;
}
.preview-turn__who { color: var(--ink-faint); }
.preview-turn__body {
  margin: 0;
  color: var(--ink-dim);
  font-size: .84rem;
  line-height: 1.65;
  white-space: pre-line;
}
.preview-turn--vyzier .preview-turn__body {
  color: var(--ink);
  font-family: var(--serif);
  font-size: 1.16rem;
  line-height: 1.55;
}
.preview-turn__note {
  margin: .55rem 0 0;
  color: #77736c;
  font-size: .58rem;
  letter-spacing: .03em;
}
.preview-composer {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: .7rem;
  border: 1px solid var(--line);
  border-radius: .75rem;
  padding: .65rem .75rem;
  background: #101012;
}
.preview-composer textarea {
  min-width: 0;
  resize: none;
  border: 0;
  outline: 0;
  color: var(--ink-faint);
  background: transparent;
  font: 300 .76rem/1.45 var(--sans);
}
.preview-composer textarea::placeholder { color: #706c66; opacity: 1; }
.preview-composer button {
  display: grid;
  width: 1.8rem;
  height: 1.8rem;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--ink-faint);
  background: transparent;
  cursor: pointer;
  transition: border-color .2s ease, color .2s ease, transform .2s ease;
}
.preview-composer button:hover:not(:disabled) {
  border-color: var(--accent);
  color: var(--accent);
  transform: translateY(-1px);
}
.preview-composer button:disabled { cursor: default; opacity: .55; }
.preview-composer textarea:disabled { cursor: not-allowed; }
.preview-composer #c1-send.is-inquiry-mode {
  width: auto;
  min-width: 6.7rem;
  height: 2rem;
  border-color: rgb(197 176 95 / 72%);
  border-radius: 999px;
  padding: .45rem .72rem;
  color: #f2dfa0;
  background: rgb(197 176 95 / 13%);
  font: 500 .68rem/1 var(--sans);
  white-space: nowrap;
}
.preview-composer #c1-send.is-inquiry-mode:hover:not(:disabled),
.preview-composer #c1-send.is-inquiry-mode:focus-visible {
  border-color: #e1ce75;
  color: #fff0b7;
  background: rgb(197 176 95 / 20%);
}
.preview-composer__inquiry {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: .55rem;
  border-top: 1px solid #29282b;
  padding-top: .55rem;
}
.preview-composer .ask-inquiry {
  display: inline-flex;
  width: auto;
  height: auto;
  min-height: 1.85rem;
  padding: .42rem .7rem;
  border-color: rgb(197 176 95 / 58%);
  border-radius: 999px;
  color: #d9c772;
  background: rgb(197 176 95 / 8%);
  font: 500 .68rem/1 var(--sans);
  letter-spacing: .025em;
}
.preview-composer .ask-inquiry:hover:not(:disabled),
.preview-composer .ask-inquiry:focus-visible {
  border-color: #e1ce75;
  color: #f2dfa0;
  background: rgb(197 176 95 / 15%);
}
.preview-composer__inquiry-note {
  color: #6f6b65;
  font-size: .57rem;
  letter-spacing: .025em;
}
.ask-inquiry-choice {
  display: inline-flex;
  align-items: center;
  gap: .48rem;
  color: #d9c772;
  font: 500 .7rem/1.25 var(--sans);
  letter-spacing: .02em;
  cursor: pointer;
}
.ask-inquiry-checkbox {
  width: 1rem;
  height: 1rem;
  margin: 0;
  accent-color: #c5b05f;
  cursor: pointer;
}
.ask-inquiry-checkbox:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
.ask-inquiry-checkbox:disabled,
.ask-inquiry-checkbox:disabled + span {
  cursor: default;
  opacity: .48;
}
.preview-composer__inquiry--choice.is-selected {
  border-top-color: rgb(197 176 95 / 55%);
}
.workspace[data-mode="live"] .preview-composer:focus-within {
  border-color: #575044;
}
.workspace[data-mode="live"] .preview-badge__dot {
  background: #92a87d;
  box-shadow: 0 0 0 .22rem rgb(146 168 125 / 10%);
}
.workspace[aria-busy="true"] .preview-badge__dot {
  animation: pulse 1.3s ease-in-out infinite;
}
.composer-note {
  margin: .55rem 0 0;
  color: #6f6b65;
  font-size: .58rem;
  text-align: center;
}

.connection-map {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 2rem minmax(0, 1fr);
  align-items: center;
  gap: .25rem;
}
.connection-node {
  min-height: 4.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #333238;
  border-radius: .65rem;
  padding: .6rem;
  background: #121215;
}
.connection-node__kicker {
  margin-bottom: .28rem;
  color: var(--ink-faint);
  font-size: .52rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.connection-node__label {
  font-family: var(--serif);
  font-size: .92rem;
  line-height: 1.15;
}
.connection-line {
  position: relative;
  height: 1px;
  background: #514621;
}
.connection-line::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -.05rem;
  width: .32rem;
  height: .32rem;
  border-top: 1px solid var(--accent);
  border-right: 1px solid var(--accent);
  transform: translateY(-50%) rotate(45deg);
}
.direction-card {
  border-color: #373221;
  background: #12110d;
}
.direction-card--risk {
  border-color: #412e2b;
  background: #15100f;
}
.direction-card--risk .direction-card__label { color: #bd8179; }
.direction-card__label { color: #b5a45f; }
.direction-card__text { margin: .7rem 0; }
.wisdom-guidance-card {
  border-color: #3d3825;
  background: linear-gradient(145deg, #15140f, #10100d);
}
.wisdom-guidance-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .7rem;
}
.wisdom-guidance-card__top .state-chip { margin-bottom: 0; }
.wisdom-guidance-card__title {
  margin: .9rem 0 0;
  color: #d9cb91;
  font: 500 .8rem/1.35 var(--sans);
}
.wisdom-guidance-card__text { margin: .55rem 0 1rem; }
.wisdom-guidance-card__connection-label {
  margin: 0 0 .35rem;
  color: #91865d;
  font-size: .58rem;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.wisdom-guidance-card__connection {
  margin: 0 0 .9rem;
  color: var(--ink-soft);
  font-size: .76rem;
  line-height: 1.55;
}
.way-forward-steps { padding-inline-start: 1.3rem; }
.way-forward-steps li + li { margin-top: .6rem; }
.wisdom-guidance-card__evidence-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem .9rem;
  margin: .1rem 0 .9rem;
}
.wisdom-guidance-card__evidence-actions .evidence-link {
  flex: 0 0 auto;
}
.wisdom-guidance-card__sources {
  display: grid;
  gap: .28rem;
  margin: 0 0 .65rem;
}
.wisdom-guidance-card__source {
  margin: 0;
  color: var(--ink-faint);
  font-size: .61rem;
  line-height: 1.45;
}
.wisdom-guidance-card__source-link {
  color: #b9a963;
  text-decoration-color: #514621;
  text-underline-offset: .16rem;
}
.wisdom-guidance-card__source-link:hover { color: #e0c75f; }
.wisdom-guidance-card__source-button {
  justify-self: start;
  margin: 0;
}
.wisdom-guidance-card--with-reflection {
  border-color: #51482d;
}
.wisdom-guidance-card .philosophical-reflection--embedded {
  margin-top: .2rem;
  border: 0;
  border-top: 1px solid #51482d;
  border-radius: 0;
  padding: 1rem 0 0;
  background: transparent;
}
.source-dialog__book {
  margin: .7rem 0 .2rem;
  color: #d9cb91;
  font: 500 .82rem/1.4 var(--sans);
}
.source-dialog__locator {
  margin: 0;
  color: var(--ink-faint);
  font-size: .64rem;
  line-height: 1.45;
}
.workspace__notice {
  margin: 0;
  color: #77736c;
  font-size: .61rem;
  line-height: 1.45;
  text-align: center;
}
.workspace__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .8rem;
}
.workspace__data-action {
  flex: 0 0 auto;
  min-height: 2rem;
  border: 1px solid #66413c;
  border-radius: 999px;
  padding: .48rem .78rem;
  color: #d9a29b;
  background: #1c1110;
  font: 500 .68rem var(--sans);
  letter-spacing: .015em;
  cursor: pointer;
}
.workspace__data-action:hover:not(:disabled) {
  border-color: #a6665e;
  color: #f0bbb4;
  background: #291513;
}
.workspace__data-action:disabled { cursor: wait; opacity: .55; }

.evidence-dialog {
  width: min(40rem, calc(100% - 2rem));
  max-height: min(42rem, calc(100dvh - 2rem));
  overflow-y: auto;
  border: 1px solid #3c3932;
  border-radius: 1rem;
  padding: 1.4rem;
  color: var(--ink);
  background: #111113;
  box-shadow: 0 2rem 7rem rgb(0 0 0 / 70%);
}
.evidence-dialog::backdrop {
  background: rgb(3 3 4 / 78%);
  backdrop-filter: blur(3px);
}
.depth-dialog {
  width: min(31rem, calc(100% - 2rem));
  border: 1px solid #423c2d;
  border-radius: 1rem;
  padding: 1.45rem;
  color: var(--ink);
  background: #111113;
  box-shadow: 0 2rem 7rem rgb(0 0 0 / 70%);
}
.pilot-deletion-dialog {
  width: min(35rem, calc(100% - 2rem));
  border: 1px solid #4b302e;
  border-radius: 1rem;
  padding: 1.45rem;
  color: var(--ink);
  background: #111113;
  box-shadow: 0 2rem 7rem rgb(0 0 0 / 70%);
}
.pilot-deletion-dialog::backdrop {
  background: rgb(3 3 4 / 82%);
  backdrop-filter: blur(3px);
}
.pilot-deletion-dialog h2 {
  margin: 0 0 .8rem;
  font-family: var(--serif);
  font-size: 1.75rem;
  font-weight: 300;
}
.pilot-deletion-dialog > p:not(.panel-heading__scope),
.pilot-deletion-dialog__effects {
  color: var(--ink-dim);
  font-size: .74rem;
  line-height: 1.65;
}
.pilot-deletion-dialog__effects { padding-left: 1.15rem; }
.pilot-deletion-dialog__data-link {
  border: 0;
  padding: 0;
  color: var(--accent);
  background: transparent;
  font: inherit;
  text-decoration: underline;
  text-underline-offset: .16rem;
  cursor: pointer;
}
.pilot-deletion-dialog__data-link:hover,
.pilot-deletion-dialog__data-link:focus-visible {
  color: var(--ink);
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
.pilot-deletion-dialog__status {
  min-height: 1.25rem;
  margin-top: 1rem;
  color: #d59a92 !important;
}
.pilot-deletion-dialog__actions {
  display: flex;
  justify-content: flex-end;
  gap: .7rem;
  margin-top: 1.25rem;
}
.pilot-deletion-dialog__actions button {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: .68rem .9rem;
  color: var(--ink-dim);
  background: transparent;
  font: 400 .68rem var(--sans);
  cursor: pointer;
}
.pilot-deletion-dialog__actions button:hover:not(:disabled),
.pilot-deletion-dialog__actions button:focus-visible,
.workspace__data-action:focus-visible {
  border-color: var(--accent);
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
.pilot-deletion-dialog__actions .pilot-deletion-dialog__confirm {
  border-color: #6a3935;
  color: #e0a19a;
  background: #211110;
}
.pilot-deletion-dialog__actions button:disabled { cursor: wait; opacity: .5; }
.depth-dialog::backdrop {
  background: rgb(3 3 4 / 78%);
  backdrop-filter: blur(3px);
}
.depth-dialog h2 {
  margin: 0 0 .8rem;
  font-family: var(--serif);
  font-size: 1.75rem;
  font-weight: 300;
}
.depth-dialog > p:not(.panel-heading__scope) {
  color: var(--ink-dim);
  font-size: .76rem;
  line-height: 1.6;
}
.depth-dialog__consequence {
  border-left: 1px solid var(--accent);
  padding-left: .75rem;
}
.depth-dialog__actions {
  display: flex;
  justify-content: flex-end;
  gap: .6rem;
  margin-top: 1.15rem;
}
.depth-dialog button {
  border: 1px solid #3b393f;
  border-radius: .55rem;
  padding: .58rem .75rem;
  color: var(--ink-dim);
  background: #17171a;
  font: 400 .65rem var(--sans);
  cursor: pointer;
}
.depth-dialog button:disabled { cursor: default; opacity: .5; }
.depth-dialog #depth-confirm {
  border-color: #625322;
  color: #d7c36a;
  background: #1b180f;
}
.evidence-dialog__top {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--line);
}
.evidence-dialog__top h2 {
  margin: 0;
  font-family: var(--serif);
  font-size: 1.7rem;
  font-weight: 300;
}
.evidence-dialog__close {
  border: 0;
  border-bottom: 1px solid var(--line);
  padding: .25rem 0;
  color: var(--ink-dim);
  background: transparent;
  font: 300 .68rem var(--sans);
  cursor: pointer;
}
.evidence-dialog__context {
  margin: 1rem 0;
  color: var(--ink-dim);
  font-size: .75rem;
  line-height: 1.5;
}
.evidence-dialog__list { display: grid; gap: .75rem; }
.personality-review-dialog { width: min(46rem, calc(100% - 2rem)); }
.personality-review-dialog__status {
  min-height: 1.15rem;
  margin: 0 0 1rem;
  color: #c8b875;
  font-size: .69rem;
  line-height: 1.5;
}
.consolidated-personality-view {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 1.15rem 0;
}
.consolidated-personality-view__state {
  margin: 0 0 .8rem;
  color: #c8b875;
  font-size: .67rem;
  letter-spacing: .04em;
}
.consolidated-personality-view__text {
  margin: 0 0 1rem;
  color: var(--ink);
  font-family: var(--serif);
  font-size: 1.22rem;
  line-height: 1.65;
}
.personality-guidance {
  margin-top: 1rem;
  border: 1px solid rgb(197 176 95 / 34%);
  border-radius: .8rem;
  padding: 1rem;
  background: rgb(197 176 95 / 5%);
}
.personality-guidance__prompt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}
.personality-guidance__prompt h3 {
  margin: .2rem 0 .35rem;
  color: var(--ink);
  font-family: var(--serif);
  font-size: 1.15rem;
  font-weight: 400;
}
.personality-guidance__prompt p:not(.panel-heading__scope) {
  max-width: 31rem;
  margin: 0;
  color: var(--ink-dim);
  font-size: .72rem;
  line-height: 1.5;
}
.personality-guidance__prompt button {
  flex: 0 0 auto;
  border: 1px solid #c5b05f;
  border-radius: 999px;
  padding: .68rem .9rem;
  color: #17150c;
  background: #d8c979;
  font: 600 .7rem/1.2 var(--sans);
  cursor: pointer;
}
.personality-guidance__prompt button:hover:not(:disabled),
.personality-guidance__prompt button:focus-visible {
  background: #eadb8a;
}
.personality-guidance__prompt button:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
.personality-guidance__prompt button:disabled {
  cursor: default;
  opacity: .48;
}
.personality-guidance__status {
  min-height: 1rem;
  margin: .8rem 0 0;
  color: #c8b875;
  font-size: .68rem;
  line-height: 1.45;
}
.personality-guidance__results:not(:empty) {
  margin-top: .85rem;
  border-top: 1px solid rgb(197 176 95 / 28%);
  padding-top: 1rem;
}
.personality-guidance__card-label,
.personality-guidance__connection-label {
  margin: 0 0 .35rem;
  color: #c8b875;
  font-size: .63rem;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.personality-guidance__card h3 {
  margin: 0 0 .45rem;
  color: var(--ink);
  font-family: var(--serif);
  font-size: 1.25rem;
  font-weight: 400;
}
.personality-guidance__principle,
.personality-guidance__connection {
  margin: 0;
  color: var(--ink);
  font-size: .83rem;
  line-height: 1.65;
}
.personality-guidance__connection-label { margin-top: 1rem; }
.personality-guidance__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .9rem;
  margin-top: .9rem;
}
.personality-review-dialog__boundary {
  margin: 1rem 0 0;
  border-top: 1px solid var(--line);
  padding-top: .9rem;
  color: var(--ink-faint);
  font-size: .65rem;
  line-height: 1.5;
}
@media (max-width: 620px) {
  .personality-guidance__prompt {
    align-items: stretch;
    flex-direction: column;
  }
  .personality-guidance__prompt button { align-self: flex-start; }
}
.evidence-source {
  border: 1px solid var(--line);
  border-radius: .7rem;
  padding: 1rem;
  background: #0d0d0f;
}
.evidence-source__meta,
.evidence-source__assurance {
  margin: 0;
  color: var(--ink-faint);
  font-size: .6rem;
  letter-spacing: .05em;
}
.evidence-source__quote {
  margin: .75rem 0;
  border-left: 1px solid var(--accent);
  padding-left: .8rem;
  font-family: var(--serif);
  font-size: 1.2rem;
  line-height: 1.45;
}
.evidence-source--wisdom {
  border-color: rgba(197, 176, 95, .42);
  background: #11100c;
}
.evidence-source__position {
  margin: .75rem 0;
  border-left: 1px solid var(--accent);
  padding-left: .8rem;
  color: var(--ink);
  font-family: var(--serif);
  font-size: 1.1rem;
  line-height: 1.45;
}

@media (max-width: 74rem) {
  .workspace__grid {
    grid-template-columns: minmax(13rem, .8fr) minmax(20rem, 1.2fr) minmax(15rem, .9fr);
  }
  .reading-panel,
  .conversation-panel { padding: 1.1rem; }
  .connection-map { grid-template-columns: 1fr; gap: .35rem; }
  .connection-line {
    justify-self: center;
    width: 1px;
    height: 1.1rem;
  }
  .connection-line::after {
    top: auto;
    right: 50%;
    bottom: 0;
    transform: translateX(50%) rotate(135deg);
  }
}

@media (max-width: 54rem) {
  .stage--preview {
    height: auto;
    min-height: 100dvh;
    overflow: visible;
  }
  .stage--preview .topbar { padding-bottom: .4rem; }
  .workspace__intro { align-items: start; }
  .workspace-tabs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1px solid var(--line);
    border-radius: .7rem;
    padding: .2rem;
    background: #101012;
  }
  .workspace--revisit .workspace-tabs {
    grid-template-columns: repeat(2, 1fr);
  }
  .workspace-tabs button {
    border: 0;
    border-radius: .5rem;
    padding: .6rem .35rem;
    color: var(--ink-faint);
    background: transparent;
    font: 400 .64rem var(--sans);
    cursor: pointer;
  }
  .workspace-tabs button[aria-selected="true"] {
    color: var(--ink);
    background: #232226;
  }
  .workspace__grid {
    display: block;
    min-height: 36rem;
  }
  .workspace__grid > [data-preview-panel] { display: none; }
  .workspace__grid > [data-preview-panel].is-active { display: flex; min-height: 36rem; }
  .workspace__grid > .conversation-panel.is-active { display: grid; }
  .workspace--revisit .workspace__grid { display: block; }
  .workspace__notice { padding-bottom: .5rem; }
}

@media (max-width: 34rem) {
  .stage--preview .topbar { min-height: 3.6rem; }
  .previous-asks-open {
    top: -.15rem;
    left: 0;
  }
  .workspace__intro { gap: .75rem; }
  .revisit-context { align-items: flex-start; flex-direction: column; }
  .workspace__intro h1 { max-width: 15rem; }
  .workspace__intro-actions { align-items: flex-end; }
  .preview-badge { padding: .38rem .5rem; font-size: .57rem; }
  .workspace__data-action { max-width: 9.5rem; line-height: 1.25; }
  .reading-panel,
  .conversation-panel { padding: 1rem; }
}

/* Shared Wisdom Library */
.identity__wisdom {
  border-color: #4c4328;
  color: #d7c36a;
  font-size: calc(.66rem + 2px);
}
.wisdom-library-dialog {
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100dvh;
  max-height: none;
  margin: 0;
  overflow: hidden;
  border: 0;
  padding: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 78% 12%, rgb(84 69 25 / 14%), transparent 27rem),
    #0d0d0f;
}
.wisdom-library-dialog[open] {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}
.wisdom-library-dialog::backdrop {
  background: rgb(3 3 4 / 88%);
  backdrop-filter: blur(4px);
}
.wisdom-library__header {
  z-index: 2;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 2rem;
  border-bottom: 1px solid var(--line);
  padding: 1.25rem clamp(1rem, 3vw, 2.2rem);
  background: rgb(13 13 15 / 94%);
  backdrop-filter: blur(12px);
}
.wisdom-library__header h2 {
  margin: .12rem 0 .18rem;
  font: 300 clamp(2rem, 4vw, 2.8rem)/1 var(--serif);
}
.wisdom-library__header > div > p:last-child {
  margin: 0;
  color: var(--ink-dim);
  font-size: .78rem;
  line-height: 1.5;
}
.wisdom-library__close {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: .58rem .85rem;
  color: var(--ink-dim);
  background: #151517;
  font: 400 .72rem var(--sans);
  cursor: pointer;
}
.wisdom-library__skip {
  position: absolute;
  z-index: 5;
  top: .75rem;
  left: 50%;
  transform: translate(-50%, -180%);
  border: 2px solid var(--accent);
  border-radius: 999px;
  padding: .65rem .9rem;
  color: #111113;
  background: #ead574;
  font: 600 .72rem var(--sans);
  transition: transform .16s ease;
}
.wisdom-library__skip:focus {
  transform: translate(-50%, 0);
}
.wisdom-library__layout {
  display: grid;
  grid-template-columns: minmax(16rem, 20rem) minmax(0, 1fr);
  min-height: 0;
}
.wisdom-library__rail {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 1.4rem;
  min-height: 0;
  overflow: hidden;
  border-right: 1px solid var(--line);
  padding: 1.5rem 1.1rem 1rem;
  background: rgb(16 16 18 / 76%);
}
.wisdom-library__rail-heading {
  margin: 0 0 .65rem;
  color: #a49c78;
  font-size: .64rem;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.wisdom-library__collections {
  display: grid;
  gap: .32rem;
}
.wisdom-library__collections button {
  display: grid;
  grid-template-columns: 1.55rem 1fr auto;
  align-items: center;
  gap: .55rem;
  width: 100%;
  border: 1px solid transparent;
  border-radius: .6rem;
  padding: .65rem .7rem;
  color: var(--ink-faint);
  background: transparent;
  font: 400 .76rem var(--sans);
  text-align: left;
}
.wisdom-library__collections button[aria-current="page"] {
  border-color: #494126;
  color: var(--ink);
  background: #1d1a12;
}
.wisdom-library__collections button > span {
  color: #8e7940;
  font-size: .59rem;
  letter-spacing: .08em;
}
.wisdom-library__collections small {
  color: var(--ink-faint);
  font-size: .56rem;
}
.wisdom-library__browse {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 0;
}
.wisdom-library__browse-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .6rem;
}
.wisdom-library__browse-heading span {
  color: var(--ink-faint);
  font-size: .58rem;
  white-space: nowrap;
}
.wisdom-library__items {
  display: grid;
  align-content: start;
  gap: .22rem;
  overflow-y: auto;
  padding-right: .25rem;
}
.wisdom-library__items button {
  display: grid;
  grid-template-columns: 1.55rem 1fr;
  gap: .12rem .55rem;
  border: 0;
  border-left: 1px solid transparent;
  padding: .55rem .65rem;
  color: var(--ink-dim);
  background: transparent;
  font: 400 .72rem var(--sans);
  text-align: left;
  cursor: pointer;
}
.wisdom-library__items button[aria-current="true"] {
  border-left-color: var(--accent);
  color: var(--ink);
  background: linear-gradient(90deg, rgb(201 162 39 / 9%), transparent);
}
.wisdom-library__items button > span:first-child {
  grid-row: 1 / 3;
  color: #7e713f;
  font-size: .58rem;
  letter-spacing: .08em;
}
.wisdom-library__items small {
  color: var(--ink-faint);
  font-size: .56rem;
  text-transform: capitalize;
}
.wisdom-library__data-control {
  border-top: 1px solid var(--line);
  padding-top: .8rem;
}
.wisdom-library__data-control > button {
  border: 0;
  border-bottom: 1px solid #51322e;
  padding: .25rem 0;
  color: #ae7b75;
  background: transparent;
  font: 400 .62rem var(--sans);
  cursor: pointer;
}
.wisdom-library__data-control button:disabled { cursor: default; opacity: .45; }
#wisdom-delete-confirmation {
  border: 1px solid #4b302e;
  border-radius: .65rem;
  padding: .75rem;
  background: #181112;
}
#wisdom-delete-confirmation p {
  margin: 0 0 .7rem;
  color: #c5a09b;
  font-size: .62rem;
  line-height: 1.55;
}
#wisdom-delete-confirmation > div { display: flex; gap: .4rem; }
#wisdom-delete-confirmation button {
  border: 1px solid #533633;
  border-radius: .45rem;
  padding: .42rem .5rem;
  color: #d3aaa5;
  background: transparent;
  font: 400 .58rem var(--sans);
  cursor: pointer;
}
.wisdom-library__main {
  min-width: 0;
  overflow-y: auto;
  padding: clamp(1.25rem, 4vw, 3.8rem);
}
.wisdom-library__status {
  max-width: 62rem;
  min-height: 1.2rem;
  margin: 0 auto .8rem;
  color: var(--ink-faint);
  font-size: .67rem;
  letter-spacing: .03em;
}
.wisdom-library__status[data-kind="error"] { color: #d9948b; }
.wisdom-library__status[data-kind="success"] { color: #b9c58c; }
.wisdom-studio-selected-preview {
  width: min(100%, 62rem);
  margin: 0 auto 1.6rem;
  border: 1px solid #5b4e25;
  border-radius: .95rem;
  padding: clamp(1rem, 3vw, 1.6rem);
  background:
    linear-gradient(135deg, rgb(71 57 19 / 24%), transparent 52%),
    #121214;
  animation: rise .45s cubic-bezier(.16,1,.3,1) both;
}
.wisdom-studio-selected-preview__heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid #3d3828;
  padding-bottom: .85rem;
}
.wisdom-studio-selected-preview__heading p,
.wisdom-studio-selected-preview__meta {
  margin: 0 0 .25rem;
  color: #ae9c5c;
  font-size: .65rem;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.wisdom-studio-selected-preview__heading h3 {
  margin: 0;
  font: 300 1.55rem/1.15 var(--serif);
}
.wisdom-studio-selected-preview__heading > span {
  border: 1px solid #63572f;
  border-radius: 999px;
  padding: .34rem .56rem;
  color: #d5c273;
  font-size: .62rem;
  letter-spacing: .06em;
  white-space: nowrap;
}
.wisdom-studio-selected-preview__boundary {
  max-width: 52rem;
  margin: .8rem 0 1.1rem;
  color: var(--ink-faint);
  font-size: .69rem;
  line-height: 1.6;
}
.wisdom-studio-selected-preview__activities {
  display: grid;
  gap: 1rem;
}
.wisdom-studio-selected-preview__activities article {
  border: 1px solid #302f32;
  border-radius: .8rem;
  padding: clamp(1rem, 2.5vw, 1.5rem);
  background: rgb(15 15 17 / 88%);
}
.wisdom-studio-selected-preview__activities h4 {
  margin: 0 0 .75rem;
  font: 300 1.45rem/1.2 var(--serif);
}
.wisdom-studio-selected-preview__scenario {
  margin: 0 0 1rem;
  color: var(--ink-dim);
  font-size: .82rem;
  line-height: 1.7;
}
.wisdom-studio-selected-preview__activities h5 {
  margin: 0 0 .85rem;
  color: var(--ink);
  font: 300 1.25rem/1.35 var(--serif);
}
.wisdom-studio-selected-preview__activities ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wisdom-studio-selected-preview__activities li {
  display: grid;
  grid-template-columns: 1.65rem 1fr;
  align-items: start;
  gap: .55rem;
  border: 1px solid #302f33;
  border-radius: .65rem;
  padding: .75rem;
  color: var(--ink-dim);
  font-size: .73rem;
  line-height: 1.5;
}
.wisdom-studio-selected-preview__activities li > span:first-child {
  display: grid;
  place-items: center;
  width: 1.55rem;
  height: 1.55rem;
  border: 1px solid #51492e;
  border-radius: 50%;
  color: #c2ad61;
  font-size: .61rem;
}
.wisdom-studio-selected-preview__activities li[data-selected="true"] {
  border-color: #8b7a3f;
  background: rgb(98 80 29 / 18%);
  color: var(--ink);
}
.wisdom-studio-selected-preview__form {
  display: grid;
  gap: .9rem;
}
.wisdom-studio-selected-preview__form fieldset {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
  margin: 0;
  padding: 0;
  border: 0;
}
.wisdom-studio-selected-preview__form fieldset > label {
  display: grid;
  grid-template-columns: auto 1.65rem 1fr;
  align-items: start;
  gap: .55rem;
  border: 1px solid #302f33;
  border-radius: .65rem;
  padding: .75rem;
  color: var(--ink-dim);
  font-size: .73rem;
  line-height: 1.5;
  cursor: pointer;
}
.wisdom-studio-selected-preview__form fieldset > label:has(input:checked) {
  border-color: #8b7a3f;
  background: rgb(98 80 29 / 18%);
  color: var(--ink);
}
.wisdom-studio-selected-preview__form fieldset > label:focus-within {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
.wisdom-studio-selected-preview__form fieldset input[type="radio"] {
  margin-top: .36rem;
  accent-color: #c2ad61;
}
.wisdom-studio-selected-preview__form fieldset label > span:nth-of-type(1) {
  display: grid;
  place-items: center;
  width: 1.55rem;
  height: 1.55rem;
  border: 1px solid #51492e;
  border-radius: 50%;
  color: #c2ad61;
  font-size: .61rem;
}
.wisdom-studio-selected-preview__actions,
.wisdom-studio-selected-preview__saved {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .65rem;
  margin-top: .85rem;
}
.wisdom-studio-selected-preview__saved p {
  margin: 0 auto 0 0;
  color: var(--ink-faint);
  font-size: .7rem;
  line-height: 1.55;
}
.wisdom-studio-selected-preview__actions button,
.wisdom-studio-selected-preview__saved button {
  border: 1px solid #554c2f;
  border-radius: 999px;
  padding: .62rem .85rem;
  background: transparent;
  color: var(--ink-dim);
  font: inherit;
  font-size: .67rem;
  cursor: pointer;
}
.wisdom-studio-selected-preview__actions button:last-child {
  background: #c5af60;
  color: #111113;
}
.wisdom-studio-selected-preview__actions button:disabled,
.wisdom-studio-selected-preview__saved button:disabled {
  opacity: .4;
  cursor: not-allowed;
}
.wisdom-studio-selected-preview__confirmation {
  margin-top: 1rem;
  border-top: 1px solid #373328;
  padding-top: 1rem;
}
.wisdom-studio-selected-preview__confirmation h6 {
  margin: 0 0 .4rem;
  font: 400 .82rem/1.3 var(--sans);
  color: #d5c273;
}
.wisdom-studio-selected-preview__confirmation p {
  margin: 0;
  color: var(--ink-dim);
  font-size: .72rem;
  line-height: 1.6;
}
.wisdom-reflection {
  width: min(100%, 62rem);
  margin: 0 auto;
  animation: rise .45s cubic-bezier(.16,1,.3,1) both;
}
.wisdom-reflection__heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.wisdom-reflection__meta {
  margin: 0 0 .25rem;
  color: #a79c6f;
  font-size: .65rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.wisdom-reflection__heading h3 {
  margin: 0;
  font: 300 2rem/1.1 var(--serif);
}
.wisdom-reflection__position {
  border: 1px solid #3c3829;
  border-radius: 999px;
  padding: .38rem .55rem;
  color: #aa9a5d;
  font-size: .62rem;
  letter-spacing: .08em;
}
.wisdom-reflection__scenario {
  border: 1px solid #302f32;
  border-radius: .9rem;
  padding: clamp(1.15rem, 3vw, 2rem);
  background: rgb(18 18 20 / 88%);
}
.wisdom-reflection__scenario p {
  margin: 0 0 1.25rem;
  color: var(--ink-dim);
  font-size: .88rem;
  line-height: 1.75;
}
.wisdom-reflection__scenario h4 {
  margin: 0;
  font: 300 clamp(1.5rem, 3.4vw, 2.15rem)/1.28 var(--serif);
}
.wisdom-response-form { margin-top: 1rem; }
.wisdom-response-form fieldset {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
  margin: 0;
  border: 0;
  padding: 0;
}
.wisdom-response-form fieldset > label {
  display: grid;
  grid-template-columns: 1.85rem 1fr;
  align-items: start;
  gap: .65rem;
  min-height: 5.8rem;
  border: 1px solid #302f33;
  border-radius: .75rem;
  padding: .9rem;
  color: var(--ink-dim);
  background: #111113;
  font-size: .75rem;
  line-height: 1.55;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, color .2s ease;
}
.wisdom-response-form fieldset > label:has(input:checked) {
  border-color: #776528;
  color: var(--ink);
  background: #1a1811;
}
.wisdom-response-form input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.wisdom-option__marker {
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border: 1px solid #464349;
  border-radius: 50%;
  color: var(--ink-faint);
  font-size: .64rem;
}
label:has(input:checked) .wisdom-option__marker {
  border-color: var(--accent);
  color: #ead574;
}
.wisdom-response-form fieldset > label:focus-within {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
.wisdom-disclosure {
  display: flex;
  align-items: start;
  gap: .65rem;
  margin: 1rem 0;
  border-left: 1px solid #6a5a25;
  padding: .25rem 0 .25rem .8rem;
  color: var(--ink-faint);
  font-size: .68rem;
  line-height: 1.55;
}
.wisdom-disclosure input { margin-top: .18rem; accent-color: var(--accent); }
.wisdom-response-form__submit,
.wisdom-result__actions button {
  border: 1px solid #655625;
  border-radius: 999px;
  padding: .72rem 1rem;
  color: #e0cf82;
  background: #1a180f;
  font: 400 .7rem var(--sans);
  cursor: pointer;
}
.wisdom-response-form__submit:disabled { cursor: default; opacity: .42; }
.wisdom-response-form__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}
.wisdom-response-form__actions > button:first-child {
  border: 1px solid #494949;
  border-radius: 999px;
  padding: .72rem 1rem;
  color: var(--ink-dim);
  background: #151517;
  font: 400 .7rem var(--sans);
  cursor: pointer;
}
.wisdom-result,
.wisdom-saved-position,
.wisdom-revision-confirmation {
  margin-top: 1rem;
  border: 1px solid #403a26;
  border-radius: .9rem;
  padding: clamp(1.15rem, 3vw, 2rem);
  background: linear-gradient(135deg, #18170f, #111113 62%);
}
.wisdom-result__alignment {
  margin: 0 0 .65rem;
  color: #d9c569;
  font-size: .67rem;
  font-weight: 500;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.wisdom-result__alignment[data-alignment="another_perspective"] { color: #c4baa1; }
.wisdom-result__lens,
.wisdom-result__best,
.wisdom-result__boundary {
  color: var(--ink-faint);
  font-size: .7rem;
  line-height: 1.6;
}
.wisdom-result__best {
  border-left: 1px solid #655625;
  padding-left: .7rem;
}
.wisdom-result__explanation {
  max-width: 48rem;
  color: var(--ink-dim);
  font: 300 1.18rem/1.58 var(--serif);
}
.wisdom-result__source {
  margin: 1.3rem 0;
  border-top: 1px solid #383528;
  border-bottom: 1px solid #383528;
  padding: 1rem 0;
}
.wisdom-result__source blockquote {
  margin: 0 0 .75rem;
  color: var(--ink);
  font: italic 300 1.35rem/1.45 var(--serif);
}
.wisdom-result__source figcaption {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .6rem;
  color: var(--ink-faint);
  font-size: .62rem;
  line-height: 1.5;
}
.wisdom-result__source a { color: #c5b05f; }
.wisdom-result__boundary { max-width: 48rem; }
.wisdom-saved-position__text,
.wisdom-revision-confirmation__summary {
  max-width: 48rem;
  color: var(--ink);
  font: 300 1.25rem/1.55 var(--serif);
}
.wisdom-revision-confirmation__summary strong {
  color: #dbc66d;
  font-weight: 400;
}
.wisdom-result__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: 1rem;
}
.wisdom-result__actions button:first-child {
  border-color: #494949;
  color: var(--ink-dim);
  background: #151517;
}
.wisdom-library button:hover:not(:disabled),
.wisdom-library__close:hover:not(:disabled),
.wisdom-response-form__submit:hover:not(:disabled),
.wisdom-result__actions button:hover:not(:disabled) { border-color: var(--accent); color: var(--ink); }
.wisdom-library-dialog button:focus-visible,
.wisdom-library-dialog a:focus-visible,
.wisdom-library-dialog input:focus-visible,
.wisdom-library-dialog select:focus-visible,
.wisdom-library-dialog textarea:focus-visible,
.wisdom-library__main:focus-visible,
#wisdom-studio-selected-title:focus-visible,
#wisdom-item-category:focus-visible,
[data-wisdom-studio-confirmation-heading]:focus-visible,
[data-wisdom-studio-saved]:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

@media (max-width: 48rem) {
  .wisdom-library__header { padding: .9rem 1rem; }
  .wisdom-library__header > div > p:last-child { display: none; }
  .wisdom-library__layout {
    display: block;
    overflow-y: auto;
  }
  .wisdom-library__rail {
    display: block;
    overflow: visible;
    border-right: 0;
    border-bottom: 1px solid var(--line);
    padding: .85rem 1rem;
  }
  .wisdom-library__collections {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .wisdom-library__collections button {
    grid-template-columns: auto 1fr;
    padding: .52rem;
  }
  .wisdom-library__collections small { display: none; }
  .wisdom-library__browse { margin-top: .85rem; }
  .wisdom-library__items {
    display: flex;
    overflow-x: auto;
    padding-bottom: .35rem;
  }
  .wisdom-library__items button {
    flex: 0 0 8.5rem;
  }
  .wisdom-library__data-control { margin-top: .6rem; }
  .wisdom-library__main { overflow: visible; padding: 1rem; }
  .wisdom-studio-selected-preview__activities ol { grid-template-columns: 1fr; }
  .wisdom-studio-selected-preview__form fieldset { grid-template-columns: 1fr; }
  .wisdom-studio-selected-preview__saved { align-items: flex-start; flex-direction: column; }
  .wisdom-response-form fieldset { grid-template-columns: 1fr; }
  .wisdom-response-form fieldset > label { min-height: auto; }
}

@media (max-width: 30rem) {
  .wisdom-library__header h2 { font-size: 1.7rem; }
  .wisdom-library__collections button > span { display: none; }
  .wisdom-library__collections button { display: block; text-align: center; }
  .wisdom-result__source figcaption { display: grid; }
}

/* Owner-only Wisdom Studio */
.identity__studio { color: #b7a660; }
.wisdom-studio-dialog {
  width: 100%;
  max-width: none;
  height: 100dvh;
  max-height: none;
  margin: 0;
  border: 0;
  padding: 0;
  color: var(--ink);
  background: #0d0d0f;
  overflow: hidden;
}
.wisdom-studio-dialog[open] { display: grid; grid-template-rows: auto minmax(0, 1fr); }
.wisdom-studio-dialog::backdrop { background: rgba(0, 0, 0, .78); }
.wisdom-studio__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  border-bottom: 1px solid var(--line);
  padding: 1rem clamp(1rem, 3vw, 2.2rem);
  background: #111113;
}
.wisdom-studio__header h2 {
  margin: .08rem 0;
  font: 300 clamp(2rem, 4vw, 2.8rem)/1 var(--serif);
}
.wisdom-studio__header > div > p:last-child,
.wisdom-studio__section-heading > p,
.wisdom-studio__rail-intro,
.wisdom-studio__rail-note {
  margin: .3rem 0 0;
  color: var(--ink-faint);
  font-size: .7rem;
  line-height: 1.55;
}
.wisdom-studio__header-actions { display: flex; align-items: center; gap: .75rem; }
.wisdom-studio__boundary {
  border: 1px solid #4b4328;
  border-radius: 999px;
  padding: .42rem .68rem;
  color: #d2be68;
  font-size: .62rem;
  letter-spacing: .04em;
}
.wisdom-studio__close,
.wisdom-studio__section-heading button,
.wisdom-studio__import-footer button,
.wisdom-studio__next button,
.wisdom-studio__draft-actions button,
.wisdom-studio__draft-review-action button,
.wisdom-studio__review-save button,
.wisdom-studio__review-decision-actions button {
  border: 1px solid #4a4a4d;
  border-radius: 999px;
  padding: .58rem .85rem;
  color: var(--ink-dim);
  background: #161618;
  font: 400 .7rem var(--sans);
  cursor: pointer;
}
.wisdom-studio__layout {
  display: grid;
  grid-template-columns: clamp(15rem, 20vw, 19rem) minmax(0, 1fr);
  min-height: 0;
}
.wisdom-studio__rail {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-right: 1px solid var(--line);
  padding: 1.35rem 1rem;
  background: #101012;
  overflow-y: auto;
}
.wisdom-studio__rail-heading {
  margin: 0;
  color: var(--ink);
  font: 300 1.45rem/1.1 var(--serif);
}
.wisdom-studio__tabs { display: grid; gap: .38rem; }
.wisdom-studio__tabs button {
  display: grid;
  grid-template-columns: 1.8rem 1fr;
  align-items: center;
  border: 1px solid transparent;
  border-radius: .55rem;
  padding: .72rem .68rem;
  color: var(--ink-faint);
  background: transparent;
  font: 400 .72rem/1.35 var(--sans);
  text-align: left;
  cursor: pointer;
}
.wisdom-studio__tabs button span {
  color: #7d7143;
  font: 400 .58rem ui-monospace, SFMono-Regular, Menlo, monospace;
}
.wisdom-studio__tabs button:hover { color: var(--ink); background: #171719; }
.wisdom-studio__tabs button[aria-selected="true"] {
  border-color: #4d4428;
  color: #e0cc78;
  background: #1a180f;
}
.wisdom-studio__rail-note { margin-top: auto; border-top: 1px solid var(--line); padding-top: .8rem; }
.wisdom-studio__main { min-width: 0; overflow-y: auto; padding: clamp(1rem, 3vw, 2.2rem); }
.wisdom-studio__status {
  margin: 0 0 .85rem;
  color: #d3bd64;
  font-size: .72rem;
  line-height: 1.5;
}
.wisdom-studio__status:empty { display: none; }
.wisdom-studio__panel { max-width: 92rem; margin: 0 auto; }
.wisdom-studio__section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.wisdom-studio__section-heading h3 {
  margin: .08rem 0 0;
  font: 300 clamp(1.8rem, 3vw, 2.45rem)/1.05 var(--serif);
}
.wisdom-studio__section-heading > p { max-width: 28rem; text-align: right; }
.wisdom-studio__label {
  margin: 0;
  color: #a89854;
  font-size: .6rem;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.wisdom-studio__books-layout {
  display: grid;
  grid-template-columns: minmax(14rem, 19rem) minmax(0, 1fr);
  gap: 1rem;
  min-height: 28rem;
}
.wisdom-studio__book-list { display: grid; align-content: start; gap: .45rem; }
.wisdom-studio__book-button {
  display: grid;
  gap: .22rem;
  border: 1px solid #323235;
  border-radius: .65rem;
  padding: .85rem;
  color: var(--ink-dim);
  background: #131315;
  text-align: left;
  cursor: pointer;
}
.wisdom-studio__book-button strong { color: var(--ink); font: 300 1.05rem var(--serif); }
.wisdom-studio__book-button span,
.wisdom-studio__book-button small { color: var(--ink-faint); font-size: .62rem; line-height: 1.45; }
.wisdom-studio__book-button[aria-current="true"] { border-color: #63582d; background: #1a180f; }
.wisdom-studio__book-detail {
  border: 1px solid #373739;
  border-radius: .8rem;
  padding: clamp(1rem, 2.4vw, 1.6rem);
  background: #121214;
}
.wisdom-studio__empty { color: var(--ink-faint); font: italic 300 1.15rem/1.5 var(--serif); }
.wisdom-studio__book-heading { display: flex; justify-content: space-between; gap: 1rem; }
.wisdom-studio__book-heading h4 { margin: .18rem 0; font: 300 1.75rem/1.1 var(--serif); }
.wisdom-studio__book-heading > div > p:last-child { margin: 0; color: var(--ink-faint); font-size: .68rem; }
.wisdom-studio__book-kind {
  align-self: start;
  border: 1px solid #4b4328;
  border-radius: 999px;
  padding: .35rem .5rem;
  color: #c7b45e;
  font: 400 .58rem ui-monospace, SFMono-Regular, Menlo, monospace;
}
.wisdom-studio__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem 1rem;
  margin: 1.2rem 0;
}
.wisdom-studio__facts div { border-top: 1px solid #303033; padding-top: .48rem; min-width: 0; }
.wisdom-studio__facts dt { color: #8d8150; font-size: .55rem; letter-spacing: .08em; text-transform: uppercase; }
.wisdom-studio__facts dd { margin: .25rem 0 0; color: var(--ink-dim); font-size: .66rem; line-height: 1.5; overflow-wrap: anywhere; }
.wisdom-studio__sample-heading { border-top: 1px solid #3b382c; padding-top: .9rem; }
.wisdom-studio__sample-heading h5 { margin: 0; font: 300 1.18rem var(--serif); }
.wisdom-studio__sample-heading p { margin: .25rem 0 .7rem; color: var(--ink-faint); font-size: .62rem; }
.wisdom-studio__samples { display: grid; gap: .55rem; }
.wisdom-studio__samples article { border-left: 2px solid #655a2e; padding: .3rem 0 .3rem .75rem; }
.wisdom-studio__samples span { color: #b2a157; font-size: .58rem; text-transform: uppercase; }
.wisdom-studio__samples p { margin: .3rem 0; color: var(--ink-dim); font: 300 .98rem/1.48 var(--serif); }
.wisdom-studio__samples code { color: #66646a; font-size: .55rem; }
.wisdom-studio__next { margin-top: 1rem; border: 1px solid #464027; border-radius: .6rem; padding: .8rem; background: #17160f; }
.wisdom-studio__next strong { color: #d3be67; font-size: .68rem; font-weight: 400; }
.wisdom-studio__next p { margin: .35rem 0 0; color: var(--ink-faint); font-size: .66rem; line-height: 1.55; }
.wisdom-studio__next button { margin-top: .7rem; border-color: #6a5c28; color: #e0cc78; background: #1b180c; }
.wisdom-studio__chunk-labels summary { cursor: pointer; color: #e0cc78; }
.wisdom-studio__chunk-navigation { display: flex; flex-wrap: wrap; gap: .5rem; }
.wisdom-studio__chunk-labels .wisdom-studio__chunk-passage { margin: 1rem 0; color: var(--ink); font-size: .95rem; line-height: 1.7; }
.wisdom-studio__chunk-labels fieldset { margin: 1rem 0 .5rem; padding: .7rem; border: 1px solid #464027; border-radius: .4rem; }
.wisdom-studio__chunk-labels legend { font-size: .8rem; }
.wisdom-studio__chunk-labels .wisdom-studio__check { display: flex; align-items: flex-start; gap: .5rem; margin: .6rem 0; font-size: .8rem; }
.wisdom-studio__chunk-labels input[type="checkbox"] { flex: 0 0 auto; accent-color: #c7b75d; }
.wisdom-studio__availability-confirm { display: flex; align-items: flex-start; gap: .5rem; margin: .7rem 0; font-size: .8rem; }
.wisdom-studio__availability-confirm input { flex: 0 0 auto; accent-color: #c7b75d; }
.wisdom-studio__bibliography {
  margin: 1rem 0;
  border: 1px solid #3d3928;
  border-radius: .7rem;
  padding: .85rem;
  background: #15140f;
}
.wisdom-studio__bibliography-heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
}
.wisdom-studio__bibliography-heading h5 { margin: 0; font: 300 1.12rem var(--serif); }
.wisdom-studio__bibliography-heading p { margin: .28rem 0 0; max-width: 44rem; color: var(--ink-faint); font-size: .63rem; line-height: 1.55; }
.wisdom-studio__bibliography-state {
  flex: none;
  border: 1px solid #554b25;
  border-radius: 999px;
  padding: .3rem .48rem;
  color: #c7b45e;
  font-size: .56rem;
}
.wisdom-studio__bibliography-original,
.wisdom-studio__bibliography-editor { margin-top: .75rem; border-top: 1px solid #363322; padding-top: .65rem; }
.wisdom-studio__bibliography-original summary,
.wisdom-studio__bibliography-editor summary { color: #c7b45e; font-size: .65rem; cursor: pointer; }
.wisdom-studio__bibliography-original .wisdom-studio__facts { margin-bottom: 0; }
.wisdom-studio__bibliography-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  margin-top: .75rem;
}
.wisdom-studio__bibliography-form label { display: grid; gap: .35rem; color: var(--ink-faint); font-size: .62rem; }
.wisdom-studio__bibliography-form input[type="text"],
.wisdom-studio__bibliography-form textarea {
  width: 100%;
  border: 1px solid #414145;
  border-radius: .45rem;
  padding: .65rem .7rem;
  color: var(--ink);
  background: #0d0d0f;
  font: inherit;
}
.wisdom-studio__bibliography-form .wisdom-studio__wide { grid-column: 1 / -1; }
.wisdom-studio__bibliography-confirmation {
  border: 1px solid #5a512b;
  border-radius: .6rem;
  padding: .8rem;
  color: #c9bd84 !important;
  background: #1c190d;
}
.wisdom-studio__bibliography-confirmation input {
  width: 1rem;
  height: 1rem;
  margin: .12rem 0 0;
}
.wisdom-studio__bibliography-confirmation-copy { display: grid; gap: .22rem; }
.wisdom-studio__bibliography-confirmation-copy strong { color: #e0cc78; font-size: .7rem; font-weight: 500; }
.wisdom-studio__bibliography-confirmation-copy span { color: #a9a17c; font-size: .63rem; }
.wisdom-studio__bibliography-footer {
  position: sticky;
  bottom: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-top: 1px solid #3f3a22;
  padding: .75rem .35rem .35rem;
  background: linear-gradient(180deg, rgba(21, 20, 15, .94), #15140f 35%);
  box-shadow: 0 -.55rem .8rem rgba(13, 13, 15, .72);
}
.wisdom-studio__bibliography-footer-copy { display: grid; gap: .25rem; }
.wisdom-studio__bibliography-action-status { color: #c7b45e; font-size: .64rem; line-height: 1.45; }
.wisdom-studio__bibliography-action-status[data-state="ready"] { color: #aebf8e; }
.wisdom-studio__bibliography-action-status[data-state="working"] { color: #d8c76f; }
.wisdom-studio__bibliography-action-status[data-state="error"] { color: #d49389; }
.wisdom-studio__bibliography-footer code { color: #77736a; font-size: .55rem; }
.wisdom-studio__bibliography-submit {
  flex: 0 0 auto;
  min-width: 14rem;
  border-color: #6a5c28;
  padding: .68rem 1rem;
  color: #e0cc78;
  background: #1b180c;
}
.wisdom-studio__bibliography-submit:disabled { border-color: #3d3a2d; color: #77736a; background: #161510; cursor: not-allowed; opacity: .72; }
.wisdom-studio__bibliography-locked { margin: .75rem 0 0; color: #c8a777; font-size: .64rem; line-height: 1.55; }
.wisdom-studio__form { display: grid; gap: 1rem; }
.wisdom-studio__form fieldset {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
  border: 1px solid #373739;
  border-radius: .75rem;
  padding: 1rem;
  background: #121214;
}
.wisdom-studio__form legend { padding: 0 .35rem; color: #c7b45e; font: 300 1.05rem var(--serif); }
.wisdom-studio__form label { display: grid; gap: .35rem; color: var(--ink-faint); font-size: .62rem; }
.wisdom-studio__form input[type="text"],
.wisdom-studio__form input[type="file"],
.wisdom-studio__form select,
.wisdom-studio__form textarea {
  width: 100%;
  border: 1px solid #414145;
  border-radius: .45rem;
  padding: .65rem .7rem;
  color: var(--ink);
  background: #0e0e10;
  font: 400 .72rem/1.45 var(--sans);
}
.wisdom-studio__form textarea { resize: vertical; }
.wisdom-studio__wide { grid-column: 1 / -1; }
.wisdom-studio__modes { display: flex; flex-wrap: wrap; gap: .65rem 1rem; }
.wisdom-studio__modes > span { flex-basis: 100%; }
.wisdom-studio__modes label { display: flex; align-items: center; gap: .35rem; color: var(--ink-dim); }
.wisdom-studio__modes input,
.wisdom-studio__confirmation input { accent-color: #bba750; }
.wisdom-studio__confirmation { display: grid !important; grid-template-columns: auto 1fr; align-items: start; line-height: 1.55; }
.wisdom-studio__book-analysis { display: grid; gap: .8rem; border: 1px solid #4a4328; border-radius: .75rem; padding: 1rem; background: #15140f; }
.wisdom-studio__analysis-source { display: grid; grid-template-columns: minmax(16rem, 1fr) minmax(18rem, 1fr); align-items: end; gap: .8rem; }
.wisdom-studio__analysis-source label { display: grid; gap: .35rem; color: var(--ink-faint); font-size: .62rem; }
.wisdom-studio__analysis-source input[type="file"] { width: 100%; border: 1px solid #504829; border-radius: .45rem; padding: .65rem .7rem; color: var(--ink); background: #0e0e10; font: 400 .72rem/1.45 var(--sans); }
.wisdom-studio__book-analysis > p { margin: 0; max-width: 60rem; color: var(--ink-faint); font-size: .66rem; line-height: 1.6; }
.wisdom-studio__book-analysis-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.wisdom-studio__book-analysis-heading h4 { margin: .15rem 0 0; color: var(--ink); font: 300 1.35rem/1.2 var(--serif); }
.wisdom-studio__book-analysis-heading button { flex: 0 0 auto; border-color: #6a5c28; color: #e0cc78; background: #1b180c; }
.wisdom-studio__book-analysis-heading button:disabled { opacity: .45; cursor: wait; }
.wisdom-studio__book-analysis-result { display: grid; gap: .8rem; border-top: 1px solid #3f3a25; padding-top: .85rem; }
.wisdom-studio__book-analysis-summary { display: grid; grid-template-columns: auto auto 1fr; align-items: baseline; gap: .4rem .8rem; }
.wisdom-studio__book-analysis-summary strong { color: #d6c36e; font: 300 1.08rem var(--serif); }
.wisdom-studio__book-analysis-summary span { color: #8f895f; font-size: .57rem; letter-spacing: .05em; text-transform: uppercase; }
.wisdom-studio__book-analysis-summary p { grid-column: 1 / -1; margin: 0; color: var(--ink-dim); font-size: .68rem; line-height: 1.55; }
.wisdom-studio__analysis-modes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; }
.wisdom-studio__analysis-modes article { display: grid; gap: .45rem; border: 1px solid #38362a; border-radius: .55rem; padding: .7rem; background: #111112; }
.wisdom-studio__analysis-modes article > div { display: flex; justify-content: space-between; gap: .5rem; }
.wisdom-studio__analysis-modes strong { color: var(--ink-dim); font-size: .64rem; font-weight: 400; }
.wisdom-studio__analysis-modes span { color: #d2bd65; font: 400 .66rem ui-monospace, SFMono-Regular, Menlo, monospace; }
.wisdom-studio__analysis-modes progress { width: 100%; height: .42rem; border: 0; border-radius: 999px; overflow: hidden; accent-color: #a8933e; background: #292820; }
.wisdom-studio__analysis-modes progress::-webkit-progress-bar { background: #292820; }
.wisdom-studio__analysis-modes progress::-webkit-progress-value { background: #a8933e; }
.wisdom-studio__analysis-modes progress::-moz-progress-bar { background: #a8933e; }
.wisdom-studio__analysis-modes p { margin: 0; color: var(--ink-faint); font-size: .61rem; line-height: 1.5; }
.wisdom-studio__book-analysis-result > small { color: #77736a; font-size: .56rem; }
.wisdom-studio__import-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.wisdom-studio__import-footer p { max-width: 46rem; margin: 0; color: var(--ink-faint); font-size: .65rem; line-height: 1.55; }
.wisdom-studio__import-footer button { border-color: #6a5c28; color: #e0cc78; background: #1b180c; }
.wisdom-studio__import-footer button:disabled { opacity: .45; cursor: not-allowed; }
.wisdom-studio__progress { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .35rem; margin: 1.2rem 0 0; padding: 0; list-style: none; }
.wisdom-studio__progress li { border-top: 2px solid #343438; padding: .5rem .25rem 0; color: #68676d; font-size: .58rem; line-height: 1.4; }
.wisdom-studio__progress li[data-state="active"] { border-color: #baa650; color: #d3be67; }
.wisdom-studio__progress li[data-state="complete"] { border-color: #627652; color: #9eaf8d; }
.wisdom-studio__progress li[data-state="failed"] { border-color: #8a504b; color: #c88780; }
.wisdom-studio__draft-layout {
  display: grid;
  grid-template-columns: minmax(18rem, 24rem) minmax(0, 1fr);
  align-items: start;
  gap: 1rem;
}
.wisdom-studio__draft-form {
  display: grid;
  gap: .8rem;
  border: 1px solid #373739;
  border-radius: .8rem;
  padding: 1rem;
  background: #121214;
}
.wisdom-studio__draft-form fieldset { display: grid; gap: .75rem; border: 0; margin: 0; padding: 0; }
.wisdom-studio__draft-form legend { margin-bottom: .7rem; color: #c7b45e; font: 300 1.12rem var(--serif); }
.wisdom-studio__draft-form label { display: grid; gap: .35rem; color: var(--ink-faint); font-size: .62rem; }
.wisdom-studio__draft-form input,
.wisdom-studio__draft-form select {
  width: 100%;
  border: 1px solid #414145;
  border-radius: .45rem;
  padding: .65rem .7rem;
  color: var(--ink);
  background: #0e0e10;
  font: 400 .72rem/1.45 var(--sans);
}
.wisdom-studio__draft-boundary { border: 1px solid #494226; border-radius: .55rem; padding: .75rem; background: #17160f; }
.wisdom-studio__draft-boundary strong { color: #d3be67; font-size: .67rem; font-weight: 400; }
.wisdom-studio__draft-boundary p,
.wisdom-studio__draft-actions p { margin: .35rem 0 0; color: var(--ink-faint); font-size: .63rem; line-height: 1.55; }
.wisdom-studio__draft-actions { display: grid; gap: .7rem; }
.wisdom-studio__draft-actions button { justify-self: start; border-color: #6a5c28; color: #e0cc78; background: #1b180c; }
.wisdom-studio__draft-actions button:disabled { opacity: .4; cursor: not-allowed; }
.wisdom-studio__draft-results { min-width: 0; border: 1px solid #373739; border-radius: .8rem; padding: 1rem; background: #101012; }
.wisdom-studio__draft-results-heading,
.wisdom-studio__draft-batch-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.wisdom-studio__draft-results-heading h4 { margin: .15rem 0 0; font: 300 1.5rem var(--serif); }
.wisdom-studio__draft-results-heading > span,
.wisdom-studio__draft-state { color: #c7b45e; font-size: .58rem; letter-spacing: .05em; text-transform: uppercase; }
.wisdom-studio__draft-list { display: grid; gap: 1rem; margin-top: 1rem; }
.wisdom-studio__draft-batch { border: 1px solid #45402b; border-radius: .7rem; padding: .9rem; background: #15140f; }
.wisdom-studio__draft-batch-heading h5 { margin: .15rem 0; font: 300 1.35rem var(--serif); }
.wisdom-studio__draft-source-meta { margin: 0; color: var(--ink-faint); font-size: .6rem; }
.wisdom-studio__draft-agent-state { margin: .35rem 0 0; color: #c7b45e; font-size: .59rem; }
.wisdom-studio__draft-agent-receipt { display: grid; gap: .45rem; margin-top: .75rem; border: 1px solid #4b472f; border-radius: .55rem; padding: .7rem; background: #11120e; }
.wisdom-studio__draft-agent-receipt > strong,
.wisdom-studio__draft-agent-issues-heading { color: #b9a755; font-size: .58rem; font-weight: 400; letter-spacing: .06em; text-transform: uppercase; }
.wisdom-studio__draft-agent-summary,
.wisdom-studio__draft-agent-boundary { margin: 0; color: var(--ink-faint); font-size: .62rem; line-height: 1.55; }
.wisdom-studio__draft-agent-boundary { border-top: 1px solid #34362c; padding-top: .45rem; color: #817d6d; }
.wisdom-studio__draft-agent-issues { display: grid; gap: .35rem; margin: 0; padding: 0; list-style: none; }
.wisdom-studio__draft-agent-issues li { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .35rem .8rem; border-left: 2px solid #82604d; padding-left: .55rem; color: #d2c9ae; font-size: .61rem; }
.wisdom-studio__draft-agent-issues code { color: #b98f78; font-size: .53rem; overflow-wrap: anywhere; }
.wisdom-studio__draft-focus { margin: .75rem 0 0; color: var(--ink-faint); font-size: .63rem; }
.wisdom-studio__draft-focus strong { color: var(--ink-dim); font-weight: 400; }
.wisdom-studio__draft-card { margin-top: .8rem; border-top: 1px solid #49432e; padding-top: .9rem; }
.wisdom-studio__draft-card h6 { margin: .18rem 0 .7rem; font: 300 1.55rem/1.1 var(--serif); }
.wisdom-studio__draft-principle { border-left: 2px solid #8a793a; padding-left: .65rem; color: #c7b970; font: 300 .98rem/1.5 var(--serif); }
.wisdom-studio__draft-scenario { color: var(--ink-dim); font-size: .68rem; line-height: 1.6; }
.wisdom-studio__draft-question { color: var(--ink); font: 300 1.12rem/1.45 var(--serif); }
.wisdom-studio__draft-options { display: grid; gap: .42rem; margin: .8rem 0; padding: 0; list-style: none; }
.wisdom-studio__draft-options li { display: grid; grid-template-columns: 1.7rem minmax(0, 1fr) auto; align-items: center; gap: .5rem; border: 1px solid #353538; border-radius: .5rem; padding: .6rem; background: #111113; }
.wisdom-studio__draft-options li[data-proposed="true"] { border-color: #66592d; background: #1b180e; }
.wisdom-studio__draft-options span { color: #b7a454; font: 400 .62rem ui-monospace, SFMono-Regular, Menlo, monospace; }
.wisdom-studio__draft-options p { margin: 0; color: var(--ink-dim); font-size: .66rem; line-height: 1.5; }
.wisdom-studio__draft-options small { color: #c9b45b; font-size: .55rem; }
.wisdom-studio__draft-explanation { display: grid; gap: .3rem; border-top: 1px solid #343437; padding-top: .75rem; }
.wisdom-studio__draft-explanation strong,
.wisdom-studio__draft-sources > strong { color: #a99753; font-size: .6rem; font-weight: 400; letter-spacing: .07em; text-transform: uppercase; }
.wisdom-studio__draft-explanation p { margin: 0 0 .45rem; color: var(--ink-faint); font-size: .65rem; line-height: 1.55; }
.wisdom-studio__draft-sources { display: grid; gap: .45rem; border-top: 1px solid #343437; padding-top: .75rem; }
.wisdom-studio__draft-sources article { border-left: 2px solid #655a2e; padding-left: .65rem; }
.wisdom-studio__draft-sources span { color: #b2a157; font-size: .57rem; text-transform: uppercase; }
.wisdom-studio__draft-sources p { margin: .25rem 0; color: var(--ink-faint); font: 300 .9rem/1.45 var(--serif); }
.wisdom-studio__draft-sources code { color: #66646a; font-size: .54rem; }
.wisdom-studio__draft-checks { margin: .75rem 0 0; border: 1px dashed #4b472f; border-radius: .45rem; padding: .6rem; color: #938c68; font-size: .6rem; line-height: 1.5; }
.wisdom-studio__draft-review-action { display: flex; align-items: center; justify-content: space-between; gap: .8rem; margin-top: .7rem; border-top: 1px solid #343437; padding-top: .75rem; }
.wisdom-studio__draft-review-action p { margin: 0; color: var(--ink-faint); font-size: .61rem; line-height: 1.5; }
.wisdom-studio__draft-review-action button { flex: 0 0 auto; border-color: #6a5c28; color: #e0cc78; background: #1b180c; }
.wisdom-studio__review-layout { display: grid; grid-template-columns: minmax(13rem, 17rem) minmax(0, 1fr); align-items: start; gap: 1rem; }
.wisdom-studio__review-index { display: grid; gap: .8rem; position: sticky; top: 0; border: 1px solid #373739; border-radius: .75rem; padding: .85rem; background: #111113; }
.wisdom-studio__review-index h4 { margin: .15rem 0 0; font: 300 1.35rem var(--serif); }
.wisdom-studio__review-index nav { display: grid; gap: .45rem; }
.wisdom-studio__review-index-button { display: grid; gap: .25rem; width: 100%; border: 1px solid #343438; border-radius: .55rem; padding: .7rem; color: var(--ink-dim); background: #151517; text-align: left; cursor: pointer; }
.wisdom-studio__review-index-button strong { color: var(--ink); font: 300 .98rem/1.25 var(--serif); }
.wisdom-studio__review-index-button span { color: #b4a251; font-size: .58rem; text-transform: uppercase; }
.wisdom-studio__review-index-button small { color: var(--ink-faint); font-size: .56rem; }
.wisdom-studio__review-index-button[aria-current="true"] { border-color: #62572d; background: #1b190f; }
.wisdom-studio__review-workspace { min-width: 0; display: grid; gap: 1rem; }
.wisdom-studio__review-empty { min-height: 22rem; display: grid; align-content: center; justify-items: center; border: 1px dashed #44403a; border-radius: .8rem; padding: 2rem; background: #111113; text-align: center; }
.wisdom-studio__review-empty h4 { max-width: 36rem; margin: .45rem 0; font: 300 1.7rem/1.15 var(--serif); }
.wisdom-studio__review-empty p:last-child { max-width: 42rem; color: var(--ink-faint); font-size: .68rem; line-height: 1.6; }
.wisdom-studio__review-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; border: 1px solid #45402b; border-radius: .75rem; padding: .9rem; background: #15140f; }
.wisdom-studio__review-heading h4 { margin: .15rem 0; font: 300 1.55rem/1.15 var(--serif); }
.wisdom-studio__review-heading div > p:last-child { margin: 0; color: var(--ink-faint); font-size: .62rem; }
.wisdom-studio__review-status { border: 1px solid #5c5129; border-radius: 999px; padding: .38rem .55rem; color: #d0ba5e; font-size: .56rem; text-transform: uppercase; }
.wisdom-studio__review-attribution-warning { display: grid; gap: .35rem; border: 1px solid #795f27; border-radius: .75rem; padding: .8rem .9rem; color: #ddc875; background: #1b160c; }
.wisdom-studio__review-attribution-warning strong { font-size: .65rem; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; }
.wisdom-studio__review-attribution-warning p { margin: 0; color: #b8aa76; font-size: .63rem; line-height: 1.55; }
.wisdom-studio__review-comparison { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; gap: .8rem; }
.wisdom-studio__review-source,
.wisdom-studio__review-editor,
.wisdom-studio__review-decision,
.wisdom-studio__review-history { min-width: 0; border: 1px solid #373739; border-radius: .75rem; padding: .9rem; background: #121214; }
.wisdom-studio__review-source h5,
.wisdom-studio__review-editor h5,
.wisdom-studio__review-decision h5,
.wisdom-studio__review-history h5 { margin: .15rem 0 .7rem; font: 300 1.25rem/1.2 var(--serif); }
.wisdom-studio__review-source-meta { margin: 0 0 .75rem; color: var(--ink-faint); font-size: .6rem; line-height: 1.5; overflow-wrap: anywhere; }
.wisdom-studio__review-source-card { display: grid; gap: .42rem; border-top: 1px solid #3d3929; padding: .75rem 0; }
.wisdom-studio__review-source-card > span { color: #b2a157; font-size: .57rem; text-transform: uppercase; }
.wisdom-studio__review-source-card > p { margin: 0; color: var(--ink-dim); font: 300 .95rem/1.5 var(--serif); }
.wisdom-studio__review-source-card code { color: #66646a; font-size: .54rem; }
.wisdom-studio__review-source-selector { display: flex; align-items: center; gap: .4rem; color: #c5b15b; font-size: .59rem; }
.wisdom-studio__review-source-selector input,
.wisdom-studio__review-checks input { accent-color: #bba750; }
.wisdom-studio__review-editor { display: grid; gap: .7rem; }
.wisdom-studio__review-editor > label,
.wisdom-studio__review-decision-form > label { display: grid; gap: .35rem; color: var(--ink-faint); font-size: .61rem; }
.wisdom-studio__review-editor input,
.wisdom-studio__review-editor textarea,
.wisdom-studio__review-editor select,
.wisdom-studio__review-decision-form textarea { width: 100%; border: 1px solid #414145; border-radius: .45rem; padding: .62rem .68rem; color: var(--ink); background: #0e0e10; font: 400 .7rem/1.5 var(--sans); }
.wisdom-studio__review-editor textarea,
.wisdom-studio__review-decision-form textarea { resize: vertical; }
.wisdom-studio__review-editor :disabled,
.wisdom-studio__review-decision-form :disabled { opacity: .62; }
.wisdom-studio__review-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; border: 1px solid #343437; border-radius: .55rem; padding: .7rem; }
.wisdom-studio__review-options legend,
.wisdom-studio__review-checks legend { padding: 0 .35rem; color: #c7b45e; font: 300 .98rem var(--serif); }
.wisdom-studio__review-options label { display: grid; gap: .3rem; color: var(--ink-faint); font-size: .6rem; }
.wisdom-studio__review-save { display: flex; align-items: center; justify-content: space-between; gap: .8rem; border-top: 1px solid #3d3929; padding-top: .75rem; }
.wisdom-studio__review-save p { margin: 0; color: var(--ink-faint); font-size: .61rem; line-height: 1.5; }
.wisdom-studio__review-save button { flex: 0 0 auto; border-color: #6a5c28; color: #e0cc78; background: #1b180c; }
.wisdom-studio__review-decision { border-color: #4b4429; background: #15140f; }
.wisdom-studio__review-decision-form { display: grid; grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(0, 1fr)); align-items: start; gap: .75rem; }
.wisdom-studio__review-checks { display: grid; gap: .45rem; grid-row: span 2; border: 1px solid #3e3a2c; border-radius: .55rem; padding: .7rem; }
.wisdom-studio__review-checks label { display: flex; align-items: start; gap: .45rem; color: var(--ink-dim); font-size: .61rem; line-height: 1.45; }
.wisdom-studio__review-decision-actions { grid-column: 2 / -1; display: flex; justify-content: end; flex-wrap: wrap; gap: .5rem; }
.wisdom-studio__review-decision-actions button:disabled,
.wisdom-studio__review-save button:disabled { opacity: .4; cursor: not-allowed; }
.wisdom-studio__review-decision-actions .wisdom-studio__review-approve { border-color: #65734d; color: #b6c59b; background: #14180f; }
.wisdom-studio__review-decision-boundary { margin: .75rem 0 0; border-top: 1px solid #3d3929; padding-top: .65rem; color: #9a916c; font-size: .6rem; line-height: 1.55; }
.wisdom-studio__review-history { display: grid; gap: .55rem; }
.wisdom-studio__review-history article { display: grid; gap: .25rem; border-left: 2px solid #655a2e; padding: .35rem 0 .35rem .7rem; }
.wisdom-studio__review-history strong { color: var(--ink-dim); font-size: .65rem; font-weight: 400; text-transform: capitalize; }
.wisdom-studio__review-history p { margin: 0; color: var(--ink-faint); font-size: .63rem; line-height: 1.5; }
.wisdom-studio__review-history small { color: #8f8663; font-size: .58rem; }
.wisdom-studio__review-history code { color: #66646a; font-size: .53rem; }
.wisdom-studio__release-ready { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .8rem; border: 1px solid #45402b; border-radius: .65rem; padding: .75rem .85rem; background: #15140f; }
.wisdom-studio__release-ready strong { color: #d2bd65; font: 300 1.08rem var(--serif); }
.wisdom-studio__release-ready p { margin: 0; color: var(--ink-faint); font-size: .63rem; line-height: 1.5; text-align: right; }
.wisdom-studio__release-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(14rem, 18rem); align-items: start; gap: 1rem; }
.wisdom-studio__release-builder,
.wisdom-studio__release-history { min-width: 0; border: 1px solid #373739; border-radius: .8rem; padding: 1rem; background: #111113; }
.wisdom-studio__release-builder-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.wisdom-studio__release-builder-heading h4,
.wisdom-studio__release-history h4 { margin: .15rem 0 0; font: 300 1.4rem/1.2 var(--serif); }
.wisdom-studio__release-builder-heading button { flex: 0 0 auto; border-color: #6a5c28; color: #e0cc78; background: #1b180c; }
.wisdom-studio__release-builder-heading button:disabled { opacity: .4; cursor: not-allowed; }
.wisdom-studio__release-intro { margin: .75rem 0; color: var(--ink-faint); font-size: .64rem; line-height: 1.6; }
.wisdom-studio__release-preview { display: grid; gap: .8rem; }
.wisdom-studio__release-empty { min-height: 18rem; display: grid; align-content: center; justify-items: center; border: 1px dashed #44403a; border-radius: .7rem; padding: 2rem; background: #0f0f11; text-align: center; }
.wisdom-studio__release-empty h5 { margin: .4rem 0; font: 300 1.55rem/1.2 var(--serif); }
.wisdom-studio__release-empty p:last-child { max-width: 38rem; color: var(--ink-faint); font-size: .66rem; line-height: 1.6; }
.wisdom-studio__release-preview-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; border: 1px solid #51482a; border-radius: .65rem; padding: .8rem; background: #18160e; }
.wisdom-studio__release-preview-heading h5 { margin: .15rem 0; font: 300 1.38rem/1.15 var(--serif); overflow-wrap: anywhere; }
.wisdom-studio__release-preview-heading p:last-child { margin: 0; color: var(--ink-faint); font-size: .58rem; }
.wisdom-studio__release-state { max-width: 15rem; border: 1px solid #62572d; border-radius: 999px; padding: .4rem .55rem; color: #d0ba5e; font-size: .54rem; line-height: 1.35; text-align: center; text-transform: uppercase; }
.wisdom-studio__release-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .45rem; margin: 0; }
.wisdom-studio__release-facts div { min-width: 0; border: 1px solid #343438; border-radius: .5rem; padding: .65rem; background: #0e0e10; }
.wisdom-studio__release-facts dt { color: #8f8049; font-size: .55rem; letter-spacing: .06em; text-transform: uppercase; }
.wisdom-studio__release-facts dd { margin: .3rem 0 0; color: var(--ink-dim); font-size: .62rem; line-height: 1.45; overflow-wrap: anywhere; }
.wisdom-studio__release-sources,
.wisdom-studio__release-candidates { display: grid; gap: .55rem; border-top: 1px solid #3d3929; padding-top: .8rem; }
.wisdom-studio__release-sources > h6,
.wisdom-studio__release-candidates > h6,
.wisdom-studio__release-confirmation > h6 { margin: -.25rem 0 .15rem; font: 300 1.22rem/1.2 var(--serif); }
.wisdom-studio__release-sources article { display: grid; gap: .25rem; border-left: 2px solid #655a2e; padding: .4rem 0 .4rem .7rem; }
.wisdom-studio__release-sources strong { color: var(--ink-dim); font: 300 .9rem/1.25 var(--serif); }
.wisdom-studio__release-sources p,
.wisdom-studio__release-sources small { margin: 0; color: var(--ink-faint); font-size: .59rem; line-height: 1.45; overflow-wrap: anywhere; }
.wisdom-studio__release-sources code { color: #77736a; font-size: .53rem; overflow-wrap: anywhere; }
.wisdom-studio__release-candidate { border: 1px solid #3b3a3d; border-radius: .65rem; padding: .8rem; background: #121214; }
.wisdom-studio__release-candidate > span { color: #a99753; font-size: .55rem; letter-spacing: .05em; text-transform: uppercase; }
.wisdom-studio__release-candidate > h6 { margin: .25rem 0 .55rem; font: 300 1.35rem/1.15 var(--serif); }
.wisdom-studio__release-principle { border-left: 2px solid #8a793a; padding-left: .6rem; color: #c7b970; font: 300 .92rem/1.45 var(--serif); }
.wisdom-studio__release-scenario { color: var(--ink-dim); font-size: .65rem; line-height: 1.55; }
.wisdom-studio__release-question { color: var(--ink); font: 300 1.02rem/1.4 var(--serif); }
.wisdom-studio__release-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem; margin: .7rem 0; padding: 0; list-style: none; }
.wisdom-studio__release-options li { display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); align-items: start; gap: .4rem; border: 1px solid #343438; border-radius: .45rem; padding: .55rem; background: #0f0f11; }
.wisdom-studio__release-options span { color: #b7a454; font: 400 .6rem ui-monospace, SFMono-Regular, Menlo, monospace; }
.wisdom-studio__release-options p { margin: 0; color: var(--ink-dim); font-size: .62rem; line-height: 1.45; }
.wisdom-studio__release-trace { display: grid; gap: .25rem; border-top: 1px solid #343437; padding-top: .65rem; }
.wisdom-studio__release-trace strong { color: #a99753; font-size: .57rem; font-weight: 400; letter-spacing: .06em; text-transform: uppercase; }
.wisdom-studio__release-trace p { margin: 0; color: var(--ink-faint); font-size: .6rem; }
.wisdom-studio__release-trace code,
.wisdom-studio__release-trace small { color: #77736a; font-size: .53rem; overflow-wrap: anywhere; }
.wisdom-studio__release-confirmation { display: grid; gap: .7rem; border: 1px solid #51482a; border-radius: .65rem; padding: .85rem; background: #18160e; }
.wisdom-studio__release-phrase { border: 1px solid #3e3a2c; border-radius: .45rem; padding: .65rem; color: #d4c275; background: #0f0f0d; font-size: .65rem; overflow-wrap: anywhere; }
.wisdom-studio__release-confirmation > label { display: grid; gap: .35rem; color: var(--ink-faint); font-size: .61rem; }
.wisdom-studio__release-confirmation input[type="text"] { width: 100%; border: 1px solid #4b4632; border-radius: .45rem; padding: .65rem; color: var(--ink); background: #0e0e10; font: 400 .68rem var(--sans); }
.wisdom-studio__release-confirmation .wisdom-studio__release-confirm-check { grid-template-columns: auto 1fr; align-items: start; line-height: 1.5; }
.wisdom-studio__release-confirm-check input { accent-color: #bba750; }
.wisdom-studio__release-confirm-action { display: flex; align-items: center; justify-content: space-between; gap: .8rem; border-top: 1px solid #3d3929; padding-top: .7rem; }
.wisdom-studio__release-confirm-action p { margin: 0; color: #938c68; font-size: .59rem; line-height: 1.5; }
.wisdom-studio__release-confirm-action button { flex: 0 0 auto; border-color: #65734d; color: #b6c59b; background: #14180f; }
.wisdom-studio__release-confirm-action button:disabled { opacity: .4; cursor: not-allowed; }
.wisdom-studio__release-complete { display: grid; gap: .35rem; border: 1px solid #45533c; border-radius: .6rem; padding: .8rem; background: #11170f; }
.wisdom-studio__release-complete strong { color: #b6c59b; font: 300 1rem var(--serif); }
.wisdom-studio__release-complete p { margin: 0; color: var(--ink-faint); font-size: .62rem; }
.wisdom-studio__release-complete code { color: #87937b; font-size: .54rem; overflow-wrap: anywhere; }
.wisdom-studio__release-history { display: grid; gap: .75rem; position: sticky; top: 0; }
#wisdom-studio-release-history { display: grid; gap: .45rem; }
.wisdom-studio__release-history-button { display: grid; gap: .24rem; width: 100%; border: 1px solid #343438; border-radius: .5rem; padding: .65rem; color: var(--ink-dim); background: #151517; text-align: left; cursor: pointer; }
.wisdom-studio__release-history-button strong { color: var(--ink); font: 300 .78rem/1.25 var(--serif); overflow-wrap: anywhere; }
.wisdom-studio__release-history-button span { color: #b4a251; font-size: .54rem; line-height: 1.35; text-transform: uppercase; }
.wisdom-studio__release-history-button small { color: var(--ink-faint); font-size: .55rem; }
.wisdom-studio__release-boundary { margin-top: 1rem; border: 1px solid #494226; border-radius: .6rem; padding: .75rem; background: #17160f; }
.wisdom-studio__release-boundary strong { color: #d3be67; font-size: .65rem; font-weight: 400; text-transform: uppercase; }
.wisdom-studio__release-boundary p { margin: .3rem 0 0; color: var(--ink-faint); font-size: .62rem; line-height: 1.55; }
.wisdom-studio__index-ready { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: .8rem; border: 1px solid #3e4b4c; border-radius: .65rem; padding: .75rem .85rem; background: #101718; }
.wisdom-studio__index-ready strong { color: #91b9bb; font: 300 1.08rem var(--serif); }
.wisdom-studio__index-ready p { margin: 0; color: var(--ink-faint); font-size: .63rem; line-height: 1.5; text-align: right; overflow-wrap: anywhere; }
.wisdom-studio__index-builder { min-width: 0; border: 1px solid #373739; border-radius: .8rem; padding: 1rem; background: #111113; }
.wisdom-studio__index-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.wisdom-studio__index-heading h4 { margin: .15rem 0 0; font: 300 1.4rem/1.2 var(--serif); }
.wisdom-studio__index-heading button { flex: 0 0 auto; border: 1px solid #436368; border-radius: 999px; padding: .58rem .85rem; color: #9cc6c9; background: #10191b; font: 400 .7rem var(--sans); cursor: pointer; }
.wisdom-studio__index-heading button:disabled { opacity: .4; cursor: not-allowed; }
.wisdom-studio__index-intro { margin: .75rem 0; color: var(--ink-faint); font-size: .64rem; line-height: 1.6; }
.wisdom-studio__index-preview { display: grid; gap: .8rem; }
.wisdom-studio__index-empty { min-height: 18rem; display: grid; align-content: center; justify-items: center; border: 1px dashed #3d4a4c; border-radius: .7rem; padding: 2rem; background: #0d1112; text-align: center; }
.wisdom-studio__index-empty h5 { margin: .4rem 0; font: 300 1.55rem/1.2 var(--serif); }
.wisdom-studio__index-empty p:last-child { max-width: 42rem; color: var(--ink-faint); font-size: .66rem; line-height: 1.6; }
.wisdom-studio__index-preview-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; border: 1px solid #3e5558; border-radius: .65rem; padding: .8rem; background: #10191a; }
.wisdom-studio__index-preview-heading h5 { margin: .15rem 0; font: 300 1.38rem/1.15 var(--serif); overflow-wrap: anywhere; }
.wisdom-studio__index-preview-heading p:last-child { margin: 0; color: var(--ink-faint); font-size: .58rem; }
.wisdom-studio__index-state { max-width: 15rem; border: 1px solid #46676b; border-radius: 999px; padding: .4rem .55rem; color: #91bdc0; font-size: .54rem; line-height: 1.35; text-align: center; text-transform: uppercase; }
.wisdom-studio__index-resources,
.wisdom-studio__index-documents,
.wisdom-studio__index-exclusions { display: grid; gap: .55rem; border-top: 1px solid #344447; padding-top: .8rem; }
.wisdom-studio__index-resources > h6,
.wisdom-studio__index-documents > h6,
.wisdom-studio__index-exclusions > h6 { margin: -.25rem 0 .15rem; font: 300 1.22rem/1.2 var(--serif); }
.wisdom-studio__index-resources { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wisdom-studio__index-resources > p,
.wisdom-studio__index-resources > h6 { grid-column: 1 / -1; }
.wisdom-studio__index-resources article { display: grid; gap: .3rem; min-width: 0; border: 1px solid #303d3f; border-radius: .5rem; padding: .65rem; background: #0e1314; }
.wisdom-studio__index-resources span { color: #79a4a7; font-size: .55rem; letter-spacing: .06em; text-transform: uppercase; }
.wisdom-studio__index-resources code { color: #a0afb0; font-size: .58rem; overflow-wrap: anywhere; }
.wisdom-studio__index-document { border: 1px solid #354447; border-radius: .65rem; padding: .8rem; background: #101516; }
.wisdom-studio__index-document > span { color: #79a4a7; font-size: .55rem; letter-spacing: .05em; text-transform: uppercase; }
.wisdom-studio__index-document > h6 { margin: .25rem 0 .35rem; font: 300 1.35rem/1.15 var(--serif); }
.wisdom-studio__index-source-meta { margin: 0 0 .65rem; color: var(--ink-faint); font-size: .58rem; }
.wisdom-studio__index-source-excerpt { border-left: 2px solid #527477; padding-left: .65rem; color: var(--ink-dim); font: 300 .95rem/1.5 var(--serif); }
.wisdom-studio__index-principle { color: #a9c6c8; font: 300 .9rem/1.45 var(--serif); }
.wisdom-studio__index-attribution { color: var(--ink-faint); font-size: .62rem; }
.wisdom-studio__index-provenance { display: grid; gap: .26rem; border-top: 1px solid #334245; padding-top: .65rem; }
.wisdom-studio__index-provenance strong { color: #79a4a7; font-size: .57rem; font-weight: 400; letter-spacing: .06em; text-transform: uppercase; }
.wisdom-studio__index-provenance p { margin: 0; color: var(--ink-faint); font-size: .59rem; line-height: 1.45; }
.wisdom-studio__index-provenance code,
.wisdom-studio__index-provenance small { color: #758587; font-size: .53rem; overflow-wrap: anywhere; }
.wisdom-studio__index-exclusions ul { display: flex; flex-wrap: wrap; gap: .35rem; margin: 0; padding: 0; list-style: none; }
.wisdom-studio__index-exclusions li { border: 1px solid #384749; border-radius: 999px; padding: .35rem .5rem; color: #8fa1a2; background: #101516; font-size: .55rem; text-transform: capitalize; }
.wisdom-studio__index-boundary { margin-top: 1rem; border: 1px solid #3c5356; border-radius: .6rem; padding: .75rem; background: #101819; }
.wisdom-studio__index-boundary strong { color: #92babc; font-size: .65rem; font-weight: 400; text-transform: uppercase; }
.wisdom-studio__index-boundary p { margin: .3rem 0 0; color: var(--ink-faint); font-size: .62rem; line-height: 1.55; }
.wisdom-studio__index-execution,
.wisdom-studio__index-confirmation { display: grid; gap: .7rem; border-top: 1px solid #496064; padding-top: 1rem; }
.wisdom-studio__index-execution h6,
.wisdom-studio__index-confirmation h6 { margin: -.2rem 0 0; font: 300 1.35rem/1.2 var(--serif); }
.wisdom-studio__index-execution > p:not(.wisdom-studio__label),
.wisdom-studio__index-confirmation > p:not(.wisdom-studio__label) { margin: 0; color: var(--ink-faint); font-size: .64rem; line-height: 1.55; }
.wisdom-studio__index-execution > code { color: #78999b; font-size: .55rem; overflow-wrap: anywhere; }
.wisdom-studio__index-stage-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem; margin: 0; padding: 0; list-style: none; counter-reset: index-stage; }
.wisdom-studio__index-stage-list li { counter-increment: index-stage; border: 1px solid #344447; border-radius: .5rem; padding: .55rem; color: #778789; background: #0e1314; font-size: .57rem; text-transform: capitalize; }
.wisdom-studio__index-stage-list li::before { content: counter(index-stage, decimal-leading-zero) " "; color: #607f82; }
.wisdom-studio__index-stage-list li[data-state="complete"] { border-color: #4f6b54; color: #94b599; background: #111813; }
.wisdom-studio__index-stage-list li[data-state="failed_retriable"] { border-color: #75514b; color: #c69a90; background: #191110; }
.wisdom-studio__index-execution-boundary { border-left: 2px solid #59787b; padding-left: .7rem; }
.wisdom-studio__index-phrase { border: 1px solid #4a6367; border-radius: .5rem; padding: .65rem; color: #9bc2c5; background: #0c1213; font-size: .62rem; overflow-wrap: anywhere; }
.wisdom-studio__index-confirmation > label { display: grid; gap: .35rem; color: var(--ink-dim); font-size: .62rem; }
.wisdom-studio__index-confirmation input[type="text"] { width: 100%; border: 1px solid #435457; border-radius: .45rem; padding: .65rem; color: var(--ink); background: #0d1011; font: 400 .68rem var(--sans); }
.wisdom-studio__index-confirm-check { grid-template-columns: auto 1fr; align-items: start; line-height: 1.5; }
.wisdom-studio__index-confirm-check input { margin-top: .12rem; accent-color: #769da0; }
.wisdom-studio__index-confirm-action { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-top: 1px solid #344447; padding-top: .75rem; }
.wisdom-studio__index-confirm-action p { max-width: 44rem; margin: 0; color: var(--ink-faint); font-size: .58rem; line-height: 1.55; }
.wisdom-studio__index-confirm-action button { flex: 0 0 auto; border: 1px solid #56777a; border-radius: 999px; padding: .62rem .85rem; color: #a5ced0; background: #101a1b; font: 400 .66rem var(--sans); cursor: pointer; }
.wisdom-studio__index-confirm-action button:disabled { opacity: .4; cursor: not-allowed; }
.wisdom-studio__validation-bridge { min-width: 0; }
.wisdom-studio__index-ready > .wisdom-studio__validation-bridge { flex: 1 0 100%; display: grid; gap: .65rem; border-top: 1px solid #344447; padding-top: .8rem; }
.wisdom-studio__validation-bridge > p { max-width: 56rem; text-align: left; }
.wisdom-studio__validation-bridge > code { border: 1px solid #4a6367; border-radius: .45rem; padding: .65rem; color: #9bc2c5; background: #0c1213; font-size: .58rem; overflow-wrap: anywhere; user-select: all; }
.wisdom-studio__validation-bridge > small { color: var(--ink-faint); font-size: .57rem; line-height: 1.5; }
.wisdom-studio__release-complete.wisdom-studio__validation-bridge button { justify-self: start; border: 1px solid #65734d; border-radius: 999px; padding: .6rem .8rem; color: #b6c59b; background: #14180f; cursor: pointer; }
.wisdom-studio__index-ready .wisdom-studio__validation-bridge .wisdom-studio__index-confirmation { grid-template-columns: 1fr; }
.wisdom-studio__index-ready .wisdom-studio__validation-bridge .wisdom-studio__index-confirm-action { grid-column: 1 / -1; }
.wisdom-studio__retrieval-verification { display: grid; gap: .7rem; border-top: 1px solid #4a6265; padding-top: 1rem; }
.wisdom-studio__retrieval-verification h6 { margin: -.2rem 0 0; font: 300 1.35rem/1.2 var(--serif); }
.wisdom-studio__retrieval-verification > p:not(.wisdom-studio__label) { margin: 0; color: var(--ink-faint); font-size: .64rem; line-height: 1.55; }
.wisdom-studio__retrieval-verification > code { color: #78999b; font-size: .55rem; overflow-wrap: anywhere; }
.wisdom-studio__retrieval-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; }
.wisdom-studio__retrieval-paths article,
.wisdom-studio__retrieval-citations article { display: grid; gap: .28rem; min-width: 0; border: 1px solid #385053; border-radius: .55rem; padding: .65rem; background: #0e1516; }
.wisdom-studio__retrieval-paths strong,
.wisdom-studio__retrieval-citations strong { color: #9bc1c3; font-size: .61rem; font-weight: 400; text-transform: capitalize; }
.wisdom-studio__retrieval-paths span,
.wisdom-studio__retrieval-citations span { color: var(--ink-faint); font-size: .56rem; line-height: 1.4; }
.wisdom-studio__retrieval-citations { display: grid; gap: .45rem; }
.wisdom-studio__retrieval-citations code { color: #728e90; font-size: .52rem; overflow-wrap: anywhere; }
.wisdom-studio__retrieval-action { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-top: 1px solid #344447; padding-top: .75rem; }
.wisdom-studio__retrieval-action p { max-width: 44rem; margin: 0; color: var(--ink-faint); font-size: .58rem; line-height: 1.55; }
.wisdom-studio__retrieval-action button { flex: 0 0 auto; border: 1px solid #56777a; border-radius: 999px; padding: .62rem .85rem; color: #a5ced0; background: #101a1b; font: 400 .66rem var(--sans); cursor: pointer; }
.wisdom-studio__active-selection { display: grid; gap: .7rem; border-top: 1px solid #6c5e34; padding-top: 1rem; }
.wisdom-studio__active-selection h6 { margin: -.2rem 0 0; font: 300 1.35rem/1.2 var(--serif); }
.wisdom-studio__active-selection > p:not(.wisdom-studio__label) { margin: 0; color: var(--ink-faint); font-size: .64rem; line-height: 1.55; }
.wisdom-studio__active-selection > code { color: #c5b778; font-size: .55rem; overflow-wrap: anywhere; }
.wisdom-studio__active-selection .wisdom-studio__index-confirmation { border-top-color: #574f32; }
.wisdom-studio__owner-canary { display: grid; gap: .8rem; border: 1px solid #536249; border-radius: .75rem; padding: 1rem; background: #11170f; }
.wisdom-studio__owner-canary h6,
.wisdom-studio__owner-canary-delivery > h6 { margin: -.2rem 0 0; font: 300 1.4rem/1.2 var(--serif); }
.wisdom-studio__owner-canary-boundary { margin: 0; border-left: 2px solid #728265; padding-left: .7rem; color: #aeb9a2; font-size: .64rem; line-height: 1.6; }
.wisdom-studio__owner-canary-status { min-height: .9rem; margin: 0; color: #9eb692; font-size: .61rem; line-height: 1.5; }
.wisdom-studio__owner-canary-status[data-state="error"] { color: #cf9188; }
.wisdom-studio__owner-canary-actions { display: flex; flex-wrap: wrap; gap: .55rem; border-top: 1px solid #35412f; padding-top: .75rem; }
.wisdom-studio__owner-canary-actions button { border: 1px solid #627759; border-radius: 999px; padding: .62rem .85rem; color: #b7caae; background: #151d12; font: 400 .66rem var(--sans); cursor: pointer; }
.wisdom-studio__owner-canary-delivery { display: grid; gap: .75rem; border-top: 1px solid #43513b; padding-top: .9rem; }
.wisdom-studio__owner-canary-activity { display: grid; gap: .6rem; border: 1px solid #3f4d39; border-radius: .65rem; padding: .85rem; background: #0e130d; }
.wisdom-studio__owner-canary-activity > h6 { margin: 0; font: 300 1.3rem/1.2 var(--serif); }
.wisdom-studio__owner-canary-scenario { margin: 0; color: var(--ink-dim); font-size: .67rem; line-height: 1.6; }
.wisdom-studio__owner-canary-question { margin: 0; color: var(--ink); font: 300 1.04rem/1.45 var(--serif); }
.wisdom-studio__owner-canary-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; margin: 0; padding: 0; list-style: none; }
.wisdom-studio__owner-canary-options li { display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); gap: .45rem; border: 1px solid #35422f; border-radius: .5rem; padding: .6rem; background: #11170f; }
.wisdom-studio__owner-canary-options span { color: #aabd9f; font: 400 .6rem ui-monospace, SFMono-Regular, Menlo, monospace; }
.wisdom-studio__owner-canary-options p { margin: 0; color: var(--ink-dim); font-size: .63rem; line-height: 1.5; }
.wisdom-studio__owner-canary-confirmation { border-top-color: #43513b; }
.wisdom-studio__workflow { display: grid; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.wisdom-studio__workflow li {
  display: grid;
  grid-template-columns: 2.2rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .8rem;
  border: 1px solid #343438;
  border-radius: .6rem;
  padding: .75rem;
  background: #121214;
}
.wisdom-studio__workflow-number { color: #8f8049; font: 400 .58rem ui-monospace, SFMono-Regular, Menlo, monospace; }
.wisdom-studio__workflow h4 { margin: 0; font: 300 1.05rem var(--serif); }
.wisdom-studio__workflow p { margin: .2rem 0 0; color: var(--ink-faint); font-size: .63rem; }
.wisdom-studio__workflow-state { color: #88868b; font-size: .55rem; letter-spacing: .1em; text-transform: uppercase; }
.wisdom-studio__workflow li[data-state="live"] { border-color: #45533c; }
.wisdom-studio__workflow li[data-state="live"] .wisdom-studio__workflow-state { color: #9caf8c; }
.wisdom-studio__workflow li[data-state="next"] { border-color: #62572d; }
.wisdom-studio__workflow li[data-state="next"] .wisdom-studio__workflow-state { color: #d1bb5f; }
.wisdom-studio__guardrails { margin-top: 1rem; border-top: 1px solid #3d3929; padding-top: .9rem; }
.wisdom-studio__guardrails h4 { margin: 0; font: 300 1.2rem var(--serif); }
.wisdom-studio__guardrails ul { color: var(--ink-faint); font-size: .66rem; line-height: 1.6; }
.wisdom-studio-dialog button:focus-visible,
.wisdom-studio-dialog input:focus-visible,
.wisdom-studio-dialog textarea:focus-visible,
.wisdom-studio-dialog select:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.wisdom-studio__close:hover,
.wisdom-studio__section-heading button:hover,
.wisdom-studio__book-analysis-heading button:hover:not(:disabled),
.wisdom-studio__import-footer button:hover:not(:disabled),
.wisdom-studio__next button:hover,
.wisdom-studio__bibliography-footer button:hover:not(:disabled),
.wisdom-studio__draft-actions button:hover:not(:disabled),
.wisdom-studio__draft-review-action button:hover:not(:disabled),
.wisdom-studio__review-save button:hover:not(:disabled),
.wisdom-studio__review-decision-actions button:hover:not(:disabled),
.wisdom-studio__release-builder-heading button:hover:not(:disabled),
.wisdom-studio__release-confirm-action button:hover:not(:disabled),
.wisdom-studio__index-heading button:hover:not(:disabled),
.wisdom-studio__release-history-button:hover { border-color: var(--accent); color: var(--ink); }

@media (max-width: 52rem) {
  .wisdom-studio__header > div > p:last-child,
  .wisdom-studio__boundary { display: none; }
  .wisdom-studio__layout { display: block; overflow-y: auto; }
  .wisdom-studio__rail { display: block; overflow: visible; border-right: 0; border-bottom: 1px solid var(--line); padding: .8rem 1rem; }
  .wisdom-studio__rail > div,
  .wisdom-studio__rail-note { display: none; }
  .wisdom-studio__tabs { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .wisdom-studio__tabs button { display: block; text-align: center; }
  .wisdom-studio__tabs button span { margin-right: .35rem; }
  .wisdom-studio__main { overflow: visible; padding: 1rem; }
  .wisdom-studio__books-layout { grid-template-columns: 1fr; }
  .wisdom-studio__book-list { display: flex; overflow-x: auto; }
  .wisdom-studio__book-button { flex: 0 0 13rem; }
  .wisdom-studio__analysis-modes { grid-template-columns: 1fr; }
  .wisdom-studio__analysis-source { grid-template-columns: 1fr; }
  .wisdom-studio__draft-layout { grid-template-columns: 1fr; }
  .wisdom-studio__review-layout { grid-template-columns: 1fr; }
  .wisdom-studio__review-index { position: static; }
  .wisdom-studio__review-index nav { display: flex; overflow-x: auto; }
  .wisdom-studio__review-index-button { flex: 0 0 14rem; }
  .wisdom-studio__review-comparison { grid-template-columns: 1fr; }
  .wisdom-studio__review-decision-form { grid-template-columns: 1fr 1fr; }
  .wisdom-studio__review-checks { grid-column: 1 / -1; grid-row: auto; }
  .wisdom-studio__review-decision-actions { grid-column: 1 / -1; }
  .wisdom-studio__release-layout { grid-template-columns: 1fr; }
  .wisdom-studio__release-history { position: static; }
  .wisdom-studio__release-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wisdom-studio__index-resources { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 38rem) {
  .wisdom-studio__header { padding: .8rem 1rem; }
  .wisdom-studio__header h2 { font-size: 1.8rem; }
  .wisdom-studio__tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wisdom-studio__section-heading,
  .wisdom-studio__book-analysis-heading,
  .wisdom-studio__import-footer { align-items: start; flex-direction: column; }
  .wisdom-studio__section-heading > p { text-align: left; }
  .wisdom-studio__form fieldset,
  .wisdom-studio__facts,
  .wisdom-studio__bibliography-form { grid-template-columns: 1fr; }
  .wisdom-studio__bibliography-form .wisdom-studio__wide { grid-column: auto; }
  .wisdom-studio__bibliography-heading,
  .wisdom-studio__bibliography-footer { align-items: start; flex-direction: column; }
  .wisdom-studio__bibliography-footer { position: static; padding-inline: 0; box-shadow: none; }
  .wisdom-studio__bibliography-submit { width: 100%; min-width: 0; }
  .wisdom-studio__wide { grid-column: auto; }
  .wisdom-studio__progress { grid-template-columns: 1fr; }
  .wisdom-studio__progress li { border-top: 0; border-left: 2px solid #343438; padding: .3rem 0 .3rem .55rem; }
  .wisdom-studio__workflow li { grid-template-columns: 1.8rem minmax(0, 1fr); }
  .wisdom-studio__workflow-state { grid-column: 2; }
  .wisdom-studio__draft-results-heading,
  .wisdom-studio__draft-batch-heading { display: grid; }
  .wisdom-studio__draft-options li { grid-template-columns: 1.5rem minmax(0, 1fr); }
  .wisdom-studio__draft-options small { grid-column: 2; }
  .wisdom-studio__draft-review-action,
  .wisdom-studio__review-save,
  .wisdom-studio__review-heading { align-items: start; flex-direction: column; }
  .wisdom-studio__review-options,
  .wisdom-studio__review-decision-form { grid-template-columns: 1fr; }
  .wisdom-studio__review-checks,
  .wisdom-studio__review-decision-actions { grid-column: auto; }
  .wisdom-studio__review-decision-actions { justify-content: start; }
  .wisdom-studio__release-ready,
  .wisdom-studio__release-builder-heading,
  .wisdom-studio__release-preview-heading,
  .wisdom-studio__release-confirm-action { align-items: start; flex-direction: column; }
  .wisdom-studio__release-ready p { text-align: left; }
  .wisdom-studio__index-ready,
  .wisdom-studio__index-heading,
  .wisdom-studio__index-preview-heading { align-items: start; flex-direction: column; }
  .wisdom-studio__index-ready p { text-align: left; }
  .wisdom-studio__release-facts,
  .wisdom-studio__release-options,
  .wisdom-studio__index-resources { grid-template-columns: 1fr; }
  .wisdom-studio__index-stage-list { grid-template-columns: 1fr; }
  .wisdom-studio__index-ready .wisdom-studio__validation-bridge .wisdom-studio__index-confirm-action { grid-column: auto; }
  .wisdom-studio__index-confirm-action { align-items: stretch; flex-direction: column; }
  .wisdom-studio__index-confirm-action button { width: 100%; }
  .wisdom-studio__retrieval-paths { grid-template-columns: 1fr; }
  .wisdom-studio__retrieval-action { align-items: stretch; flex-direction: column; }
  .wisdom-studio__retrieval-action button { width: 100%; }
  .wisdom-studio__owner-canary-options { grid-template-columns: 1fr; }
  .wisdom-studio__owner-canary-actions { flex-direction: column; }
  .wisdom-studio__owner-canary-actions button { width: 100%; }
}
.way-forward-section + .way-forward-section { margin-top: 1rem; }
.way-forward-section h4 { margin: 0 0 .4rem; }
.way-forward-section p { margin: 0; }