/* ==========================================================
   Netadeal Proactive (/proactive)
   Builds on netadeal.css tokens: warm off-white canvas,
   Newsreader display, Hanken Grotesk UI, EB Garamond and
   JetBrains Mono figures. One tone per verdict.
   ========================================================== */

.pa {
  --v-splurge: #A8692A; --v-splurge-bg: #FBEFD9;
  --v-save: #5E6F3E;    --v-save-bg: #EEF0E1;
  --v-owned: #7B5E98;   --v-owned-bg: #F1EAF6;
  --v-rent: #3F5F86;    --v-rent-bg: #E9EFF7;
  --v-wait: #A04F2B;    --v-wait-bg: #FBEDE3;
  --v-skip: #3B3833;    --v-skip-bg: #F1EEE8;
  --v-ask: #1C1B19;     --v-ask-bg: #FFFFFF;
  --v-agent: #3F5F86;   --v-agent-bg: #E9EFF7;
  --v-antic: #8467A0;   --v-antic-bg: #F3EEF8;
}

/* ---------- nav ---------- */
.pa .nd-nav { position: sticky; top: 0; z-index: 30; padding: 18px 16px 0; }
.pa-nav__pill { width: min(1120px, 100%); padding-left: 24px; }
.pa .nd-brand { margin-right: 0; }
.pa-brand__tag {
  position: relative;
  margin-left: 8px;
  padding: 4px 8px 3px;
  border: 1px solid var(--line-2);
  border-radius: var(--pill);
  font: 500 10px/1 var(--font-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-2);
  background: rgba(255, 255, 255, 0.7);
}
.pa-tabs { display: flex; align-items: center; gap: 2px; margin: 0 auto; }
.pa-tab {
  display: inline-flex;
  align-items: center;
  padding: 8px 13px;
  border: 0;
  border-radius: var(--pill);
  background: transparent;
  color: var(--ink-2);
  font: 450 13.5px/1 var(--font-ui);
  cursor: pointer;
  transition: background 0.18s var(--ease), color 0.18s var(--ease);
}
.pa-tab:hover { background: rgba(31, 30, 28, 0.05); color: var(--ink); }
.pa-tab[aria-selected="true"] { background: var(--dark); color: #FBFAF7; }
.pa .nd-nav__plain { margin-left: auto; }
.pa-tabs:not([hidden]) ~ .nd-nav__plain { margin-left: 0; }
.pa-tabs[hidden] + .nd-nav__rule { display: none; }
.pa-account { position: relative; }
.pa-account__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 220px;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: var(--pill);
  background: var(--surface);
  font: 450 12.5px/1 var(--font-ui);
  color: var(--ink-2);
  cursor: pointer;
}
.pa-account__btn span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pa-account__dot { width: 8px; height: 8px; flex: none; border-radius: 50%; background: var(--sage-deep); }
.pa-account__menu {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 40;
  width: 260px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  background: var(--surface);
  box-shadow: var(--shadow-lg);
}
.pa-account__meta { padding: 8px 10px 10px; font-size: 12.5px; color: var(--muted); }
.pa-account__item {
  display: block;
  width: 100%;
  padding: 9px 10px;
  border: 0;
  border-radius: var(--r-sm);
  background: transparent;
  text-align: left;
  font-size: 13.5px;
  cursor: pointer;
}
.pa-account__item:hover { background: var(--bg-2); }

/* ---------- layout + type ---------- */
.pa-main {
  position: relative;
  z-index: 1;
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto;
  padding: 40px 0 96px;
}
.pa-view[hidden] { display: none !important; }
.pa-loading { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 50vh; color: var(--muted); }
.pa-eyebrow {
  margin-bottom: 10px;
  font: 600 11px/1.2 var(--font-ui);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
}
.pa-display {
  font: 300 clamp(42px, 6.2vw, 74px)/1.02 var(--font-display);
  letter-spacing: -0.025em;
  color: var(--ink);
}
.pa-display--sm { font-size: clamp(30px, 3.6vw, 42px); line-height: 1.08; }
.pa-lede { max-width: 520px; margin-top: 20px; font-size: 17px; line-height: 1.55; color: var(--ink-2); }
.pa-muted { color: var(--muted); font-size: 13.5px; }
.pa-grow { flex: 1; }
.pa-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.pa-row--between { justify-content: space-between; }
.pa-wide { width: 100%; }
.pa-link {
  padding: 0;
  border: 0;
  background: none;
  color: var(--amber-deep);
  font: 500 13.5px/1.4 var(--font-ui);
  text-decoration: none;
  cursor: pointer;
}
.pa-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.pa-link--danger { color: var(--deal); }
.pa code { font: 500 12.5px/1.4 var(--font-mono); padding: 1px 5px; border-radius: 6px; background: var(--cream); }

.pa-card {
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  background: rgba(255, 255, 255, 0.86);
  box-shadow: var(--shadow-md);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.pa-card__title { font: 400 26px/1.15 var(--font-display); letter-spacing: -0.01em; }
.pa-card__sub { margin: 8px 0 18px; color: var(--muted); font-size: 14px; }
.pa-card__label { margin-bottom: 14px; font: 600 11.5px/1.2 var(--font-ui); letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-2); }
.pa-card__fine { margin-top: 16px; font-size: 12.5px; line-height: 1.5; color: var(--muted); }

.pa-label { display: block; margin-bottom: 6px; font: 500 12.5px/1.3 var(--font-ui); color: var(--ink-2); }
.pa-label--gap { margin-top: 18px; }
.pa-input {
  width: 100%;
  min-height: 44px;
  padding: 11px 14px;
  border: 1px solid var(--line-2);
  border-radius: 12px;
  background: #FFFEFC;
  color: var(--ink);
  font: 400 15px/1.3 var(--font-ui);
  transition: border-color 0.18s var(--ease), box-shadow 0.18s var(--ease);
}
.pa-input:focus { outline: none; border-color: var(--amber-deep); box-shadow: 0 0 0 3px rgba(227, 170, 91, 0.25); }
.pa-input--sm { min-height: 34px; padding: 7px 11px; font-size: 13.5px; border-radius: 10px; width: auto; flex: 1; min-width: 180px; }
.pa-input--code { font: 500 24px/1 var(--font-mono); letter-spacing: 0.45em; text-align: center; }
.pa-error { margin: 10px 0 0; color: var(--deal); font-size: 13.5px; }
.pa-hint { margin: 10px 0 0; padding: 8px 10px; border-radius: 10px; background: var(--cream); font: 500 12.5px/1.4 var(--font-mono); color: var(--ink-2); }
#emailForm .nd-btn, #codeForm .nd-btn--lg { margin-top: 16px; }
#codeForm .pa-row { margin-top: 14px; }

/* ---------- sign in ---------- */
.pa-signin { display: grid; grid-template-columns: 1.2fr 0.9fr; gap: 56px; align-items: center; min-height: calc(100vh - 220px); }
.pa-steps { margin: 34px 0 0; padding: 0; list-style: none; display: grid; gap: 14px; max-width: 520px; }
.pa-steps li { display: grid; grid-template-columns: 34px 1fr; gap: 4px 10px; font-size: 14.5px; color: var(--ink-2); }
.pa-steps .nd-fig { grid-row: span 2; padding-top: 2px; font-size: 12px; color: var(--amber-deep); }
.pa-steps strong { color: var(--ink); font-weight: 600; }
.pa-signin__card { padding: 30px; }

/* ---------- interview ---------- */
.pa-interview { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 28px; align-items: start; }
.pa-progress { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.pa-progress__bar { flex: 1; height: 4px; border-radius: 4px; background: var(--line); overflow: hidden; }
.pa-progress__bar span { display: block; height: 100%; width: 0; border-radius: inherit; background: linear-gradient(90deg, var(--sage), var(--amber)); transition: width 0.4s var(--ease); }
.pa-progress__text { font-size: 12px; color: var(--muted); }
.pa-question { padding: 32px; }
.pa-question__title { font: 400 clamp(26px, 3.1vw, 36px)/1.14 var(--font-display); letter-spacing: -0.015em; }
.pa-question__why { margin-top: 12px; font-size: 13.5px; line-height: 1.5; color: var(--muted); }
.pa-why__lead { font-weight: 600; color: var(--ink-2); }
.pa-cite { font-style: italic; }
.pa-question__body { margin-top: 26px; }
.pa-question__actions { display: flex; align-items: center; gap: 8px; margin-top: 30px; }
.pa-input-group { display: grid; gap: 16px; }
.pa-early {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 14px;
  padding: 14px 18px;
  border: 1px dashed var(--line-2);
  border-radius: var(--r-md);
  font-size: 13.5px;
  color: var(--ink-2);
}

.pa-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.pa-chip {
  padding: 9px 14px;
  border: 1px solid var(--line-2);
  border-radius: var(--pill);
  background: var(--surface);
  color: var(--ink);
  font: 450 14px/1.2 var(--font-ui);
  cursor: pointer;
  transition: background 0.16s var(--ease), border-color 0.16s var(--ease), color 0.16s var(--ease), transform 0.16s var(--ease);
}
.pa-chip:hover { border-color: var(--ink-2); }
.pa-chip:active { transform: scale(0.97); }
.pa-chip[aria-pressed="true"] { background: var(--dark); border-color: var(--dark); color: #FBFAF7; }
.pa-chip--quiet { padding: 7px 12px; font-size: 13px; background: rgba(255, 255, 255, 0.7); }

.pa-pair__opts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.pa-pair__opt {
  display: grid;
  gap: 6px;
  justify-items: start;
  padding: 20px 20px 18px;
  border: 1px solid var(--line-2);
  border-radius: var(--r-lg);
  background: var(--surface);
  text-align: left;
  cursor: pointer;
  transition: border-color 0.18s var(--ease), box-shadow 0.18s var(--ease), transform 0.18s var(--ease), background 0.18s var(--ease);
}
.pa-pair__opt:hover { border-color: var(--ink-2); transform: translateY(-1px); }
.pa-pair__opt[aria-pressed="true"] { border-color: var(--amber-deep); background: #FFF9EF; box-shadow: 0 0 0 3px rgba(227, 170, 91, 0.28); }
.pa-pair__price { font-size: 44px; line-height: 1; color: var(--ink); }
.pa-pair__label { font-size: 14px; color: var(--ink-2); }
.pa-pair__follow:not(:empty), .pa-pair__depends:not(:empty) { display: grid; gap: 10px; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); }
.pa-pair__prompt { font: 400 19px/1.25 var(--font-display); }
.pa-pair__alt { margin-top: 12px; }

.pa-slider { display: grid; gap: 10px; }
.pa-slider__value { font: 400 26px/1 var(--font-display); }
.pa-slider__range { width: 100%; accent-color: var(--amber-deep); height: 28px; }
.pa-slider__ends { display: flex; justify-content: space-between; gap: 16px; font-size: 12.5px; color: var(--muted); }
.pa-slider__ends span:last-child { text-align: right; }

.pa-upcoming__details { display: grid; gap: 12px; }
.pa-upcoming__details:not(:empty) { margin-top: 16px; }
.pa-upcoming__row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
  margin: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  background: var(--bg);
}
.pa-upcoming__row legend { padding: 0 6px; font: 600 12px/1 var(--font-ui); color: var(--ink-2); }

.pa-ledger { position: sticky; top: 112px; padding: 20px 4px 0 0; }
.pa-ledger__title { font: 400 22px/1.2 var(--font-display); }
.pa-ledger__sub { margin: 6px 0 14px; font-size: 12.5px; color: var(--muted); }
.pa-ledger__list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.pa-ledger__item { display: grid; gap: 5px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255, 255, 255, 0.8); font-size: 13.5px; line-height: 1.4; }
.pa-ledger__item--fresh { animation: pa-fresh 0.9s var(--ease) both; }
@keyframes pa-fresh { from { opacity: 0; transform: translateY(8px); background: #FFF3DD; } 40% { background: #FFF3DD; } to { opacity: 1; transform: none; } }
.pa-ledger__empty { font-size: 13px; color: var(--faint); }

.pa-kind {
  justify-self: start;
  display: inline-block;
  padding: 3px 7px 2px;
  border-radius: var(--pill);
  font: 600 10px/1.2 var(--font-ui);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}
.pa-kind--stated { background: var(--cream-2); color: var(--ink-2); }
.pa-kind--observed { background: var(--v-rent-bg); color: var(--v-rent); }
.pa-kind--inferred { background: transparent; color: var(--v-owned); box-shadow: inset 0 0 0 1px rgba(123, 94, 152, 0.45); }

/* ---------- building ---------- */
.pa-building { display: grid; justify-items: center; gap: 22px; padding-top: 6vh; text-align: center; }
.pa-building__orb { width: 220px; height: 220px; }
.pa-building__orb img { width: 100%; height: 100%; animation: pa-breathe 3.2s var(--ease-in-out) infinite; }
@keyframes pa-breathe { 0%, 100% { transform: scale(0.94); filter: blur(0); } 50% { transform: scale(1.04); filter: blur(1.5px); } }
.pa-building__steps { display: grid; gap: 10px; margin: 6px 0 0; padding: 0; list-style: none; }
.pa-building__steps li { color: var(--faint); font-size: 15px; transition: color 0.3s var(--ease); }
.pa-building__steps li.is-active { color: var(--ink); }
.pa-building__steps li.is-active::before { content: "→ "; color: var(--amber-deep); }
.pa-building__steps li.is-done { color: var(--sage-deep); }
.pa-building__steps li.is-done::before { content: "✓ "; }

/* ---------- home ---------- */
.pa-home__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 26px; }
.pa-status { display: flex; flex-wrap: wrap; gap: 8px; }
.pa-dot { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--muted); }
.pa-dot::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--sage-deep); }
.pa-dot--warn::before { background: var(--amber); }
.pa-panel { display: grid; gap: 16px; }
.pa-pill { display: inline-block; padding: 5px 10px; border: 1px solid var(--line-2); border-radius: var(--pill); background: var(--surface); font: 500 11.5px/1.2 var(--font-ui); color: var(--ink-2); white-space: nowrap; }
.pa-tag { display: inline-block; padding: 3px 8px; border-radius: var(--pill); background: var(--cream); font-size: 11.5px; color: var(--ink-2); }
.pa-flash { animation: pa-flash 1.8s var(--ease); }
@keyframes pa-flash { 0%, 40% { box-shadow: 0 0 0 4px rgba(227, 170, 91, 0.45); } 100% { box-shadow: 0 0 0 0 rgba(227, 170, 91, 0); } }

.pa-empty { display: grid; gap: 12px; justify-items: start; }
.pa-empty__title { font: 400 28px/1.15 var(--font-display); }

@keyframes pa-agent-pulse { 0% { box-shadow: 0 0 0 0 rgba(227, 170, 91, 0.55); } 100% { box-shadow: 0 0 0 9px rgba(227, 170, 91, 0); } }
.pa-context--form { display: grid; gap: 12px; }
.pa-context__field { display: grid; gap: 6px; }
.pa-context__name { font: 500 12.5px/1.2 var(--font-ui); color: var(--ink-2); }
.pa-context__words { resize: vertical; min-height: 64px; font: inherit; }
.pa-local { display: grid; gap: 10px; padding-top: 12px; border-top: 1px dashed var(--line-2); }
.pa-local .pa-eyebrow { margin: 0; }

/* calls (verdict cards) */
.pa-call {
  --tone: var(--v-ask);
  --tone-bg: var(--v-ask-bg);
  position: relative;
  display: grid;
  gap: 8px;
  padding: 18px 20px 18px 22px;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  background: var(--surface);
  overflow: hidden;
}
.pa-call::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--tone); opacity: 0.85; }
.pa-call--splurge { --tone: var(--v-splurge); --tone-bg: var(--v-splurge-bg); }
.pa-call--save { --tone: var(--v-save); --tone-bg: var(--v-save-bg); }
.pa-call--owned { --tone: var(--v-owned); --tone-bg: var(--v-owned-bg); }
.pa-call--rent { --tone: var(--v-rent); --tone-bg: var(--v-rent-bg); }
.pa-call--wait { --tone: var(--v-wait); --tone-bg: var(--v-wait-bg); }
.pa-call--skip { --tone: var(--v-skip); --tone-bg: var(--v-skip-bg); }
.pa-call--request, .pa-call--check { --tone: var(--v-agent); }
.pa-call--request { background: linear-gradient(180deg, #FBFCFE, #FFFFFF); }
.pa-call__head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.pa-call__item { font: 500 13px/1.2 var(--font-ui); color: var(--ink-2); }
.pa-call__ctx { margin-left: auto; font-size: 12px; color: var(--faint); }
.pa-call__headline { font: 400 23px/1.22 var(--font-display); letter-spacing: -0.01em; color: var(--ink); }
.pa-call__headline a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.pa-call__price { font-size: 22px; }
.pa-call__why { font-size: 15px; line-height: 1.55; color: var(--ink-2); max-width: 760px; }
.pa-call__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 6px; }
.pa-call__ask { width: 100%; font: 400 18px/1.3 var(--font-display); }
.pa-call__answer { display: flex; gap: 8px; margin-top: 6px; }
.pa-call__answer .pa-input { flex: 1; }
.pa-call__done { margin-top: 4px; }



.pa-details { margin-top: 2px; }
.pa-details > summary { width: max-content; cursor: pointer; font-size: 13px; color: var(--amber-deep); list-style: none; }
.pa-details > summary::-webkit-details-marker { display: none; }
.pa-details > summary::after { content: " ▾"; font-size: 10px; }
.pa-details[open] > summary::after { content: " ▴"; }
.pa-details[open] > summary { margin-bottom: 10px; }
.pa-details__line { margin-top: 8px; font-size: 14px; color: var(--ink-2); }

.pa-evidence { display: inline-flex; flex-wrap: wrap; gap: 4px; margin-left: 6px; vertical-align: middle; }
.pa-evidence__chip {
  padding: 2px 7px;
  border: 1px solid var(--line);
  border-radius: var(--pill);
  background: rgba(255, 255, 255, 0.8);
  font: 450 11px/1.4 var(--font-ui);
  color: var(--muted);
  cursor: pointer;
  white-space: nowrap;
}
.pa-evidence__chip:hover { border-color: var(--amber-deep); color: var(--amber-deep); }
.pa-evidence__chip--inferred { border-style: dashed; }

/* live options */
.pa-options { display: grid; gap: 10px; margin-top: 4px; }
.pa-options__cta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.pa-options__note { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 12.5px; color: var(--muted); }
.pa-options__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 220px)); gap: 10px; }
.pa-option {
  display: grid;
  grid-template-rows: auto 1fr auto;
  align-content: start;
  gap: 6px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #FFFEFC;
  color: inherit;
  text-decoration: none;
  transition: border-color 0.18s var(--ease), transform 0.18s var(--ease);
}
.pa-option:hover { border-color: var(--line-2); transform: translateY(-1px); }
.pa-option__img { width: 100%; height: 120px; object-fit: contain; border-radius: 8px; background: #fff; }
.pa-option__title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; line-height: 1.35; }
.pa-option__meta { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.pa-option__price { font-size: 19px; }
.pa-option__store { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; color: var(--muted); }


.pa-skeleton { display: grid; gap: 10px; }
.pa-skeleton__title { display: flex; align-items: center; gap: 8px; font: 400 19px/1.3 var(--font-display); }
.pa-skeleton__line { height: 12px; border-radius: 6px; background: linear-gradient(90deg, var(--bg-2), #FFFDF8, var(--bg-2)); background-size: 200% 100%; animation: pa-shimmer 1.4s linear infinite; }
.pa-skeleton__line--short { width: 60%; }
@keyframes pa-shimmer { to { background-position: -200% 0; } }

/* ---------- ask ---------- */
.pa-ask { display: grid; gap: 12px; padding: 18px; border: 1px solid var(--line-2); border-radius: var(--r-xl); background: var(--surface); box-shadow: var(--shadow-md); }
.pa-ask__input { width: 100%; min-height: 64px; padding: 6px 4px; border: 0; resize: vertical; background: transparent; color: var(--ink); font: 400 21px/1.35 var(--font-display); }
.pa-ask__input:focus { outline: none; }
.pa-ask__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.pa-examples { display: flex; flex-wrap: wrap; gap: 8px; }
.pa-history { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.pa-history__row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; width: 100%; padding: 11px 14px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255, 255, 255, 0.7); text-align: left; cursor: pointer; }
.pa-history__row:hover { border-color: var(--line-2); background: var(--surface); }
.pa-history__text { flex: 1; min-width: 200px; font-size: 14px; }

/* ---------- profile ---------- */
.pa-portrait { margin: 0 0 6px; padding: 6px 0 6px 22px; border-left: 2px solid var(--amber); }
.pa-portrait p { max-width: 880px; font: 300 italic clamp(21px, 2.4vw, 28px)/1.4 var(--font-display); color: var(--ink); }
.pa-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.pa-card--grid { padding: 20px; box-shadow: var(--shadow-sm); }
.pa-card--wide { grid-column: span 2; }
.pa-card--grid > p + p { margin-top: 8px; }
.pa-card--grid > p { font-size: 14px; line-height: 1.5; color: var(--ink-2); }
.pa-big { font: 400 32px/1.1 var(--font-display) !important; color: var(--ink) !important; margin-bottom: 14px; }
.pa-gauge { position: relative; height: 10px; margin: 6px 0 6px; }
.pa-gauge__track { position: absolute; inset: 3px 0; border-radius: 4px; background: linear-gradient(90deg, var(--sage), var(--peach) 55%, var(--blush)); }
.pa-gauge__mark { position: absolute; top: -3px; width: 16px; height: 16px; margin-left: -8px; border: 3px solid #fff; border-radius: 50%; background: var(--dark); box-shadow: var(--shadow-md); }
.pa-gauge__ends, .pa-axis__ends { display: flex; justify-content: space-between; margin-bottom: 12px; font-size: 11.5px; color: var(--muted); }
.pa-rules { display: grid; gap: 10px; margin: 0; padding-left: 22px; }
.pa-rule { padding-left: 4px; font-size: 15px; line-height: 1.45; color: var(--ink); }
.pa-rule::marker { font: 500 12px var(--font-mono); color: var(--muted); }
.pa-rule--splurge::marker { color: var(--v-splurge); }
.pa-rule--save::marker { color: var(--v-save); }
.pa-zones, .pa-plain, .pa-statements { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.pa-zone { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14.5px; }
.pa-zone__label { font-weight: 500; }
.pa-plain li, .pa-statements li { font-size: 14px; line-height: 1.45; color: var(--ink-2); }
.pa-axis + .pa-axis { margin-top: 4px; }
.pa-axis__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 13.5px; font-weight: 500; }
.pa-axis__track { position: relative; height: 4px; margin: 10px 0 6px; border-radius: 4px; background: var(--line); }
.pa-axis__mark { position: absolute; top: -5px; width: 14px; height: 14px; margin-left: -7px; border-radius: 50%; background: var(--amber-deep); box-shadow: 0 0 0 3px #fff; }
.pa-callout { margin-top: 10px; padding: 10px 12px; border-radius: 10px; background: var(--cream); font-size: 14px; }
.pa-quote { font: 400 italic 20px/1.35 var(--font-display) !important; color: var(--ink) !important; margin-bottom: 10px; }
.pa-profile__foot { margin-top: 6px; }
.pa-profile__foot .pa-muted { flex-basis: 100%; font-size: 12.5px; }

/* ---------- memory: see the end of this file ---------- */
.pa-warning { padding: 11px 13px; border-radius: 10px; background: var(--deal-bg); color: #7A3A1E; font-size: 13.5px; line-height: 1.5; }

/* ---------- agents ---------- */
.pa-agents__intro p { max-width: 760px; font-size: 15.5px; line-height: 1.55; color: var(--ink-2); }
.pa-mandate { display: grid; grid-template-columns: 190px 1fr; gap: 10px 18px; margin: 0 0 16px; }
.pa-mandate__row { display: contents; }
.pa-mandate dt { font-size: 13px; color: var(--muted); }
.pa-mandate dd { margin: 0; font-size: 14.5px; color: var(--ink); }
.pa-json {
  max-height: 360px;
  margin: 12px 0 0;
  padding: 14px;
  overflow: auto;
  border-radius: 12px;
  background: #F7F2EA;
  font: 400 12px/1.5 var(--font-mono);
  color: var(--ink-2);
  white-space: pre-wrap;
  word-break: break-all;
}
.pa-connect { display: grid; gap: 12px; }
.pa-connect > .nd-btn { justify-self: start; }
.pa-connect .pa-input { flex: 1; min-width: 220px; width: auto; }
.pa-snippet__head { display: flex; justify-content: space-between; font-size: 12.5px; font-weight: 600; color: var(--ink-2); }
.pa-snippet .pa-json { margin-top: 6px; max-height: none; }
.pa-keys, .pa-activity { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.pa-keys li, .pa-activity li { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255, 255, 255, 0.7); font-size: 14px; }
.pa-keys__name { font-weight: 600; }
.pa-keys li .pa-link { margin-left: auto; }
.pa-activity__when { min-width: 72px; font-size: 11.5px; color: var(--muted); }
.pa-activity li .pa-pill { margin-left: auto; }
.pa-agents__intro p + p { margin-top: 8px; }
.pa-quick { display: grid; gap: 10px; padding: 16px; border: 1px solid var(--line); border-radius: var(--r-md); background: var(--surface); }
.pa-quick__lead { max-width: 640px; font-size: 15px; line-height: 1.5; color: var(--ink); }
.pa-connect__dev { margin-top: 6px; font: 600 11px/1.3 var(--font-ui); letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); }

/* the catalog: sources → four layers → who it serves, with outcomes looping back */
.pa-catalog { display: grid; gap: 14px; }
.pa-catalog .pa-card__label { margin-bottom: 0; }
.pa-catalog__lead { max-width: 760px; font-size: 15px; line-height: 1.55; color: var(--ink-2); }
.pa-catalog__first .pa-muted { margin-right: 4px; font-size: 12.5px; }
.pa-cat {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) 28px minmax(0, 1.35fr) 28px minmax(0, 1.05fr);
  margin: 4px 0 0;
}
.pa-cat__col { display: grid; align-content: start; gap: 8px; min-width: 0; }
.pa-cat__head { display: flex; justify-content: space-between; gap: 8px; margin: 0 0 2px; font: 600 11px/1.3 var(--font-ui); letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-2); }
.pa-cat__head span { font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--muted); }
.pa-cat__box { display: grid; gap: 2px; padding: 10px 12px; border: 1px solid var(--line-2); border-radius: 12px; background: var(--surface); }
.pa-cat__box strong, .pa-cat__layer strong { font: 600 13.5px/1.3 var(--font-ui); color: var(--ink); }
.pa-cat__box span, .pa-cat__layer span { font-size: 12.5px; line-height: 1.4; color: var(--muted); }
.pa-cat__box--you { border-color: var(--v-agent); background: var(--v-agent-bg); box-shadow: inset 0 0 0 1px var(--v-agent); }
.pa-cat__box--you span { color: var(--ink-2); }
.pa-cat__catalog { padding: 12px; border: 1px solid var(--line-2); border-radius: var(--r-md); background: var(--bg-2); }
.pa-cat__layers { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.pa-cat__layer { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 2px 8px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255, 255, 255, 0.78); }
.pa-cat__layer b { grid-row: span 2; font: 500 12px/1.6 var(--font-mono); color: var(--muted); }
.pa-cat__layer span { grid-column: 2; }
.pa-cat__arrow { position: relative; align-self: center; height: 1px; margin: 0 6px 0 4px; background: var(--line-2); }
.pa-cat__arrow::after { content: ""; position: absolute; right: -6px; top: -4px; border: 4.5px solid transparent; border-left: 6px solid var(--line-2); border-right: 0; }
.pa-cat__step { position: relative; padding: 4px 0 6px 30px; font-size: 12px; color: var(--muted); }
.pa-cat__step::before { content: ""; position: absolute; left: 20px; top: 0; bottom: 4px; width: 1px; background: var(--line-2); }
.pa-cat__step::after { content: ""; position: absolute; left: 16px; bottom: 0; border: 4.5px solid transparent; border-top: 6px solid var(--line-2); border-bottom: 0; }
.pa-cat__loop { grid-column: 3 / -1; margin: 12px 0 0; padding: 10px 12px; border: 1px dashed var(--line-2); border-radius: 12px; font-size: 13px; line-height: 1.45; color: var(--ink-2); }
.pa-cat__loop strong { font-weight: 600; color: var(--ink); }

@media (max-width: 760px) {
  .pa-cat { grid-template-columns: minmax(0, 1fr); }
  .pa-cat__sources { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pa-cat__sources .pa-cat__head { grid-column: 1 / -1; }
  .pa-cat__arrow { justify-self: center; width: 1px; height: 22px; margin: 6px 0 12px; }
  .pa-cat__arrow::after { right: auto; left: -4px; top: auto; bottom: -6px; border: 4.5px solid transparent; border-top: 6px solid var(--line-2); border-bottom: 0; }
  .pa-cat__loop { grid-column: auto; }
}

/* ---------- responsive ---------- */
@media (max-width: 1000px) {
  .pa-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  /* netadeal.css hides the landing header on narrow screens; this page needs it */
  .pa .nd-nav { display: flex; padding: 10px 12px 0; }
  .pa-nav__pill { flex-wrap: wrap; height: auto; padding: 10px 10px 8px 22px; row-gap: 8px; border-radius: 24px; }
  .pa-tabs { order: 10; width: 100%; margin: 0; overflow-x: auto; scrollbar-width: none; }
  .pa-tabs::-webkit-scrollbar { display: none; }
  .pa .nd-nav__rule { display: none; }
  .pa .nd-nav__plain { margin-left: auto; }
  .pa-signin { grid-template-columns: 1fr; gap: 32px; min-height: 0; }
  .pa-interview { grid-template-columns: 1fr; }
  .pa-ledger { position: static; padding: 0; }
  .pa-main { padding-top: 28px; }
}

@media (max-width: 640px) {
  .pa-grid { grid-template-columns: 1fr; }
  .pa-card--wide { grid-column: auto; }
  .pa-options__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pa-mandate { grid-template-columns: 1fr; gap: 2px 0; }
  .pa-mandate dd { margin-bottom: 10px; }
}

@media (max-width: 560px) {
  .pa-main { width: calc(100% - 32px); padding-bottom: 64px; }
  .pa-card, .pa-question { padding: 18px; }
  .pa-pair__price { font-size: 34px; }
  .pa-pair__opts { gap: 8px; }
  .pa-pair__opt { padding: 16px 14px; }
  .pa-call { padding: 16px 14px 16px 18px; }
  .pa-call__headline { font-size: 20px; }
  .pa-question__actions .nd-btn--lg { padding: 11px 16px; }
  /* brand, deal search and the account dot share one row; tabs take the next */
  .pa-account__btn { padding: 10px; }
  .pa-account__btn span:last-child { display: none; }
  .pa-brand__tag { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .pa-building__orb img, .pa-skeleton__line, .pa-ledger__item--fresh, .pa-flash { animation: none; }
}

/* Ask shares the UCP hero, composer, product image and result tile classes.
   Only page layout, reasoning and next-step controls are specific to Ask. */
.pa[data-tab="ask"] .pa-home__head { display: none; }
#panelAsk { gap: 28px; overflow-x: clip; overflow-clip-margin: 16px; }
#panelBrief { overflow-x: clip; overflow-clip-margin: 16px; }
.pa-ask-hero { padding: 42px 0 66px; }
.pa-ask-hero--answered { padding: 18px 0 46px; }
.pa-ask-hero--answered .nd-hero__title { font-size: clamp(38px, 4vw, 52px); }
.pa-ask-hero .nd-chips { max-width: 850px; }
.pa-ask-composer .nd-composer__send:disabled { cursor: wait; }
.pa-ask-error { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.pa-answer {
  --tone: var(--sage-deep);
  --tone-bg: var(--v-save-bg);
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--r-xl);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--shadow-md);
  scroll-margin-top: 110px;
}
.pa-answer:focus { outline: none; }
.pa-answer:focus-visible { outline: 2px solid var(--amber-deep); outline-offset: 4px; }
.pa-answer__lead { display: grid; align-items: center; padding: 26px 34px; gap: 34px; }
.pa-answer__lead--image { grid-template-columns: 320px minmax(0, 1fr); }
.pa-answer__copy { display: grid; align-content: center; justify-items: start; gap: 16px; min-width: 0; }
.pa-answer__eyebrow { display: flex; align-items: center; gap: 12px; }
.pa-answer__eyebrow .pa-eyebrow { margin: 0; color: var(--ink-2); }
.pa-answer__title { margin: 0; max-width: 720px; font-size: clamp(29px, 3vw, 40px); line-height: 1.12; text-align: left; text-wrap: balance; }
/* the figure the call is built on, set like a price on /ucp: a quiet label, then the number */
.pa-answer__target { display: inline-flex; align-items: baseline; gap: 10px; font: 400 13px/1.4 var(--font-ui); color: var(--muted); }
.pa-answer__target .nd-num { font-size: 21px; color: var(--ink); }
.pa-answer__why { max-width: 690px; color: var(--ink-2); font-size: 15px; line-height: 1.6; }
.pa-answer__within { color: var(--ink-2); font-size: 13.5px; line-height: 1.5; }
.pa-answer__hero { margin: 0; min-width: 0; }
.pa-answer__caption { max-width: 300px; padding: 9px 0 0; color: var(--muted); font-size: 10.5px; line-height: 1.4; text-align: center; }
.pa-answer__caption a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.pa-answer__reasoning { display: grid; gap: 24px; padding: 4px 34px 26px; }
.pa-answer__details { width: 100%; padding-top: 16px; border-top: 1px solid var(--line); }
.pa-answer__details > summary { max-width: 100%; font-size: 12.5px; }
.pa-answer__checks { margin: 14px 0 0; padding-left: 18px; display: grid; gap: 7px; font-size: 13px; line-height: 1.45; color: var(--ink-2); }
.pa-answer__checks li::marker { color: var(--sage-deep); }
.pa-answer__evidence { margin-top: 14px; }
.pa-research .pa-eyebrow { margin-bottom: 16px; }
.pa-research__points { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; list-style: none; padding: 0; margin: 0; }
.pa-research__point { display: flex; flex-direction: column; align-items: start; gap: 8px; min-width: 0; }
.pa-research__point h4 { margin: 0; color: var(--ink); font: 500 15px/1.35 var(--font-ui); }
.pa-research__point p { color: var(--ink-2); font-size: 13.5px; line-height: 1.55; }
.pa-research__links { display: inline-flex; flex-wrap: wrap; gap: 6px 12px; font-size: 11px; line-height: 1.45; }
.pa-research__links a { color: var(--amber-deep); text-decoration: underline; text-underline-offset: 3px; }
.pa-research__point .pa-research__links { margin-top: auto; padding-top: 3px; }
.pa-research__status { color: var(--muted); font-size: 12px; line-height: 1.5; }
.pa-research > .pa-research__status { margin-top: 16px; }
.pa-research__unknowns { margin-top: 16px; font-size: 12.5px; line-height: 1.5; color: var(--ink-2); }
.pa-research__unknowns ul { margin: 6px 0 0; padding-left: 17px; }
.pa-research__checked { margin-top: 18px; font-size: 11px; color: var(--muted); }
.pa-research__sources { display: grid; gap: 12px; margin: 10px 0 0; padding-left: 18px; font-size: 12.5px; }
.pa-research__sources a { color: var(--ink-2); text-decoration: underline; text-underline-offset: 3px; }
.pa-research__sources span { display: block; margin-top: 3px; font-size: 11px; color: var(--muted); }
.pa-comparison { padding: 18px 22px; border: 1px solid rgba(184, 153, 108, 0.22); border-radius: var(--r-md); background: linear-gradient(120deg, #FAF6EE, #FDFBF6); }
.pa-comparison__heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.pa-comparison__heading h3 { font: 500 14px/1.4 var(--font-ui); color: var(--ink); }
.pa-comparison__table { width: 100%; border-collapse: collapse; table-layout: fixed; margin-top: 16px; }
.pa-comparison__table th { color: var(--ink-2); font: 500 12px/1.4 var(--font-ui); text-align: left; padding: 0 16px 5px 0; }
.pa-comparison__table td { vertical-align: top; }
.pa-comparison__amount { font-size: 34px; line-height: 1.15; }
.pa-comparison__price { padding: 4px 16px 0 0; font-size: 11px; line-height: 1.5; color: var(--muted); }
.pa-comparison__assumptions { margin-top: 15px; color: var(--ink-2); font-size: 12px; line-height: 1.5; }
.pa-comparison__formula, .pa-comparison__note { margin-top: 5px; color: var(--muted); font-size: 11px; line-height: 1.5; }
/* The concierge's reasoning: read like a note from someone who knows you. */
.pa-thinking { padding: 24px 28px 22px; border-radius: var(--r-lg); background: linear-gradient(135deg, rgba(244, 238, 229, 0.75), rgba(255, 253, 249, 0.6) 60%, rgba(215, 195, 228, 0.18)); border: 1px solid rgba(184, 153, 108, 0.16); }
.pa-thinking .pa-thinking__eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 12px; color: var(--ink-2); }
.pa-thinking__mark { width: 14px; height: 14px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #FFF4E2, var(--peach) 45%, var(--rose) 80%); box-shadow: 0 0 0 3px rgba(240, 190, 146, 0.18); }
.pa-thinking__p { max-width: 720px; margin: 0; color: var(--ink-2); font: 400 18px/1.62 var(--font-display); text-wrap: pretty; }
.pa-thinking__p + .pa-thinking__p { margin-top: 12px; }
.pa-thinking .pa-research__links { margin-top: 14px; }

/* Real prices over real use. */
.pa-econ { padding-top: 4px; }
.pa-econ__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; margin-bottom: 18px; }
.pa-econ__head .pa-eyebrow { margin: 0; color: var(--ink-2); }
.pa-econ__seg { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.pa-econ__seg .nd-seg__btn { padding: 6px 13px; font-size: 12.5px; white-space: nowrap; }
.pa-econ__cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: var(--r-md); background: var(--surface); }
.pa-econ__cols--one { grid-template-columns: minmax(0, 1fr); }
.pa-econ__col { display: grid; align-content: start; gap: 3px; padding: 18px 22px 16px; min-width: 0; }
.pa-econ__col + .pa-econ__col { border-left: 1px solid var(--line); }
.pa-econ__label { margin: 0 0 4px; color: var(--ink); font: 500 13.5px/1.35 var(--font-ui); }
.pa-econ__amount { margin: 0; color: var(--ink); font-size: 44px; line-height: 1.05; }
.pa-econ__unit { margin: 0; color: var(--muted); font-size: 12px; }
.pa-econ__sticker { margin: 8px 0 0; color: var(--ink-2); font-size: 12.5px; line-height: 1.45; }
.pa-econ__price { margin: 6px 0 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.pa-econ__price a { color: var(--amber-deep); text-decoration: underline; text-underline-offset: 3px; }
.pa-econ__gap { margin: 12px 0 0; padding: 10px 14px; border-radius: var(--r-sm); background: var(--cream); color: var(--ink-2); font-size: 13.5px; line-height: 1.45; }
.pa-econ__gap strong { color: var(--ink); font-size: 16px; }
.pa-econ__note { margin: 10px 0 0; color: var(--muted); font-size: 11.5px; line-height: 1.55; }
@media (max-width: 560px) {
  .pa-thinking { padding: 20px 18px; }
  .pa-thinking__p { font-size: 16.5px; }
  .pa-econ__cols { grid-template-columns: minmax(0, 1fr); }
  .pa-econ__col + .pa-econ__col { border-left: 0; border-top: 1px solid var(--line); }
  .pa-econ__amount { font-size: 38px; }
}

.pa-answer > .pa-options { margin: 0; padding: 24px 24px 20px; border-top: 1px solid var(--line); }
.pa-answer__footer { padding: 14px 34px; border-top: 1px solid var(--line); background: rgba(250, 248, 244, 0.65); }
.pa-answer__feedback { margin: 0; gap: 16px; }
.pa-answer__feedback > .nd-btn { min-height: 32px; padding: 5px 0; border: 0; border-radius: 0; background: transparent; color: var(--muted); box-shadow: none; font-size: 12px; }
.pa-answer__feedback > .nd-btn:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
.pa-answer__feedback > .nd-btn:first-child { color: var(--sage-deep); }
.pa-answer__footer .pa-call__done { font-size: 12px; }
.pa-options__hint { flex: 1; min-width: 200px; max-width: 540px; color: var(--muted); font-size: 13px; line-height: 1.5; }
.pa-discovery-loading { display: grid; gap: 14px; padding: 10px 0; }
.pa-discovery__head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 3px 0 0; }
.pa-discovery__head .pa-eyebrow { margin-bottom: 7px; font-size: 10px; }
.pa-discovery__title { font: 400 27px/1.15 var(--font-display); letter-spacing: -0.015em; }
.pa-discovery__summary { max-width: 800px; font-size: 13px; color: var(--ink-2); line-height: 1.5; }
.pa-result-grid { align-items: start; }
.pa-result { min-width: 0; }
.pa-result--pick { border-color: #B8C498; }
.pa-result .nd-tile__open { text-decoration: none; }
.pa-result .nd-tile__media, .pa-result .nd-tile__body { width: 100%; }
.pa-result .nd-tile__foot { padding-right: 0; }
.pa-result__image { position: absolute; inset: 9%; opacity: 0; }
.pa-result__image.is-loaded { opacity: 1; }
.pa-result__fallback { display: grid; justify-items: center; gap: 9px; color: #A99A85; font-size: 10px; }
.pa-result__badge { position: absolute; top: 9px; left: 9px; background: rgba(239, 242, 226, 0.95); }
.pa-result__type { font-size: 10.5px; line-height: 1.4; color: var(--muted); }
.pa-result__actions { display: flex; flex-wrap: wrap; gap: 6px; padding: 3px 14px 8px; }
.pa-result__actions .nd-btn { padding: 7px 9px; min-height: 30px; white-space: normal; text-align: center; font-size: 11px; line-height: 1.3; }
.pa-result__details { padding: 0 14px 12px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.pa-result__details summary { cursor: pointer; width: fit-content; }
.pa-result__details p { margin-top: 8px; }
.pa-options__sources { margin-top: 10px; font-size: 11px; line-height: 1.5; }
.pa-history-wrap { padding: 0 2px; }
.pa-history-toggle { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: 12.5px; }
.pa-history-toggle::after { content: "↗"; font-size: 12px; }
.pa-history-toggle[aria-expanded="true"]::after { content: "⌃"; }
.pa-history-wrap .pa-history { margin-top: 16px; gap: 0; border: 1px solid var(--line); border-radius: 14px; background: rgba(255, 255, 255, 0.75); overflow: hidden; }
.pa-history-wrap .pa-history__row { border: 0; border-radius: 0; background: transparent; padding: 15px 18px; }
.pa-history-wrap li + li { border-top: 1px solid var(--line); }
.pa-history__text { display: grid; gap: 5px; min-width: 0; }
.pa-history__question { color: var(--muted); font-size: 11.5px; line-height: 1.4; }
.pa-history__call { color: var(--ink); font-size: 14px; line-height: 1.4; }
.pa-history__row > .pa-muted { flex-shrink: 0; font-size: 11px; }
@media (max-width: 900px) {
  .pa-answer__lead { padding: 24px; gap: 24px; }
  .pa-answer__lead--image { grid-template-columns: 280px minmax(0, 1fr); }
  .pa-answer__hero .nd-product__card { width: 260px; height: 260px; }
  .pa-answer__hero .nd-product__shadow { width: 250px; }
  .pa-answer__reasoning { padding: 0 24px 24px; }
  .pa-research__points { gap: 18px; }
}
@media (max-width: 640px) {
  #panelAsk { gap: 20px; }
  .pa-ask-hero { padding: 24px 0 52px; }
  .pa-ask-hero--answered { padding: 6px 0 34px; }
  .pa-ask-hero .nd-hero__sub { font-size: 15px; }
  .pa-answer__lead { padding: 18px 20px 24px; gap: 18px; }
  .pa-answer__lead--image { grid-template-columns: minmax(0, 1fr); }
  .pa-answer__hero .nd-product__card { width: 230px; height: 230px; }
  .pa-answer__hero .nd-product__shadow { width: 220px; }
  .pa-answer__copy { gap: 14px; }
  .pa-answer__title { font-size: 31px; }
  .pa-answer__why { font-size: 14px; }
  .pa-answer__reasoning { padding: 0 20px 22px; gap: 22px; }
  .pa-research__points { grid-template-columns: 1fr; gap: 20px; }
  .pa-comparison { padding: 16px; }
  .pa-comparison__amount { font-size: 31px; }
  .pa-answer > .pa-options { padding: 20px 14px; }
  .pa-answer__footer { padding: 12px 20px; }
  .pa-options__cta { gap: 12px; }
  .pa-options__hint { min-width: 0; flex-basis: 100%; font-size: 12px; }
  .pa-discovery__title { font-size: 24px; }
  .pa-result__actions { padding: 3px 10px 7px; gap: 5px; }
  .pa-result__actions .nd-btn { font-size: 10.5px; padding: 7px; }
  .pa-result__details { padding: 0 10px 11px; }
  .pa-history__row > .pa-muted { width: 100%; }
  .pa-call__answer { flex-wrap: wrap; }
}

/* ==========================================================
   Memory: the /ucp composer over a flower orbit.
   The composer, chips, attach chip and drop zone are the deal
   search's own classes (netadeal.css). The orbit keeps the
   Relief Factor orbit's shape (the luminous flower, branches,
   travelling pulses) in /ucp materials: the hero orb's bloom
   behind the flower, chip glass for areas, the product page's
   tile for memories with its dark ring when selected, branch
   light in sage, amber, blush and lilac, chip-tone icons.
   Words are /ucp faces: Newsreader names, Hanken Grotesk
   controls, EB Garamond (.nd-num) counts. Geometry lives in
   proactive.js (ORBIT, SEC, LEAF): a 1520 x 760 stage scaled
   to the width it is given; under 1040 px it stacks.
   ========================================================== */
.pa[data-tab="memory"] .pa-home__head { display: none; }
#panelMemory { grid-template-columns: minmax(0, 1fr); gap: 0; }
.pm {
  --pm-out: cubic-bezier(0.16, 1, 0.3, 1);
  --pm-chip-line: rgba(214, 203, 186, 0.95);
  --pm-chip-bg: linear-gradient(180deg, rgba(255, 252, 247, 0.88), rgba(246, 238, 227, 0.82));
  --pm-tile-bg: rgba(255, 253, 249, 0.8);
  --pm-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 10px 26px -18px rgba(120, 80, 30, 0.4);
}

/* ---------- composer ---------- */
.pm-slot { margin: 0 auto; }
.pm-chips { margin: 14px auto 0; }
.pm .nd-composer__send:disabled { cursor: default; }
.pm .nd-composer.pm-reading .nd-composer__send { background: var(--dark); }
.pm .nd-composer.pm-reading .nd-composer__send svg { opacity: 0; }
.pm .nd-composer.pm-reading .nd-composer__send::after {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  border: 1.5px solid transparent;
  border-top-color: var(--amber-deep);
  animation: nd-spin 0.9s linear infinite;
}
.pm-file {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex: none;
  border-radius: 8px;
  background: var(--cream);
  color: var(--ink-2);
  font: 500 10.5px/1 var(--font-mono);
  letter-spacing: 0.04em;
}

/* what was just read */
.pm-read {
  position: relative;
  display: grid;
  gap: 4px;
  width: min(760px, 100%);
  margin: 16px auto 0;
  padding: 16px 56px 16px 20px;
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  background: rgba(255, 255, 255, 0.74);
  box-shadow: var(--shadow-sm);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  animation: nd-rise 0.4s var(--ease) both;
}
.pm-read__title { font: 400 21px/1.2 var(--font-display); letter-spacing: -0.01em; }
.pm-read__meta { font-size: 13px; color: var(--muted); }
.pm-read__close { position: absolute; right: 14px; top: 14px; }
.pm-read__warn { margin-top: 8px; }
.pm-read__ask { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; padding-top: 10px; border-top: 1px solid var(--line); font-size: 14px; }
.pm-read__ask p { flex: 1; min-width: 200px; color: var(--ink-2); }

/* ---------- the orbit ---------- */
.pm-orbit {
  --s: 1;
  position: relative;
  left: 50%;
  justify-self: start;
  width: min(1520px, calc(100vw - 32px));
  height: calc(760px * var(--s));
  margin-top: 10px;
  transform: translateX(-50%);
}
.pm-stage {
  position: absolute;
  left: 0;
  top: 0;
  width: 1520px;
  height: 760px;
  transform: scale(var(--s));
  transform-origin: 0 0;
}

/* branches in the /ucp light */
.pm-links { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.pm-link { fill: none; stroke-width: 1.4; opacity: 0.85; transition: opacity 0.35s var(--ease), stroke-width 0.35s var(--ease); }
.pm-link.is-leaf { stroke-width: 1.2; opacity: 0.8; }
.pm-link.is-on { stroke-width: 2.2; opacity: 1; filter: url(#pm-glow); }
.pm-link.is-hot { stroke-width: 2; opacity: 1; filter: url(#pm-glow); }
.pm-link.is-draw { stroke-dashoffset: 0 !important; transition: stroke-dashoffset 0.9s var(--pm-out), opacity 0.35s var(--ease), stroke-width 0.35s var(--ease); }
.pm-head { fill: var(--amber); opacity: 0.9; transition: opacity 0.35s var(--ease); }
.pm-head.is-leaf { fill: var(--rose); }
.pm-head.is-on { opacity: 1; filter: url(#pm-glow); }
.pm-pulse { fill: #FFF6E6; opacity: 0; filter: url(#pm-glow); pointer-events: none; }

/* the /ucp hero orb blooms behind the flower; a warm light sits under the open area */
.pm-bloom {
  position: absolute;
  z-index: 0;
  width: 600px;
  height: 600px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: transform 1s var(--pm-out), opacity 1s var(--ease);
}
.pm-bloom img { width: 100%; height: 100%; opacity: 0.42; filter: blur(46px) saturate(1.2); animation: nd-orb-bloom 8s var(--ease-in-out) infinite alternate; }
.pm-light { position: absolute; left: 0; top: 0; z-index: 0; width: 1px; height: 1px; pointer-events: none; transition: opacity 0.5s var(--ease); }
.pm-light::before { content: ""; position: absolute; left: 50%; top: 50%; border-radius: 50%; transform: translate(-50%, -50%); }
.pm-light--area::before {
  width: 440px;
  height: 230px;
  background: radial-gradient(ellipse, rgba(240, 190, 146, 0.32) 0, rgba(238, 179, 170, 0.12) 46%, transparent 72%);
}

/* the flower, and the waveform in its core */
.pm-flower {
  position: absolute;
  z-index: 2;
  width: 210px;
  height: 210px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition: transform 0.9s var(--pm-out);
}
.pm-flower img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0.94;
  filter: contrast(1.05) saturate(1.03) drop-shadow(0 0 8px rgba(227, 170, 91, 0.25));
  animation: pm-breathe 8s var(--ease-in-out) infinite alternate;
  transition: filter 0.7s var(--ease);
  user-select: none;
  -webkit-user-drag: none;
}
.pm-flower:hover img,
.pm-flower:focus-visible img { filter: brightness(1.06) contrast(1.05) saturate(1.06) drop-shadow(0 0 14px rgba(227, 170, 91, 0.4)); }
.pm-flower:focus-visible { outline: none; box-shadow: 0 0 0 1px rgba(168, 105, 42, 0.6), 0 0 18px rgba(227, 170, 91, 0.25); }
@keyframes pm-breathe { from { transform: scale(1) rotate(0deg); } to { transform: scale(1.03) rotate(0.6deg); } }
.pm-wave { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; pointer-events: none; }

.pm-core { position: absolute; z-index: 3; display: grid; justify-items: center; gap: 5px; transform: translateX(-50%); white-space: nowrap; text-align: center; pointer-events: none; transition: opacity 0.5s var(--ease); }
.pm-core__n { display: flex; align-items: baseline; gap: 7px; font: 500 14px/1 var(--font-ui); color: var(--ink-2); }
.pm-core__n .nd-num { font-size: 42px; line-height: 1; color: var(--ink); }
.pm-core__sub { font: 500 12.5px/1.3 var(--font-ui); color: var(--amber-deep); }
.pm-core__sub--quiet { color: var(--muted); }
.pm-core__hint {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 6px;
  padding: 7px 13px 7px 11px;
  border: 1px solid var(--pm-chip-line);
  border-radius: var(--pill);
  background: var(--pm-chip-bg);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
  color: var(--ink);
  font: 500 12.5px/1 var(--font-ui);
  cursor: pointer;
  pointer-events: auto;
  transition: transform 0.18s var(--ease), border-color 0.18s var(--ease);
}
.pm-core__hint svg { color: var(--ink-2); }
.pm-core__hint:hover { transform: translateY(-1px); border-color: var(--line-2); }

/* chip icons on this page match the memory tiles: a fine outline, no tinted badge */
.pa .nd-chip:has(.nd-chip__icon) { padding-left: 12px; }
.pa .nd-chip__icon { width: auto; height: auto; border-radius: 0; background: none; color: #8C8378; transition: color 0.18s var(--ease); }
.pa .nd-chip__icon svg { width: 15px; height: 15px; }
.pa .nd-chip__icon svg, .pa .nd-chip__icon svg * { stroke-width: 1.5; }
.pa .nd-chip:hover .nd-chip__icon { color: var(--ink-2); }

/* icons: a fine outline in the tile's warm ink, no badge; it firms up with the tile */
.pm-ico {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  flex: none;
  color: #8C8378;
  transition: color 0.2s var(--ease);
}
.pm-ico svg { stroke-width: 1.5; }
.pm-area:hover .pm-ico, .pm-area.is-on .pm-ico,
.pm-leaf:hover .pm-ico, .pm-leaf:focus-within .pm-ico, .pm-leaf.is-menu .pm-ico { color: var(--ink-2); }

/* area tiles: the /ucp chip's glass; selected is the product page's dark ring */
.pm-areas, .pm-leaves { position: absolute; inset: 0; pointer-events: none; }
.pm-areas { z-index: 3; }
.pm-leaves { z-index: 4; }
.pm-area {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 222px;
  height: 60px;
  padding: 0 15px 0 13px;
  border: 1px solid var(--pm-chip-line);
  border-radius: 18px;
  background: var(--pm-chip-bg);
  box-shadow: var(--pm-shadow);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: var(--ink);
  text-align: left;
  transform: translate(0, -50%);
  pointer-events: auto;
  cursor: pointer;
  transition: transform 0.6s var(--pm-out), opacity 0.45s var(--ease), border-color 0.2s var(--ease), box-shadow 0.25s var(--ease), background-color 0.2s var(--ease);
}
.pm-area:hover { border-color: #BDB3A4; }
.pm-area.is-on { border-color: var(--dark); background: #FFFDF9; box-shadow: 0 0 0 0.5px var(--dark), 0 14px 30px -18px rgba(120, 80, 30, 0.45); }
.pm-area.is-enter { opacity: 0; transform: var(--from); }
.pm-area__name { flex: 1; min-width: 0; overflow: hidden; font: 400 18px/1.1 var(--font-display); letter-spacing: -0.01em; white-space: nowrap; text-overflow: ellipsis; }
.pm-area__n { flex: none; font-size: 19px; line-height: 1; color: var(--muted); }
.pm-area.is-on .pm-area__n { color: var(--ink-2); }
.pm-area__dot { position: absolute; right: 8px; top: 8px; width: 7px; height: 7px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 0 3px rgba(227, 170, 91, 0.22); }

/* memory tiles: the product page's selectable tile, one line, actions behind ⋯ */
.pm-leaf {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 11px;
  width: 318px;
  height: var(--h, 54px);
  padding: 0 7px 0 11px;
  border: 1px solid var(--line-2);
  border-radius: 16px;
  background: var(--pm-tile-bg);
  box-shadow: 0 8px 22px -18px rgba(120, 80, 30, 0.35);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: var(--ink);
  text-align: left;
  transform: translate(0, -50%);
  pointer-events: auto;
  transition: transform 0.55s var(--pm-out), opacity 0.35s var(--ease), border-color 0.2s var(--ease), background-color 0.2s var(--ease);
}
.pm-leaf:hover,
.pm-leaf:focus-within { z-index: 5; border-color: #BDB3A4; background: #FFFDF9; }
.pm-leaf.is-menu { z-index: 7; border-color: var(--dark); background: #FFFDF9; box-shadow: 0 0 0 0.5px var(--dark); }
.pm-leaf.is-enter { opacity: 0; transform: var(--from); }
/* inferred or read from a document, not yet confirmed: a dashed edge */
.pm-leaf.is-guess { border-style: dashed; border-color: rgba(168, 105, 42, 0.55); }
.pm-leaf.is-fresh { animation: pm-fresh 2s var(--ease) 0.5s; }
@keyframes pm-fresh {
  0%, 45% { box-shadow: 0 0 0 2px rgba(227, 170, 91, 0.7), 0 0 30px rgba(240, 190, 146, 0.5); }
  100% { box-shadow: 0 8px 22px -18px rgba(120, 80, 30, 0.35); }
}
.pm-leaf__text {
  display: -webkit-box;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  font: 400 16px/1.22 var(--font-display);
  letter-spacing: -0.005em;
  overflow-wrap: anywhere;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.pm-leaf--more { justify-content: center; font: 500 13px/1 var(--font-ui); color: var(--amber-deep); cursor: pointer; }
.pm-leaf.is-editing { z-index: 6; border-color: var(--dark); background: #FFFEFB; box-shadow: 0 0 0 0.5px var(--dark); }
.pm-leaf__acts { display: flex; flex: none; align-items: center; gap: 4px; }
.pm-leaf__input {
  flex: 1;
  min-width: 0;
  height: 34px;
  padding: 0 10px;
  border: 0;
  border-radius: 9px;
  background: var(--cream);
  color: var(--ink);
  font: 400 16px/1 var(--font-display);
  outline: none;
}
.pm-leaf__input:focus { box-shadow: 0 0 0 2px rgba(227, 170, 91, 0.35); }

/* ⋯ and its menu */
.pm-dots {
  position: relative;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  flex: none;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  transition: background 0.18s var(--ease), color 0.18s var(--ease);
}
.pm-dots:hover,
.pm-dots[aria-expanded="true"] { background: rgba(31, 30, 28, 0.06); color: var(--ink); }
.pm-dots.is-pending::after { content: ""; position: absolute; right: 3px; top: 4px; width: 6px; height: 6px; border-radius: 50%; background: var(--amber); }
.pm-dots.is-busy { color: transparent; pointer-events: none; }
.pm-dots.is-busy::before { content: ""; position: absolute; inset: 8px; border: 1.6px solid var(--line-2); border-top-color: var(--amber-deep); border-radius: 50%; animation: nd-spin 0.8s linear infinite; }
.pm-menu {
  position: absolute;
  right: 4px;
  top: calc(100% + 6px);
  z-index: 8;
  display: grid;
  min-width: 188px;
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  background: var(--surface);
  box-shadow: var(--shadow-lg);
  animation: nd-rise 0.2s var(--ease) both;
}
.pm-menu.is-up { top: auto; bottom: calc(100% + 6px); }
.pm-menu__item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 10px;
  border: 0;
  border-radius: var(--r-sm);
  background: transparent;
  color: var(--ink);
  font: 500 13.5px/1.2 var(--font-ui);
  text-align: left;
  cursor: pointer;
}
.pm-menu__item svg { color: var(--ink-2); }
.pm-menu__item:hover,
.pm-menu__item:focus-visible { background: var(--bg-2); outline: none; }
.pm-menu__item--danger,
.pm-menu__item--danger svg { color: var(--deal); }
.pm-menu__item--danger.is-armed { background: var(--deal-bg); }

/* save and cancel while correcting */
.pm-act {
  position: relative;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex: none;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--surface);
  color: var(--ink-2);
  cursor: pointer;
}
.pm-act:hover { border-color: var(--line-2); color: var(--ink); }
.pm-act--save { border-color: var(--dark); background: var(--dark); color: #FFFDF9; }
.pm-act--save:hover { background: var(--dark-2); color: #FFFDF9; }
.pm-act.is-busy { color: transparent; pointer-events: none; }
.pm-act.is-busy::after { content: ""; position: absolute; inset: 6px; border: 1.6px solid var(--line-2); border-top-color: var(--amber-deep); border-radius: 50%; animation: nd-spin 0.8s linear infinite; }

/* the full sentence, unfolding from the tile on hover or focus */
.pm-leaf__why {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  z-index: 6;
  padding: 10px 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 253, 249, 0.98);
  box-shadow: var(--shadow-md);
  color: var(--ink-2);
  font: 400 13px/1.45 var(--font-ui);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-3px);
  transition: opacity 0.18s var(--ease), transform 0.18s var(--ease), visibility 0s linear 0.18s;
  pointer-events: none;
}
.pm-leaf.is-up .pm-leaf__why { top: auto; bottom: calc(100% + 6px); transform: translateY(3px); }
.pm-leaf:hover .pm-leaf__why,
.pm-leaf:focus-within .pm-leaf__why { opacity: 1; visibility: visible; transform: none; transition-delay: 0.4s, 0.4s, 0.4s; }
.pm-leaf.is-menu .pm-leaf__why,
.pm-dots:hover ~ .pm-leaf__why { opacity: 0; visibility: hidden; transition-delay: 0s; }

.pm-stage > .pm-empty { position: absolute; left: 50%; top: 640px; transform: translateX(-50%); }
.pm-empty { color: var(--muted); font-size: 14px; text-align: center; }

/* ---------- the flower speaks ---------- */
/* everything gathers into the flower; the bloom and the flower swell; the words take the stage */
.pm-stage.is-voice .pm-area,
.pm-stage.is-voice .pm-leaf {
  opacity: 0;
  transform: var(--to, translate(0, -50%) scale(0.08));
  pointer-events: none;
  transition: transform 0.85s var(--pm-out) calc(var(--i, 0) * 18ms), opacity 0.6s var(--ease) calc(80ms + var(--i, 0) * 18ms);
}
.pm-stage.is-voice .pm-links,
.pm-stage.is-voice .pm-light--area,
.pm-stage.is-voice .pm-core { opacity: 0; pointer-events: none; transition: opacity 0.45s var(--ease); }
.pm-links { transition: opacity 0.6s var(--ease); }
.pm-stage.is-voice .pm-flower { transform: translate(-50%, -50%) scale(1.14); }
.pm-stage.is-voice .pm-bloom { transform: translate(-50%, -50%) scale(1.35); }
.pm-stage.is-speaking .pm-bloom img { opacity: 0.6; }
.pm-voice-top,
.pm-voice-bottom { display: none; }
.pm-stage.is-voice .pm-voice-top,
.pm-stage.is-voice .pm-voice-bottom { display: grid; animation: nd-rise 0.7s var(--ease) 0.25s both; }
.pm-voice-top {
  position: absolute;
  left: 760px;
  top: 236px;
  z-index: 3;
  justify-items: center;
  gap: 8px;
  width: 900px;
  text-align: center;
  translate: -50% -100%; /* `translate`, not transform, so the rise animation keeps it centred */
}
.pm-voice__eyebrow { font: 500 13px/1.2 var(--font-ui); color: var(--muted); }
.pm-voice__title { font: 300 50px/1.04 var(--font-display); letter-spacing: -0.025em; color: var(--ink); text-wrap: balance; }
.pm-voice__title--status { font: italic 300 27px/1.2 var(--font-display); color: var(--ink-2); }
.pm-voice__title--status::after { content: "…"; animation: pm-ellipsis 1.4s steps(4, end) infinite; display: inline-block; width: 1em; text-align: left; overflow: hidden; vertical-align: bottom; }
@keyframes pm-ellipsis { from { width: 0; } to { width: 1em; } }
.pm-voice-bottom {
  position: absolute;
  left: 760px;
  top: 512px;
  z-index: 3;
  justify-items: center;
  gap: 18px;
  width: 880px;
  text-align: center;
  translate: -50% 0;
}
.pm-voice__line { min-height: 2.8em; font: 400 26px/1.4 var(--font-display); letter-spacing: -0.01em; text-wrap: balance; }
.pm-voice__line span { color: var(--faint); transition: color 0.25s var(--ease); }
.pm-voice__line span.is-said { color: var(--ink-2); }
.pm-voice__line span.is-now { color: var(--ink); }
.pm-voice__text { max-width: 760px; font: 400 19px/1.55 var(--font-display); color: var(--ink-2); text-align: left; }
.pm-voice__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.pm-voice__actions .nd-btn svg { color: var(--amber-deep); }

/* history and your data, set like the /ucp footer */
.pm-foot { display: grid; justify-items: center; gap: 8px; margin-top: 18px; text-align: center; }
.pm-foot__note { font-size: 12px; color: var(--muted); }
.pm-foot__row { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 20px; }
.pm-foot__link {
  padding: 4px 0;
  border: 0;
  background: none;
  color: var(--ink-2);
  font: 500 12.5px/1.4 var(--font-ui);
  text-decoration: underline;
  text-decoration-color: var(--line-2);
  text-underline-offset: 3px;
  cursor: pointer;
}
.pm-foot__link:hover { color: var(--ink); text-decoration-color: currentColor; }
.pm-foot__link--danger { color: var(--deal); }
.pm-history { display: grid; gap: 6px; width: min(560px, 100%); margin: 8px 0 0; padding: 0; list-style: none; text-align: left; }
.pm-history li { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 10px 14px; border-radius: 12px; background: rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 0 1px var(--line); }
.pm-history__text { font: 400 15px/1.3 var(--font-display); color: var(--muted); text-decoration: line-through; text-decoration-color: var(--faint); }
.pm-history__when { flex: none; font-size: 12px; color: var(--faint); }

/* narrow: the same pieces stacked (proactive.js FLOW_BELOW) */
.pm-orbit.is-flow { left: 0; width: 100%; height: auto; margin-top: 22px; transform: none; overflow-x: clip; /* the bloom is wider than a phone; menus may still drop below */ }
.is-flow .pm-stage { position: relative; display: grid; justify-items: center; gap: 16px; width: auto; height: auto; transform: none; }
.is-flow .pm-bloom { position: absolute; left: 50%; top: 75px; width: 420px; height: 420px; }
.is-flow .pm-flower { position: relative; width: 150px; height: 150px; transform: none; }
.is-flow .pm-stage.is-voice .pm-flower { transform: scale(1.1); }
.is-flow .pm-core { position: static; margin-top: -8px; transform: none; }
.is-flow .pm-core__n .nd-num { font-size: 34px; }
.is-flow .pm-areas { position: static; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; max-width: 760px; pointer-events: auto; }
.is-flow .pm-area { position: relative; width: auto; height: 46px; padding: 0 16px 0 10px; border-radius: 16px; transform: none; }
.is-flow .pm-area__name { font-size: 17px; }
.is-flow .pm-area__n { font-size: 17px; }
.is-flow .pm-area__dot { right: 6px; top: 6px; }
.is-flow .pm-leaves { position: static; display: grid; gap: 8px; width: min(560px, 100%); pointer-events: auto; }
.is-flow .pm-leaf { position: relative; width: 100%; height: auto; min-height: 54px; padding-block: 9px; transform: none; }
.is-flow .pm-leaf__why { display: none; }
.is-flow .pm-stage.is-voice .pm-areas,
.is-flow .pm-stage.is-voice .pm-leaves,
.is-flow .pm-stage.is-voice .pm-core { display: none; }
.is-flow .pm-voice-top,
.is-flow .pm-voice-bottom { position: static; width: 100%; translate: none; }
.is-flow .pm-voice__title { font-size: 36px; }
.is-flow .pm-voice__line { font-size: 21px; }

@media (prefers-reduced-motion: reduce) {
  .pm-flower img, .pm-bloom img, .pm-leaf.is-fresh, .pm-voice__title--status::after { animation: none; }
  .pm-area, .pm-leaf, .pm-link, .pm-flower, .pm-bloom { transition: none; }
}

/* ==========================================================
   Brief (Oct 25 2026): the /ucp hero where something new comes
   in, then one glass card per plan. A call is its verdict, the
   decision and the reasoning; colour stays for signals (the
   verdict, a watched price that hit, the selected answer).
   ========================================================== */
.pa[data-tab="brief"] .pa-home__head { display: none; }
.pb-hero { padding: 30px 0 46px; }
.pb-hero .nd-hero__title { font-size: clamp(40px, 4.6vw, 60px); }
.pb-hero .nd-hero__slot { margin-top: 34px; }
.pb-hero .nd-chips { max-width: 860px; }
.pb-status { display: inline-flex; align-items: center; gap: 7px; }
.pb-pulse { width: 7px; height: 7px; flex: none; border-radius: 50%; background: var(--sage-deep); }
.pb-pulse.is-busy { background: var(--amber); animation: pa-agent-pulse 1.4s var(--ease) infinite; }
.pa .pb-feed .pa-link,
.pa .pb-hero .pa-link {
  color: var(--ink-2);
  text-decoration: underline;
  text-decoration-color: var(--line-2);
  text-underline-offset: 3px;
}
.pa .pb-feed .pa-link:hover { text-decoration-color: currentColor; }

/* the note, answered: what I understood, then a few one-tap questions */
.pb-clarify { gap: 18px; padding: 22px 24px 18px; animation: nd-rise 0.45s var(--ease) both; }
.pb-clarify__head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 14px; }
.pb-clarify__icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.72); box-shadow: inset 0 0 0 1px var(--line); color: var(--ink-2); }
.pb-clarify__icon svg { stroke-width: 1.5; }
.pb-clarify__title { font: 400 26px/1.15 var(--font-display); letter-spacing: -0.015em; color: var(--ink); }
.pb-clarify__title:focus { outline: none; }
.pb-clarify__known { margin-top: 4px; font-size: 13px; color: var(--muted); }
.pb-clarify__close { display: grid; place-items: center; width: 30px; height: 30px; border: 0; border-radius: 50%; background: transparent; color: var(--muted); cursor: pointer; }
.pb-clarify__close:hover { background: rgba(31, 30, 28, 0.05); color: var(--ink); }
.pb-q { display: grid; gap: 10px; padding-top: 16px; border-top: 1px solid rgba(214, 203, 186, 0.6); }
.pb-q__text { font: 400 19px/1.3 var(--font-display); color: var(--ink); }
.pb-clarify .pa-chips { gap: 7px; }
.pb-clarify .pa-chip:not([aria-pressed="true"]) { background: rgba(255, 255, 255, 0.72); }
.pb-clarify[aria-busy="true"] .pb-q { opacity: 0.6; pointer-events: none; }
.pb-clarify__more {
  width: 100%;
  padding: 14px 2px 2px;
  border: 0;
  border-top: 1px solid rgba(214, 203, 186, 0.6);
  outline: none;
  background: transparent;
  color: var(--ink);
  font: 400 15px/1.4 var(--font-ui);
}
.pb-clarify__more::placeholder { color: #8E877C; }
.pb-clarify__bar { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.pb-clarify__go { min-height: 40px; padding: 9px 18px; border-radius: var(--pill); gap: 8px; }

/* the feed: one glass card per plan */
.pb-feed { display: grid; gap: 40px; width: min(820px, 100%); margin: 0 auto; }
.pb-group { display: grid; gap: 12px; scroll-margin-top: 110px; animation: nd-rise 0.5s var(--ease) both; }
.pb-group__head { display: flex; align-items: center; gap: 10px; padding: 0 6px; }
.pb-group__icon { display: grid; place-items: center; color: #8C8378; }
.pb-group__icon svg { stroke-width: 1.5; }
.pb-group__title { font: 400 27px/1.15 var(--font-display); letter-spacing: -0.015em; color: var(--ink); }
.pa .pb-group__act { margin-left: auto; font-size: 13px; color: var(--muted); }
.pb-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 0 6px; }
.pb-tag { padding: 4px 10px; border-radius: var(--pill); background: rgba(255, 255, 255, 0.62); box-shadow: inset 0 0 0 1px var(--line); font-size: 12.5px; color: var(--ink-2); }
.pa .pb-tags__edit { margin-left: 4px; font-size: 12.5px; }
.pb-list {
  border: 1px solid rgba(255, 255, 255, 0.85);
  border-radius: var(--r-xl);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 253, 249, 0.8));
  box-shadow: 0 0 0 1px rgba(168, 128, 84, 0.12), 0 24px 60px -36px rgba(120, 80, 30, 0.32);
  backdrop-filter: blur(18px) saturate(1.1);
  -webkit-backdrop-filter: blur(18px) saturate(1.1);
  overflow: hidden;
}
.pb-list > * + * { border-top: 1px solid var(--line); }
.pb-call { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 18px; padding: 24px 28px; }
.pb-call__icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--bg); box-shadow: inset 0 0 0 1px var(--line); color: #8C8378; }
.pb-call__icon svg { stroke-width: 1.5; }
.pb-call__body { display: grid; justify-items: start; gap: 8px; min-width: 0; }
.pb-call__top { display: flex; align-items: center; gap: 8px; margin-top: 2px; }
.pb-call__head { font: 400 23px/1.25 var(--font-display); letter-spacing: -0.012em; color: var(--ink); text-wrap: pretty; }
.pb-call__head a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.pb-call__why { max-width: 62ch; font-size: 15px; line-height: 1.6; color: var(--ink-2); }
.pb-call--preparing .pb-call__body { justify-items: stretch; gap: 10px; }
.pb-call__wait { font: 400 19px/1.3 var(--font-display); color: var(--ink-2); }
.pb-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; }
.pa .pb-acts .pa-link { margin-left: 6px; font-size: 13px; }
.pb-acts--why { display: grid; justify-items: start; gap: 10px; }
.pb-acts__ask { font: 400 18px/1.3 var(--font-display); color: var(--ink); }
.pb-done { display: flex; align-items: center; gap: 12px; padding: 14px 28px 14px 37px; font-size: 13.5px; }
.pb-done__mark { display: grid; place-items: center; width: 22px; height: 22px; flex: none; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--line-2); color: var(--sage-deep); }
.pb-done__text { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--ink-2); }
.pb-done__note { flex: none; font-size: 12px; color: var(--faint); }
.pa .pb-later { justify-self: start; margin-left: 6px; font-size: 13px; }
.pb-take { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; color: var(--ink-2); }
.pb-context { padding: 22px 28px; }
.pb-context__lead { font-size: 14px; color: var(--ink-2); }

/* the agent's pick: one line, the comparison behind "More options" */
.pb-pick { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; max-width: 100%; margin-top: 4px; }
.pb-pick__main {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  max-width: 100%;
  padding: 6px 14px 6px 6px;
  border-radius: 14px;
  background: var(--bg);
  box-shadow: inset 0 0 0 1px var(--line);
  color: inherit;
  text-decoration: none;
  transition: box-shadow 0.18s var(--ease);
}
a.pb-pick__main:hover { box-shadow: inset 0 0 0 1px var(--line-2), var(--shadow-sm); }
.pb-pick__thumb { position: relative; display: grid; place-items: center; width: 44px; height: 44px; flex: none; overflow: hidden; border-radius: 10px; background: #fff; color: var(--faint); }
.pb-pick__thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #fff; }
.pb-pick__text { display: grid; min-width: 0; }
.pb-pick__title { max-width: 46ch; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; font-weight: 500; color: var(--ink); }
.pb-pick__meta { font-size: 12.5px; color: var(--muted); }
.pb-pick__go { display: grid; color: var(--muted); }
.pb-pick--note { gap: 8px; font-size: 13px; color: var(--muted); }
.pb-picks { display: grid; gap: 14px; width: 100%; }

/* a watched price against their own number */
.pb-watch { display: inline-flex; align-items: center; gap: 8px; font: 500 13px/1.3 var(--font-ui); color: var(--ink-2); }
.pb-watch__dot { width: 7px; height: 7px; flex: none; border-radius: 50%; background: var(--sage-deep); }
.pb-watch--hit { padding: 6px 12px; border-radius: var(--pill); background: var(--deal-bg); color: var(--deal); }
.pb-watch--hit .pb-watch__dot { background: var(--deal); }

/* the quiet foot: check now, email, what the agent did */
.pb-foot { display: flex; justify-content: center; }
.pb-foot__links { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 10px; font-size: 13px; color: var(--muted); }
.pb-foot__sep { color: var(--faint); }
.pb-foot__more { position: relative; }
.pb-foot__more > summary { list-style: none; cursor: pointer; }
.pb-foot__more > summary::-webkit-details-marker { display: none; }
.pb-log {
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  z-index: 5;
  display: grid;
  gap: 2px;
  width: min(440px, calc(100vw - 32px));
  margin: 0;
  padding: 8px;
  list-style: none;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  background: var(--surface);
  box-shadow: var(--shadow-lg);
  text-align: left;
  transform: translateX(-50%);
}
.pb-log li { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 10px; padding: 8px 10px; font-size: 13px; line-height: 1.45; color: var(--ink-2); }
.pb-log__when { font-size: 12px; color: var(--faint); }

/* context brought into the brief: the attachment in the composer, then what it changed */
.pb-composer .pb-attach { margin: 0 0 10px; }
.pb-digest { width: 100%; margin: 0; }
.pb-digest__lines { display: grid; gap: 4px; margin: 8px 0 0; padding-left: 18px; font-size: 14px; line-height: 1.5; color: var(--ink-2); }
.pb-digest__quiet { margin-top: 6px; font-size: 14px; color: var(--muted); }
.pb-digest__links { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 10px; font-size: 13px; }

/* what the judgment is worth so far: three figures and how they're counted */
.pb-worth { display: grid; gap: 14px; padding: 18px 24px 16px; border: 1px solid var(--line); border-radius: var(--r-lg); background: rgba(255, 255, 255, 0.62); box-shadow: var(--shadow-sm); animation: nd-rise 0.45s var(--ease) both; }
.pb-worth__eyebrow { font: 600 11px/1.3 var(--font-ui); letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); }
.pb-worth__figs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.pb-worth__fig { display: grid; align-content: start; gap: 2px; min-width: 0; }
.pb-worth__value { font: 500 34px/1.05 var(--font-num); font-variant-numeric: lining-nums tabular-nums; letter-spacing: -0.01em; color: var(--ink); }
.pb-worth__label { font-size: 13.5px; line-height: 1.35; color: var(--ink-2); }
.pb-worth__note { font-size: 12.5px; color: var(--muted); }
.pb-worth__how { font-size: 13px; }
.pb-worth__how summary { cursor: pointer; list-style: none; width: max-content; }
.pb-worth__how summary::-webkit-details-marker { display: none; }
.pb-worth__how ul { display: grid; gap: 6px; max-width: 72ch; margin: 10px 0 2px; padding-left: 18px; line-height: 1.5; color: var(--ink-2); }

/* a mission as a thread: priority and worth in its head, its calls folded away when there's nothing to do */
.pb-thread__head { align-items: flex-start; }
.pb-thread__head .pb-group__icon { margin-top: 7px; }
.pb-thread__titles { display: grid; flex: 1; gap: 6px; min-width: 0; }
.pb-thread__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 13px; line-height: 1.4; color: var(--muted); }
.pb-thread__worth { color: var(--ink-2); }
.pb-thread__reason + .pb-thread__worth::before { content: "·"; margin-right: 10px; color: var(--faint); }
.pa .pb-thread__head .pb-group__act { margin: 9px 0 0; }
.pb-prio { padding: 3px 9px; border-radius: var(--pill); font: 600 11px/1.3 var(--font-ui); letter-spacing: 0.06em; text-transform: uppercase; }
.pb-prio--now { background: var(--v-splurge-bg); color: #8A531C; }
.pb-prio--next { background: var(--v-rent-bg); color: var(--v-rent); }
.pb-prio--later { background: var(--v-skip-bg); color: var(--muted); }
.pb-thread__toggle { display: grid; flex: none; place-items: center; width: 34px; height: 34px; margin-top: 2px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.6); box-shadow: inset 0 0 0 1px var(--line); color: var(--ink-2); cursor: pointer; }
.pb-thread__toggle:hover { background: #FFFDF9; color: var(--ink); }
.pb-thread__toggle svg { transition: transform 0.2s var(--ease); }
.pb-thread.is-folded .pb-thread__toggle svg { transform: rotate(-90deg); }
.pb-thread__body { display: grid; gap: 12px; }
.pb-thread__body[hidden] { display: none; }
.pb-thread.is-folded .pb-group__title { color: var(--ink-2); }

/* an upload that suggests they already have it */
.pb-hint { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; width: 100%; max-width: 62ch; margin-top: 4px; padding: 10px 12px; border-radius: 12px; background: var(--cream); font-size: 13.5px; line-height: 1.45; color: var(--ink-2); }
.pb-hint__icon { display: grid; place-items: center; color: var(--amber-deep); }
.pb-hint__text { flex: 1; min-width: 200px; }
.pb-hint__acts { display: flex; align-items: center; gap: 10px; }
.pa .pb-hint .pa-link { font-size: 13px; }

/* the uploads button and its side panel */
.pa-uploads-btn { position: relative; display: grid; flex: none; place-items: center; width: 38px; height: 38px; margin-right: 6px; border: 0; border-radius: 50%; background: transparent; color: var(--ink-2); cursor: pointer; }
.pa-uploads-btn:hover, .pa-uploads-btn[aria-expanded="true"] { background: rgba(31, 30, 28, 0.06); color: var(--ink); }
.pa-uploads-btn__count { position: absolute; top: 1px; right: 0; display: grid; place-items: center; min-width: 17px; height: 17px; padding: 0 4px; border-radius: var(--pill); background: var(--amber); color: #3A2408; font: 500 9.5px/1 var(--font-mono); font-variant-numeric: tabular-nums; }
body.has-drawer { overflow: hidden; }
.pa-drawer { position: fixed; inset: 0; z-index: 60; }
.pa-drawer[hidden] { display: none; }
.pa-drawer__scrim { position: absolute; inset: 0; background: rgba(31, 30, 28, 0.24); animation: pa-fade 0.2s var(--ease) both; }
.pa-drawer__panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: min(440px, 100%);
  padding: max(20px, env(safe-area-inset-top, 0px)) max(20px, env(safe-area-inset-right, 0px)) max(20px, env(safe-area-inset-bottom, 0px)) 22px;
  overflow-y: auto;
  background: var(--bg);
  box-shadow: var(--shadow-lg);
  animation: pa-drawer-in 0.28s var(--ease) both;
}
.pa-drawer__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pa-drawer__title { font: 400 28px/1.15 var(--font-display); letter-spacing: -0.015em; color: var(--ink); }
.pa-drawer__lead { font-size: 14px; line-height: 1.5; color: var(--ink-2); }
.pa-drawer__list { display: grid; gap: 12px; padding-bottom: 8px; }
.pa-drawer__empty { padding: 18px; border: 1px dashed var(--line-2); border-radius: 14px; font-size: 14px; line-height: 1.5; color: var(--muted); }
.pa-drawer__fine { font-size: 12.5px; line-height: 1.5; }
.pa-upload { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.pa-upload__icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--cream); color: var(--ink-2); }
.pa-upload__icon svg { stroke-width: 1.5; }
.pa-upload__body { display: grid; align-content: start; gap: 4px; min-width: 0; }
.pa-upload__title { font: 400 19px/1.25 var(--font-display); color: var(--ink); overflow-wrap: anywhere; }
.pa-upload__meta { font-size: 12.5px; line-height: 1.45; color: var(--muted); }
.pa-upload__file { font: 400 11.5px/1.4 var(--font-mono); color: var(--faint); overflow-wrap: anywhere; }
.pa-upload__warn { margin-top: 6px; font-size: 12.5px; }
.pa-upload__label { margin-top: 10px; font: 600 10.5px/1.3 var(--font-ui); letter-spacing: 0.09em; text-transform: uppercase; color: var(--ink-2); }
.pa-upload__memories { display: flex; flex-wrap: wrap; gap: 6px; margin: 2px 0 0; padding: 0; list-style: none; }
.pa-upload__memories li { display: inline-flex; align-items: center; gap: 6px; }
.pa-upload__memory { max-width: 100%; padding: 5px 10px; border: 1px solid var(--line-2); border-radius: var(--pill); background: #FFFDF9; color: var(--ink-2); font: 400 12.5px/1.3 var(--font-ui); text-align: left; cursor: pointer; }
.pa-upload__memory:hover { border-color: var(--ink-2); color: var(--ink); }
.pa-upload__pending { font-size: 11.5px; color: var(--amber-deep); }
.pa-upload__used { display: grid; gap: 3px; margin: 2px 0 0; padding-left: 18px; font-size: 13px; line-height: 1.45; color: var(--ink-2); }
.pa-upload__body > .pa-muted { font-size: 13px; }
.pa-upload__acts, .pa-upload__confirm { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 10px; font-size: 13px; color: var(--ink-2); }
@keyframes pa-drawer-in { from { transform: translateX(24px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes pa-fade { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .pa-drawer__panel, .pa-drawer__scrim { animation: none; } }

@media (max-width: 640px) {
  .pb-hero { padding: 10px 0 32px; }
  .pb-hero .nd-hero__slot { margin-top: 26px; }
  .pb-clarify { padding: 18px 16px 14px; }
  .pb-clarify__title { font-size: 22px; }
  .pb-q__text { font-size: 17px; }
  .pb-feed { gap: 30px; }
  .pb-group__title { font-size: 23px; }
  .pb-call { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 20px 18px; }
  .pb-call__icon { display: none; }
  .pb-call--preparing .pb-call__icon { display: none; }
  .pb-call__head { font-size: 20px; }
  .pb-done { padding: 12px 18px; }
  .pb-context { padding: 18px; }
  .pb-worth { padding: 16px 18px 14px; }
  .pb-worth__figs { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .pb-worth__fig { grid-template-columns: 84px minmax(0, 1fr); align-items: baseline; column-gap: 12px; }
  .pb-worth__value { grid-row: span 2; font-size: 28px; }
  .pb-thread__head .pb-group__icon { display: none; }
  .pb-pick__title { max-width: 24ch; }
  .pb-log { left: 0; transform: none; }
}

/* The verdict: the concierge's word in italic and a small balance in ink.
   The dot sits where the money leans; hollow and centred while it's a question. */
.pa-verdict { display: inline-flex; align-items: center; gap: 10px; color: #7A7065; }
.pa-verdict__mark { flex: none; overflow: visible; }
.pa-verdict__beam { stroke: currentColor; stroke-width: 1; stroke-linecap: round; opacity: 0.45; }
.pa-verdict__dot { fill: currentColor; }
.pa-verdict--open .pa-verdict__dot { fill: #FFFDF9; stroke: currentColor; stroke-width: 1.2; }
.pa-verdict__word { font: italic 400 15.5px/1.2 var(--font-display); letter-spacing: 0.005em; color: var(--ink-2); }
.pa-answer__eyebrow .pa-verdict__word { font-size: 18px; }