.prp-shell {
  --prp-long: #32c995;
  --prp-short: #ff6478;
  --prp-warn: #f1b94e;
  max-width: 1180px;
  margin: 0 auto;
  padding: 30px 22px 84px;
}

.prp-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 22px;
}
.prp-hero-copy { max-width: 720px; }
.prp-kicker,
.prp-label {
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  color: var(--text-lo);
}
.prp-kicker { display: flex; align-items: center; gap: 7px; margin-bottom: 10px; }
.prp-kicker #prp-freshness { color: var(--text-md); letter-spacing: .4px; text-transform: none; }
.prp-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--prp-long);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--prp-long) 13%, transparent), 0 0 12px color-mix(in srgb, var(--prp-long) 58%, transparent);
}
.prp-live-dot.stale { background: var(--prp-warn); box-shadow: 0 0 0 4px color-mix(in srgb, var(--prp-warn) 13%, transparent); }
.prp-live-dot.offline { background: var(--text-lo); box-shadow: none; }
.prp-hero h1 {
  margin: 0;
  color: var(--text-hi);
  font-size: clamp(30px, 4.2vw, 50px);
  line-height: 1.02;
  letter-spacing: -2px;
}
.prp-hero p { max-width: 650px; margin: 12px 0 0; color: var(--text-md); font-size: 14px; line-height: 1.6; }
.prp-coverage { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 7px; max-width: 340px; }
.prp-coverage span {
  padding: 5px 9px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--bg-card);
  color: var(--text-lo);
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: .3px;
}

.prp-command {
  --prp-bias-color: var(--accent);
  position: relative;
  overflow: hidden;
  border: 1px solid var(--border2);
  border-radius: 18px;
  background:
    radial-gradient(760px 300px at -8% 18%, color-mix(in srgb, var(--prp-bias-color) 17%, transparent), transparent 66%),
    linear-gradient(115deg, color-mix(in srgb, var(--bg-card2) 76%, transparent), transparent 62%),
    var(--bg-card);
  box-shadow: var(--shadow-1);
}
.prp-command::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  content: '';
  z-index: 2;
  background: var(--prp-bias-color);
}
.prp-command::after {
  position: absolute;
  inset: 36px 0 0;
  pointer-events: none;
  content: '';
  opacity: .16;
  background-image:
    linear-gradient(color-mix(in srgb, var(--border2) 70%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--border2) 55%, transparent) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(90deg, #000, transparent 72%);
}
.prp-command[data-bias="long"] { --prp-bias-color: var(--prp-long); }
.prp-command[data-bias="short"] { --prp-bias-color: var(--prp-short); }
.prp-command[data-bias="mixed"] { --prp-bias-color: var(--prp-warn); }
.prp-command-head {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-height: 36px;
  padding: 0 18px 0 21px;
  border-bottom: 1px solid var(--border);
  background: color-mix(in srgb, var(--bg-card2) 72%, transparent);
  color: var(--text-lo);
  font-family: var(--mono);
  font-size: 8px;
  letter-spacing: .75px;
  text-transform: uppercase;
}
.prp-command-head > div { display: flex; align-items: center; gap: 8px; color: var(--text-md); }
.prp-command-head > span:nth-child(2) { color: var(--prp-bias-color); }
.prp-command-head > span:last-child { justify-self: end; }
.prp-command-head .prp-live-dot { width: 5px; height: 5px; box-shadow: 0 0 8px var(--prp-long); }
.prp-command-body { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(290px, .78fr) minmax(500px, 1.4fr); }
.prp-command-main { display: flex; min-width: 0; padding: 26px 26px 24px; flex-direction: column; justify-content: center; }
.prp-bias-line { display: flex; align-items: baseline; gap: 13px; margin-top: 9px; }
.prp-bias-line strong {
  color: var(--prp-bias-color);
  font-size: clamp(25px, 3vw, 37px);
  letter-spacing: -1.2px;
  line-height: 1;
}
.prp-bias-line span { color: var(--text-md); font-size: 11.5px; }
.prp-bias-line a { color: var(--text-md); text-decoration: none; }
.prp-bias-line a:hover { color: var(--text-hi); }
.prp-bias-line a b { color: var(--prp-bias-color); font-family: var(--mono); }
.prp-bias-track { position: relative; display: grid; grid-template-columns: 1fr 1fr; height: 7px; margin-top: 22px; border-radius: 999px; background: var(--bg-active); }
.prp-bias-track i { opacity: .75; }
.prp-bias-track .short { border-radius: 999px 0 0 999px; background: linear-gradient(90deg, var(--prp-short), transparent); }
.prp-bias-track .long { border-radius: 0 999px 999px 0; background: linear-gradient(90deg, transparent, var(--prp-long)); }
.prp-bias-track b {
  position: absolute;
  top: 50%;
  left: calc(var(--bias-pct, 50) * 1%);
  width: 13px;
  height: 13px;
  border: 3px solid var(--bg-card);
  border-radius: 50%;
  background: var(--prp-bias-color);
  box-shadow: 0 0 0 1px var(--prp-bias-color), 0 0 14px color-mix(in srgb, var(--prp-bias-color) 45%, transparent);
  transform: translate(-50%, -50%);
  transition: left .35s ease;
}
.prp-bias-scale { display: flex; justify-content: space-between; margin-top: 8px; color: var(--text-lo); font-family: var(--mono); font-size: 8px; text-transform: uppercase; letter-spacing: .5px; }
.prp-command-metrics { min-width: 0; padding: 20px 22px 18px; border-left: 1px solid var(--border); background: color-mix(in srgb, var(--bg-card2) 38%, transparent); }
.prp-command-loading { display: flex; min-height: 180px; flex-direction: column; justify-content: center; gap: 18px; }
.prp-command-loading span:nth-child(1) { width: 48%; }
.prp-command-loading span:nth-child(2) { width: 90%; }
.prp-command-loading span:nth-child(3) { width: 68%; }
.prp-metric-head,
.prp-position-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.prp-metric-head span,
.prp-position-head span { color: var(--text-lo); font-family: var(--mono); font-size: 8px; letter-spacing: .8px; text-transform: uppercase; }
.prp-metric-head b { padding: 3px 7px; border: 1px solid color-mix(in srgb, var(--prp-bias-color) 28%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--prp-bias-color) 8%, transparent); color: var(--prp-bias-color); font-family: var(--mono); font-size: 7.5px; font-weight: 600; letter-spacing: .35px; text-transform: uppercase; }
.prp-flow-route { display: grid; grid-template-columns: minmax(130px, 1fr) minmax(84px, .8fr) minmax(130px, 1fr); align-items: center; gap: 10px; margin-top: 10px; }
.prp-flow-node { position: relative; min-width: 0; padding: 10px 11px; border: 1px solid var(--border); border-radius: 9px; background: color-mix(in srgb, var(--bg-card) 84%, transparent); }
.prp-flow-node::before { position: absolute; top: 50%; width: 5px; height: 5px; border-radius: 50%; content: ''; transform: translateY(-50%); }
.prp-flow-node.source::before { right: -3px; background: var(--accent-2); box-shadow: 0 0 8px var(--accent); }
.prp-flow-node.destination::before { left: -3px; background: var(--prp-bias-color); box-shadow: 0 0 8px var(--prp-bias-color); }
.prp-flow-node span { display: block; overflow: hidden; color: var(--text-lo); font-size: 7.5px; letter-spacing: .4px; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.prp-flow-node strong { display: block; overflow: hidden; margin-top: 5px; color: var(--text-hi); font-family: var(--mono); font-size: 16px; letter-spacing: -.45px; text-overflow: ellipsis; white-space: nowrap; }
.prp-flow-node.destination strong { color: var(--prp-bias-color); }
.prp-flow-link { position: relative; display: grid; grid-template-columns: 1fr; place-items: center; min-width: 0; text-align: center; }
.prp-flow-link::before { position: absolute; top: 50%; right: 0; left: 0; height: 1px; content: ''; background: var(--border2); }
.prp-flow-link i { position: absolute; top: 50%; left: 0; width: calc(var(--route-fill) * 1%); height: 2px; border-radius: 99px; background: linear-gradient(90deg, var(--accent), var(--prp-bias-color)); box-shadow: 0 0 9px color-mix(in srgb, var(--prp-bias-color) 35%, transparent); transform: translateY(-50%); }
.prp-flow-link b,
.prp-flow-link span { position: relative; z-index: 1; background: var(--bg-card2); }
.prp-flow-link b { padding: 0 5px; color: var(--text-hi); font-family: var(--mono); font-size: 11px; }
.prp-flow-link span { margin-top: 16px; padding: 0 4px; color: var(--text-lo); font-size: 6.5px; letter-spacing: .35px; text-transform: uppercase; }
.prp-positioning { margin-top: 14px; }
.prp-position-head b { color: var(--text-md); font-family: var(--mono); font-size: 8px; font-weight: 500; }
.prp-position-bar { position: relative; display: flex; height: 6px; margin-top: 8px; overflow: hidden; border-radius: 99px; background: var(--bg-active); }
.prp-position-bar i { width: calc((100 - var(--long-share)) * 1%); background: linear-gradient(90deg, var(--prp-short), color-mix(in srgb, var(--prp-short) 58%, transparent)); }
.prp-position-bar b { width: calc(var(--long-share) * 1%); background: linear-gradient(90deg, color-mix(in srgb, var(--prp-long) 58%, transparent), var(--prp-long)); }
.prp-position-bar::after { position: absolute; top: -2px; bottom: -2px; left: 50%; width: 1px; content: ''; background: var(--bg-card); }
.prp-position-labels { display: flex; justify-content: space-between; margin-top: 7px; }
.prp-position-labels span { display: flex; align-items: center; gap: 5px; color: var(--text-lo); font-size: 7.5px; text-transform: uppercase; }
.prp-position-labels i { width: 5px; height: 5px; border-radius: 50%; background: var(--prp-short); }
.prp-position-labels span:last-child i { background: var(--prp-long); }
.prp-position-labels b { color: var(--text-hi); font-family: var(--mono); font-size: 9px; }
.prp-position-labels em { color: var(--text-lo); font-family: var(--mono); font-size: 7px; font-style: normal; text-transform: none; }
.prp-desk-tape { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 14px; padding: 8px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.prp-desk-tape > span { min-width: 0; padding: 0 11px; border-left: 1px solid var(--border); }
.prp-desk-tape > span:first-child { padding-left: 0; border-left: 0; }
.prp-desk-tape em { display: block; overflow: hidden; color: var(--text-lo); font-size: 7px; font-style: normal; letter-spacing: .45px; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.prp-desk-tape b { display: block; margin-top: 4px; color: var(--text-hi); font-family: var(--mono); font-size: 11px; font-weight: 600; }
.prp-desk-tape small { color: var(--text-lo); font-size: 7px; font-weight: 400; }
.prp-market-read { display: flex; gap: 9px; margin: 10px 0 0; color: var(--text-md); font-size: 8.5px; line-height: 1.4; }
.prp-market-read span { flex: none; color: var(--prp-bias-color); font-family: var(--mono); font-size: 7px; font-weight: 700; letter-spacing: .55px; text-transform: uppercase; }

#prp-tabs { max-width: 460px; margin: 24px 0 14px; }
#prp-tabs .seg-tab { display: flex; align-items: center; justify-content: center; gap: 8px; }
#prp-tabs .seg-tab span { min-width: 21px; padding: 2px 6px; border-radius: 999px; background: var(--bg-active); color: var(--text-lo); font-family: var(--mono); font-size: 9px; }
#prp-tabs .seg-tab.active span { background: var(--accent-dim); color: var(--accent-2); }

.prp-filters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 18px;
  padding: 7px 10px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg-card);
}
.prp-filter-group { display: flex; align-items: center; gap: 9px; min-width: 0; }
.prp-filters .ark-seg-btn[data-value="long"].active { background: color-mix(in srgb, var(--prp-long) 62%, var(--bg-card)); }
.prp-filters .ark-seg-btn[data-value="short"].active { background: color-mix(in srgb, var(--prp-short) 62%, var(--bg-card)); }
.prp-search { display: flex; align-items: center; gap: 9px; margin-left: auto; }
.prp-search input {
  width: 132px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 7px;
  outline: 0;
  background: var(--bg-card2);
  color: var(--text-hi);
  font-family: var(--mono);
  font-size: 11px;
  text-transform: uppercase;
}
.prp-search input:focus { border-color: var(--accent-border); }
.prp-search input::placeholder { color: var(--text-lo); text-transform: none; }
.prp-watch-filter,
.prp-reset-view {
  height: 30px;
  padding: 0 10px;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: var(--bg-card2);
  color: var(--text-lo);
  font-family: var(--mono);
  font-size: 8px;
  cursor: pointer;
}
.prp-watch-filter { display: inline-flex; align-items: center; gap: 5px; }
.prp-watch-icon, .prp-watch-icon svg { display: block; width: 14px; height: 14px; }
.prp-watch-filter.active { border-color: color-mix(in srgb, var(--prp-warn) 42%, transparent); background: color-mix(in srgb, var(--prp-warn) 9%, transparent); color: var(--prp-warn); }
.prp-reset-view:hover { border-color: var(--accent-border); color: var(--accent-2); }

.prp-validation {
  --prp-validation-color: var(--prp-long);
  display: grid;
  grid-template-columns: 112px minmax(300px, 1fr) 200px;
  align-items: center;
  gap: 22px;
  overflow: hidden;
  margin-top: 22px;
  padding: 18px 20px;
  border: 1px solid var(--border2);
  border-radius: 14px;
  background:
    radial-gradient(360px 150px at 0 50%, color-mix(in srgb, var(--prp-validation-color) 10%, transparent), transparent 72%),
    color-mix(in srgb, var(--bg-card2) 52%, var(--bg-card));
}
.prp-validation-score { display: grid; place-items: center; width: 94px; height: 94px; border-radius: 50%; background: conic-gradient(var(--prp-validation-color) calc(var(--rate) * 1%), var(--bg-active) 0); box-shadow: 0 0 24px color-mix(in srgb, var(--prp-validation-color) 10%, transparent); }
.prp-validation-score::before { grid-area: 1/1; width: 80px; height: 80px; border-radius: 50%; content: ''; background: var(--bg-card); }
.prp-validation-score > div { z-index: 1; grid-area: 1/1; text-align: center; }
.prp-validation-score strong { display: block; color: var(--text-hi); font-family: var(--mono); font-size: 22px; letter-spacing: -1px; line-height: 1; }
.prp-validation-score strong small { color: var(--text-md); font-size: 10px; }
.prp-validation-score span { display: block; margin-top: 5px; color: var(--text-lo); font-size: 6px; letter-spacing: .45px; text-transform: uppercase; }
.prp-validation-title { display: flex; align-items: baseline; gap: 10px; margin-top: 5px; }
.prp-validation-title strong { color: var(--text-hi); font-size: 14px; }
.prp-validation-title span { color: var(--text-lo); font-family: var(--mono); font-size: 8px; }
.prp-validation-confidence > p { margin: 4px 0 0; color: var(--text-lo); font-size: 9px; line-height: 1.4; }
.prp-confidence-band { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; margin-top: 13px; }
.prp-confidence-band > div { position: relative; grid-column: 1 / -1; height: 5px; overflow: visible; border-radius: 99px; background: var(--bg-active); }
.prp-confidence-band > div i { position: absolute; top: 0; bottom: 0; left: calc(var(--low) * 1%); width: calc((var(--high) - var(--low)) * 1%); border-radius: inherit; background: linear-gradient(90deg, color-mix(in srgb, var(--prp-validation-color) 35%, transparent), var(--prp-validation-color)); }
.prp-confidence-band > div b { position: absolute; top: 50%; left: calc(var(--observed) * 1%); width: 9px; height: 9px; border: 2px solid var(--bg-card); border-radius: 50%; background: var(--prp-validation-color); box-shadow: 0 0 0 1px var(--prp-validation-color); transform: translate(-50%, -50%); }
.prp-confidence-band > span { color: var(--text-lo); font-family: var(--mono); font-size: 7px; }
.prp-confidence-band > span:last-child { text-align: right; }
.prp-confidence-band > strong { color: var(--text-md); font-size: 7.5px; font-weight: 500; text-align: center; }
.prp-sample-meter { padding-left: 20px; border-left: 1px solid var(--border); }
.prp-sample-meter > div { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; }
.prp-sample-meter span { color: var(--text-lo); font-size: 7.5px; letter-spacing: .55px; text-transform: uppercase; }
.prp-sample-meter strong { color: var(--text-hi); font-family: var(--mono); font-size: 16px; }
.prp-sample-meter strong small { color: var(--text-lo); font-size: 8px; font-weight: 400; }
.prp-sample-meter > i,
.prp-validation-empty > i { display: block; height: 5px; margin-top: 10px; overflow: hidden; border-radius: 99px; background: var(--bg-active); }
.prp-sample-meter > i b { display: block; width: calc(var(--maturity) * 1%); height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--accent), var(--prp-validation-color)); }
.prp-sample-meter p { margin: 7px 0 0; color: var(--text-lo); font-size: 8px; line-height: 1.4; }
.prp-validation-empty { grid-column: 1 / -1; }
.prp-validation-empty strong { display: block; margin-top: 5px; color: var(--text-hi); font-size: 13px; }
.prp-validation-empty p { margin: 5px 0 0; color: var(--text-lo); font-size: 9px; }
.prp-validation-empty > i b { display: block; width: 8%; height: 100%; border-radius: inherit; background: var(--accent); }
.prp-validation.lab { display: block; padding: 0; background: var(--bg-card); }
.prp-lab-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding: 18px 20px; border-bottom: 1px solid var(--border); background: linear-gradient(110deg, color-mix(in srgb, var(--accent) 9%, transparent), transparent 56%); }
.prp-lab-head h2 { margin: 5px 0 0; color: var(--text-hi); font-size: 18px; }
.prp-lab-head p { margin: 5px 0 0; color: var(--text-lo); font-size: 9px; }
.prp-lab-head > span { flex: none; color: var(--text-lo); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.prp-lab-overview { display: grid; grid-template-columns: 112px minmax(300px, 1fr) 200px; align-items: center; gap: 22px; padding: 18px 20px; }
.prp-lab-metrics { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background: var(--bg-card2); }
.prp-lab-metric { min-width: 0; padding: 14px 16px; border-left: 1px solid var(--border); }
.prp-lab-metric:first-child { border-left: 0; }
.prp-lab-metric span, .prp-lab-metric small { display: block; overflow: hidden; color: var(--text-lo); font-size: 7px; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.prp-lab-metric strong { display: block; margin: 5px 0 4px; color: var(--text-hi); font-family: var(--mono); font-size: 16px; }
.prp-lab-metric.positive strong { color: var(--prp-long); }
.prp-lab-metric small { font-size: 6.5px; text-transform: none; }
.prp-lab-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 16px 20px; }
.prp-lab-grid > section { min-width: 0; padding: 14px; border: 1px solid var(--border); border-radius: 10px; background: var(--bg-card2); }
.prp-lab-section-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.prp-lab-section-head span { color: var(--text-md); font-family: var(--mono); font-size: 8px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; }
.prp-lab-section-head b { color: var(--text-lo); font-family: var(--mono); font-size: 7px; font-weight: 500; }
.prp-lab-slices { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 11px; }
.prp-lab-slice { padding: 10px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg-card); }
.prp-lab-slice > div { display: flex; justify-content: space-between; gap: 8px; }
.prp-lab-slice span { color: var(--text-md); font-size: 7px; text-transform: uppercase; }
.prp-lab-slice b { color: var(--text-lo); font-family: var(--mono); font-size: 7px; font-weight: 500; }
.prp-lab-slice strong { display: block; margin-top: 6px; color: var(--text-hi); font-family: var(--mono); font-size: 16px; }
.prp-lab-slice p { margin: 3px 0 0; color: var(--text-lo); font-size: 7px; }
.prp-lab-regimes { display: grid; gap: 1px; margin-top: 10px; background: var(--border); }
.prp-lab-regime { display: grid; grid-template-columns: minmax(82px, 1fr) 42px 52px 34px; gap: 7px; padding: 7px 8px; background: var(--bg-card); }
.prp-lab-regime span { overflow: hidden; color: var(--text-md); font-size: 7.5px; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.prp-lab-regime b, .prp-lab-regime em, .prp-lab-regime small { color: var(--text-hi); font-family: var(--mono); font-size: 7.5px; font-style: normal; text-align: right; }
.prp-lab-regime em, .prp-lab-regime small { color: var(--text-lo); }
.prp-lab-pending { margin: 12px 0 0; color: var(--text-lo); font-size: 8px; }
.prp-lab-foot { margin: 0; padding: 0 20px 16px; color: var(--text-lo); font-size: 7.5px; line-height: 1.5; }

.prp-feed-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin: 28px 0 12px; }
.prp-feed-head h2 { margin: 5px 0 0; color: var(--text-hi); font-size: 18px; letter-spacing: -.3px; }
.prp-feed-actions { display: flex; align-items: center; gap: 8px; }
.prp-method-btn,
.prp-export-btn,
.prp-retry,
.prp-expand {
  border: 1px solid var(--border2);
  background: var(--bg-card2);
  color: var(--text-md);
  cursor: pointer;
  transition: border-color .14s, color .14s, background .14s;
}
.prp-method-btn { padding: 7px 11px; border-radius: 7px; font-family: var(--mono); font-size: 10px; }
.prp-export-btn { display: inline-flex; align-items: center; gap: 5px; padding: 7px 10px; border-radius: 7px; font-family: var(--mono); font-size: 9px; }
.prp-export-btn > svg { width: 13px; height: 13px; }
.prp-export-btn:disabled { cursor: wait; opacity: .55; }
.prp-method-btn:hover,
.prp-export-btn:hover,
.prp-retry:hover,
.prp-expand:hover { border-color: var(--accent-border); background: var(--accent-dim); color: var(--accent-2); }

.prp-method { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; overflow: hidden; margin-bottom: 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--border); }
.prp-method[hidden] { display: none; }
.prp-method > div { display: grid; grid-template-columns: auto 1fr; gap: 4px 10px; padding: 17px; background: var(--bg-card); }
.prp-method > div b { grid-row: 1 / 3; color: var(--accent-2); font-family: var(--mono); font-size: 10px; }
.prp-method > div strong { color: var(--text-hi); font-size: 12px; }
.prp-method > div span { color: var(--text-lo); font-size: 10.5px; line-height: 1.45; }
.prp-method > p { grid-column: 1 / -1; margin: 0; padding: 9px 17px; background: var(--bg-card2); color: var(--text-lo); font-size: 10px; text-align: center; }

.prp-list { display: flex; flex-direction: column; gap: 10px; }
.prp-more {
  align-self: center;
  min-width: 220px;
  padding: 10px 16px;
  border: 1px solid var(--border2);
  border-radius: 8px;
  background: var(--bg-card);
  color: var(--text-hi);
  font-family: var(--mono);
  font-size: 10px;
  cursor: pointer;
}
.prp-more:hover { border-color: var(--accent-border); background: var(--accent-dim); color: var(--accent-2); }
.prp-more span { margin-left: 8px; color: var(--text-lo); font-size: 8px; }
.prp-card {
  --signal-color: var(--text-lo);
  position: relative;
  display: grid;
  grid-template-columns: minmax(290px, 1.22fr) minmax(360px, .9fr);
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--bg-card);
  box-shadow: var(--shadow-1);
  transition: border-color .14s, transform .14s;
}
.prp-card:hover { border-color: var(--border3); transform: translateY(-1px); }
.prp-card[data-dir="long"] { --signal-color: var(--prp-long); }
.prp-card[data-dir="short"] { --signal-color: var(--prp-short); }
.prp-card::before { position: absolute; inset: 0 auto 0 0; width: 3px; content: ''; background: var(--signal-color); }
.prp-card-main { min-width: 0; padding: 17px 20px 16px 22px; }
.prp-card-top { display: flex; align-items: center; gap: 9px; min-width: 0; }
.prp-card-top img,
.prp-card-top .ast-ic { width: 25px; height: 25px; border-radius: 50%; flex: none; }
.prp-card-top h3 { margin: 0; color: var(--text-hi); font-family: var(--mono); font-size: 14px; }
.prp-card .ast-rail-star { display: inline-grid; place-items: center; width: 22px; height: 22px; margin-left: -3px; border-radius: 6px; color: var(--text-lo); font-size: 15px; cursor: pointer; }
.prp-card .ast-rail-star:hover,
.prp-card .ast-rail-star.on { background: color-mix(in srgb, var(--prp-warn) 10%, transparent); color: var(--prp-warn); }
.prp-card .ast-rail-star svg { display: block; }
.prp-direction { padding: 3px 8px; border-radius: 5px; background: color-mix(in srgb, var(--signal-color) 13%, transparent); color: var(--signal-color); font-family: var(--mono); font-size: 9px; font-weight: 800; letter-spacing: .7px; }
.prp-direction.locked { display: inline-flex; align-items: center; gap: 4px; background: var(--accent-dim); color: var(--accent-2); }
.prp-exchange { color: var(--text-lo); font-family: var(--mono); font-size: 9px; text-transform: uppercase; letter-spacing: .7px; }
.prp-status { margin-left: auto; padding: 3px 7px; border: 1px solid var(--border); border-radius: 999px; color: var(--text-lo); font-family: var(--mono); font-size: 8.5px; letter-spacing: .3px; white-space: nowrap; }
.prp-status.fresh { border-color: color-mix(in srgb, var(--accent) 35%, transparent); background: var(--accent-dim); color: var(--accent-2); }
.prp-status.confirmed { border-color: color-mix(in srgb, var(--prp-long) 32%, transparent); background: color-mix(in srgb, var(--prp-long) 10%, transparent); color: var(--prp-long); }
.prp-status.failed { border-color: color-mix(in srgb, var(--prp-short) 32%, transparent); background: color-mix(in srgb, var(--prp-short) 10%, transparent); color: var(--prp-short); }
.prp-story { margin: 12px 0 13px; color: var(--text-md); font-size: 12px; line-height: 1.55; }
.prp-story strong { color: var(--text-hi); font-family: var(--mono); }
.prp-story .prp-story-dir { color: var(--signal-color); }
.prp-wallet { color: var(--accent-2); font-family: var(--mono); text-decoration: none; }
.prp-wallet:hover { text-decoration: underline; }
.prp-facts { display: flex; flex-wrap: wrap; gap: 16px 24px; }
.prp-fact { display: flex; flex-direction: column; gap: 3px; }
.prp-fact span { color: var(--text-lo); font-size: 8.5px; letter-spacing: .55px; text-transform: uppercase; }
.prp-fact b { color: var(--text-hi); font-family: var(--mono); font-size: 11.5px; }
.prp-expand { margin-top: 13px; padding: 5px 9px; border-radius: 6px; font-family: var(--mono); font-size: 9px; }
.prp-legs { display: grid; gap: 6px; margin-top: 9px; }
.prp-legs[hidden] { display: none; }
.prp-leg { display: grid; grid-template-columns: 24px 46px 1fr auto; align-items: center; gap: 7px; padding: 6px 8px; border-radius: 7px; background: var(--bg-card2); color: var(--text-md); font-family: var(--mono); font-size: 9.5px; }
.prp-leg img,
.prp-leg .ast-ic { width: 17px; height: 17px; border-radius: 50%; }
.prp-leg strong { color: var(--text-hi); }
.prp-leg b { color: var(--prp-long); font-weight: 700; text-transform: uppercase; }
.prp-leg.short b { color: var(--prp-short); }
.prp-leg em { margin-left: 5px; color: var(--text-lo); font-style: normal; white-space: nowrap; }

.prp-evidence { display: grid; grid-template-rows: 1fr auto; min-width: 0; padding: 17px 20px; border-left: 1px solid var(--border); background: color-mix(in srgb, var(--bg-card2) 58%, var(--bg-card)); }
.prp-call { display: grid; grid-template-columns: 1fr auto; align-items: start; gap: 14px; }
.prp-call-copy span { color: var(--text-lo); font-size: 8.5px; letter-spacing: .65px; text-transform: uppercase; }
.prp-call-copy strong { display: block; margin-top: 5px; color: var(--signal-color); font-family: var(--mono); font-size: 23px; line-height: 1; }
.prp-call-copy small { display: block; margin-top: 7px; color: var(--text-lo); font-size: 9.5px; }
.prp-score { position: relative; width: 54px; height: 54px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--signal-color) calc(var(--score) * 1%), var(--bg-active) 0); }
.prp-score::before { position: absolute; inset: 5px; border-radius: 50%; content: ''; background: var(--bg-card2); }
.prp-score b { position: relative; color: var(--text-hi); font-family: var(--mono); font-size: 13px; }
.prp-score-label { margin-top: 4px; color: var(--text-lo); font-size: 8px; text-align: center; text-transform: uppercase; }
.prp-evidence-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 18px; }
.prp-card[data-type="coin-symbol"] .prp-evidence-grid,
.prp-card:not([data-dir]) .prp-evidence-grid,
.prp-skeleton .prp-evidence-grid { grid-template-columns: repeat(3, 1fr); }
.prp-proof span { display: block; color: var(--text-lo); font-size: 8px; text-transform: uppercase; letter-spacing: .45px; }
.prp-proof b { display: block; margin-top: 4px; color: var(--text-hi); font-family: var(--mono); font-size: 10.5px; }
.prp-proof i { display: block; height: 3px; margin-top: 7px; overflow: hidden; border-radius: 99px; background: var(--bg-active); }
.prp-proof i::after { display: block; width: calc(var(--value) * 1%); height: 100%; border-radius: inherit; content: ''; background: var(--signal-color); }
.prp-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 15px; padding-top: 11px; border-top: 1px solid var(--border); color: var(--text-lo); font-size: 9px; }
.prp-card-foot time { font-family: var(--mono); }
.prp-card-actions { display: flex; align-items: center; gap: 10px; }
.prp-open { padding: 4px 7px; border: 1px solid var(--border2); border-radius: 5px; background: var(--bg-card); color: var(--text-md); font-family: var(--mono); font-size: 7.5px; cursor: pointer; }
.prp-open:hover { border-color: var(--accent-border); background: var(--accent-dim); color: var(--accent-2); }
.prp-unlock-link { text-decoration: none; }
.prp-outcome { color: var(--text-md); }
.prp-outcome.up { color: var(--prp-long); }
.prp-outcome.down { color: var(--prp-short); }

.prp-preview-card { border-color: color-mix(in srgb, var(--signal-color) 22%, var(--border)); }
.prp-preview-label { color: var(--text-lo); font-family: var(--mono); font-size: 8px; letter-spacing: .7px; text-transform: uppercase; }
.prp-preview-evidence > div > strong { display: flex; align-items: center; gap: 7px; margin-top: 7px; color: var(--text-hi); font-size: 14px; }
.prp-preview-evidence > div > strong svg { color: var(--accent-2); }
.prp-preview-fields { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; margin-top: 15px; }
.prp-preview-fields span { position: relative; overflow: hidden; padding: 8px 9px 8px 26px; border: 1px solid var(--border); border-radius: 7px; background: var(--bg-card); color: var(--text-lo); font-family: var(--mono); font-size: 7.5px; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.prp-preview-fields span::before { position: absolute; top: 50%; left: 9px; width: 8px; height: 8px; border: 1px solid var(--border2); border-radius: 2px; content: ''; transform: translateY(-50%); }
.prp-preview-fields span::after { position: absolute; inset: 0; content: ''; background: linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 80%); }
.ark-seg.locked [aria-disabled="true"] { color: var(--text-lo); }
.prp-position-lock { display: flex; align-items: center; gap: 10px; margin-top: 13px; padding: 10px 11px; border: 1px solid var(--accent-border); border-radius: 8px; background: var(--accent-dim); color: var(--accent-2); text-decoration: none; }
.prp-position-lock span { display: grid; gap: 2px; }
.prp-position-lock b { color: var(--text-hi); font-family: var(--mono); font-size: 9px; }
.prp-position-lock em { color: var(--text-lo); font-size: 8px; font-style: normal; }
body.prp-preview-access .prp-bias-track,
body.prp-preview-access .prp-bias-scale { display: none; }

.prp-upgrade-card { position: relative; display: grid; grid-template-columns: minmax(170px, .65fr) minmax(360px, 1.4fr) auto; align-items: center; gap: 24px; overflow: hidden; padding: 22px 24px; border: 1px solid var(--accent-border); border-radius: 16px; background: radial-gradient(420px 170px at 0 50%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 72%), linear-gradient(120deg, color-mix(in srgb, var(--bg-card2) 90%, transparent), var(--bg-card)); box-shadow: var(--shadow-1); }
.prp-upgrade-card::after { position: absolute; inset: 0; pointer-events: none; content: ''; background-image: linear-gradient(color-mix(in srgb, var(--border2) 36%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border2) 28%, transparent) 1px, transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(90deg, #000, transparent 68%); opacity: .18; }
.prp-upgrade-signal, .prp-upgrade-copy, .prp-upgrade-card > a { position: relative; z-index: 1; }
.prp-upgrade-signal { display: flex; align-items: center; gap: 10px; color: var(--accent-2); }
.prp-upgrade-signal > svg { flex: none; }
.prp-upgrade-signal b, .prp-upgrade-signal em { display: block; }
.prp-upgrade-signal b { color: var(--text-hi); font-family: var(--mono); font-size: 11px; }
.prp-upgrade-signal em { margin-top: 4px; color: var(--text-lo); font-size: 8px; font-style: normal; }
.prp-upgrade-copy h3 { margin: 5px 0 0; color: var(--text-hi); font-size: 16px; }
.prp-upgrade-copy p { margin: 6px 0 0; color: var(--text-md); font-size: 10px; line-height: 1.45; }
.prp-upgrade-copy > div { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 11px; }
.prp-upgrade-copy > div span { display: flex; align-items: center; gap: 4px; color: var(--text-lo); font-size: 8px; }
.prp-upgrade-copy > div svg { color: var(--prp-long); }
.prp-upgrade-card > a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 38px; padding: 0 14px; border-radius: 8px; background: var(--accent); color: #fff; font-family: var(--mono); font-size: 9px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.prp-upgrade-card > a:hover { filter: brightness(1.08); }

.prp-validation-teaser { grid-column: 1 / -1; display: grid; grid-template-columns: 94px minmax(0, 1fr) auto; align-items: center; gap: 20px; width: 100%; }
.prp-validation-teaser > div:nth-child(2) > strong { display: block; margin-top: 5px; color: var(--text-hi); font-size: 14px; }
.prp-validation-teaser > div:nth-child(2) > p { max-width: 660px; margin: 5px 0 0; color: var(--text-lo); font-size: 9px; line-height: 1.5; }
.prp-validation-teaser > a { padding: 9px 12px; border: 1px solid var(--accent-border); border-radius: 8px; background: var(--accent-dim); color: var(--accent-2); font-family: var(--mono); font-size: 8.5px; text-decoration: none; white-space: nowrap; }
.prp-validation-teaser > a:hover { background: color-mix(in srgb, var(--accent) 18%, transparent); }

.prp-detail-upgrade { display: grid; justify-items: start; padding: 28px 24px; border: 1px solid var(--accent-border); border-radius: 16px; background: radial-gradient(360px 190px at 0 0, color-mix(in srgb, var(--accent) 18%, transparent), transparent 72%), var(--bg-card); }
.prp-detail-lock { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 17px; border: 1px solid var(--accent-border); border-radius: 13px; background: var(--accent-dim); color: var(--accent-2); }
.prp-detail-upgrade h3 { margin: 7px 0 0; color: var(--text-hi); font-size: 22px; }
.prp-detail-upgrade > p { margin: 9px 0 0; color: var(--text-md); font-size: 11px; line-height: 1.55; }
.prp-detail-upgrade > div:nth-of-type(2) { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 18px; width: 100%; margin-top: 20px; }
.prp-detail-upgrade > div:nth-of-type(2) span { display: flex; align-items: center; gap: 6px; color: var(--text-md); font-size: 9px; }
.prp-detail-upgrade > div:nth-of-type(2) svg { color: var(--prp-long); }
.prp-detail-upgrade > a { margin-top: 22px; padding: 10px 15px; border-radius: 8px; background: var(--accent); color: #fff; font-family: var(--mono); font-size: 10px; font-weight: 700; text-decoration: none; }

.prp-empty,
.prp-error { display: grid; place-items: center; min-height: 260px; padding: 32px; border: 1px dashed var(--border2); border-radius: 14px; background: var(--bg-card); text-align: center; }
.prp-empty strong,
.prp-error strong { color: var(--text-hi); font-size: 15px; }
.prp-empty p,
.prp-error p { max-width: 440px; margin: 7px 0 0; color: var(--text-lo); font-size: 11.5px; line-height: 1.5; }
.prp-retry { margin-top: 15px; padding: 7px 13px; border-radius: 7px; font-family: var(--mono); font-size: 10px; }
.prp-skeleton { pointer-events: none; }
.prp-skeleton:hover { transform: none; border-color: var(--border); }
.prp-skeleton::before { background: var(--border2); }

body.prp-detail-open { overflow: hidden; }
.prp-detail-backdrop { --prp-long:#32c995; --prp-short:#ff6478; --prp-warn:#f1b94e; position: fixed; inset: 0; z-index: 10020; display: flex; justify-content: flex-end; background: rgba(3, 5, 10, .64); backdrop-filter: blur(4px); }
.prp-detail-backdrop[hidden] { display: none; }
.prp-detail { width: min(620px, 94vw); height: 100%; overflow: hidden; border-left: 1px solid var(--border2); background: var(--bg); box-shadow: -26px 0 70px rgba(0, 0, 0, .42); }
.prp-detail > header { display: flex; align-items: center; justify-content: space-between; min-height: 68px; padding: 0 20px; border-bottom: 1px solid var(--border); background: color-mix(in srgb, var(--bg-card2) 72%, var(--bg)); }
.prp-detail > header h2 { margin: 5px 0 0; color: var(--text-hi); font-size: 18px; }
.prp-detail > header button { width: 32px; height: 32px; border: 1px solid var(--border); border-radius: 9px; background: var(--bg-card); color: var(--text-md); font-size: 21px; cursor: pointer; }
.prp-detail > header button svg { width: 16px; height: 16px; vertical-align: middle; }
.prp-detail-body { height: calc(100% - 69px); overflow-y: auto; padding: 18px; overscroll-behavior: contain; }
.prp-detail-loading { display: grid; gap: 16px; padding: 40px 10px; }
.prp-detail-loading span:nth-child(1) { width: 42%; }
.prp-detail-loading span:nth-child(2) { width: 92%; }
.prp-detail-loading span:nth-child(3) { width: 70%; }
.prp-detail-hero { --detail-color: var(--accent-2); display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px; border: 1px solid var(--border2); border-radius: 14px; background: radial-gradient(300px 100px at 0 0, color-mix(in srgb, var(--detail-color) 12%, transparent), transparent 70%), var(--bg-card); }
.prp-detail-hero[data-state="validated"], .prp-detail-hero[data-state="fresh"], .prp-detail-hero[data-state="developing"] { --detail-color: var(--prp-long); }
.prp-detail-hero[data-state="invalidated"], .prp-detail-hero[data-state="under-pressure"], .prp-detail-hero[data-state="oi-unwind"] { --detail-color: var(--prp-short); }
.prp-detail-hero > div { display: flex; align-items: center; gap: 10px; }
.prp-detail-hero img, .prp-detail-hero .ast-ic { width: 36px; height: 36px; border-radius: 50%; }
.prp-detail-hero span b { display: block; color: var(--text-hi); font-family: var(--mono); font-size: 12px; }
.prp-detail-hero span em { display: block; margin-top: 4px; color: var(--text-lo); font-size: 8px; font-style: normal; }
.prp-detail-hero > strong { padding: 5px 8px; border: 1px solid color-mix(in srgb, var(--detail-color) 35%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--detail-color) 9%, transparent); color: var(--detail-color); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.prp-detail-path, .prp-detail-legs { margin-top: 12px; padding: 15px; border: 1px solid var(--border); border-radius: 13px; background: var(--bg-card); }
.prp-detail-section-head { display: flex; justify-content: space-between; gap: 12px; color: var(--text-lo); font-family: var(--mono); font-size: 8px; letter-spacing: .55px; text-transform: uppercase; }
.prp-detail-section-head b { color: var(--text-md); font-weight: 500; }
.prp-detail-chart { display: block; width: 100%; height: 106px; margin-top: 12px; overflow: visible; }
.prp-detail-chart line { stroke: var(--border2); stroke-width: .5; stroke-dasharray: 2 2; }
.prp-detail-chart polyline { fill: none; stroke: var(--prp-long); stroke-width: 1.5; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 4px color-mix(in srgb, var(--prp-long) 45%, transparent)); }
.prp-detail-chart-empty { display: grid; place-items: center; height: 106px; margin-top: 12px; color: var(--text-lo); font-size: 9px; }
.prp-path-stats { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 8px; padding-top: 10px; border-top: 1px solid var(--border); }
.prp-path-stats span { padding: 0 10px; border-left: 1px solid var(--border); color: var(--text-lo); font-size: 7px; text-transform: uppercase; }
.prp-path-stats span:first-child { padding-left: 0; border-left: 0; }
.prp-path-stats b { display: block; margin-top: 4px; color: var(--text-hi); font-family: var(--mono); font-size: 11px; }
.prp-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; }
.prp-detail-grid > div { min-width: 0; padding: 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--bg-card); }
.prp-timeline, .prp-rules { display: grid; gap: 8px; margin-top: 12px; }
.prp-timeline-event { display: grid; grid-template-columns: 8px 1fr auto; align-items: center; gap: 7px; }
.prp-timeline-event i { width: 6px; height: 6px; border-radius: 50%; background: var(--accent-2); box-shadow: 0 0 0 3px var(--accent-dim); }
.prp-timeline-event span { color: var(--text-md); font-size: 8.5px; }
.prp-timeline-event b { color: var(--text-lo); font-family: var(--mono); font-size: 7px; font-weight: 500; }
.prp-rule { display: grid; grid-template-columns: 16px 1fr auto; align-items: center; gap: 6px; }
.prp-rule i { display: grid; place-items: center; width: 14px; height: 14px; border-radius: 50%; background: color-mix(in srgb, var(--prp-long) 10%, transparent); color: var(--prp-long); font-size: 8px; font-style: normal; }
.prp-rule i svg { display: block; }
.prp-rule span { color: var(--text-md); font-size: 8px; line-height: 1.3; }
.prp-rule b { color: var(--text-lo); font-family: var(--mono); font-size: 6.5px; font-weight: 500; text-transform: uppercase; }
.prp-rule.triggered i { background: color-mix(in srgb, var(--prp-short) 10%, transparent); color: var(--prp-short); }
.prp-rule.triggered b { color: var(--prp-short); }
.prp-execution-strip { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 12px; padding: 12px 5px; border: 1px solid var(--border); border-radius: 12px; background: color-mix(in srgb, var(--bg-card2) 58%, var(--bg-card)); }
.prp-execution-strip span { min-width: 0; padding: 0 9px; border-left: 1px solid var(--border); }
.prp-execution-strip span:first-child { border-left: 0; }
.prp-execution-strip em { display: block; overflow: hidden; color: var(--text-lo); font-size: 6.5px; font-style: normal; letter-spacing: .35px; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.prp-execution-strip b { display: block; overflow: hidden; margin-top: 4px; color: var(--text-hi); font-family: var(--mono); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.prp-detail-leg { display: grid; grid-template-columns: 24px 42px 44px 1fr auto; align-items: center; gap: 7px; padding: 8px 0; border-bottom: 1px solid var(--border); }
.prp-detail-leg:last-child { border-bottom: 0; }
.prp-detail-leg img, .prp-detail-leg .ast-ic { width: 20px; height: 20px; border-radius: 50%; }
.prp-detail-leg strong, .prp-detail-leg b { color: var(--text-hi); font-family: var(--mono); font-size: 9px; }
.prp-detail-leg span { color: var(--text-md); font-family: var(--mono); font-size: 7px; }
.prp-detail-leg em { color: var(--text-lo); font-size: 7px; font-style: normal; }
.prp-detail-disclaimer { margin: 12px 3px 24px; color: var(--text-lo); font-size: 8px; line-height: 1.5; }
.prp-analytical, .prp-cross-venue { margin-top: 12px; padding: 15px; border: 1px solid var(--border); border-radius: 13px; background: var(--bg-card); }
.prp-analytical-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 11px; border: 1px solid var(--border); border-radius: 9px; background: var(--bg-card2); }
.prp-analytical-grid > span { min-width: 0; padding: 10px; border-top: 1px solid var(--border); border-left: 1px solid var(--border); }
.prp-analytical-grid > span:nth-child(3n + 1) { border-left: 0; }
.prp-analytical-grid > span:nth-child(-n + 3) { border-top: 0; }
.prp-analytical-grid em { display: block; overflow: hidden; color: var(--text-lo); font-size: 6.5px; font-style: normal; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.prp-analytical-grid b { display: block; margin-top: 4px; color: var(--text-hi); font-family: var(--mono); font-size: 9px; }
.prp-cross-venue > div:last-child { display: grid; gap: 1px; margin-top: 10px; background: var(--border); }
.prp-cross-venue > div:last-child > div { display: flex; justify-content: space-between; gap: 10px; padding: 8px 9px; background: var(--bg-card2); }
.prp-cross-venue > div:last-child span { color: var(--text-md); font-size: 7.5px; text-transform: uppercase; }
.prp-cross-venue > div:last-child b { color: var(--text-lo); font-family: var(--mono); font-size: 7px; font-weight: 500; }
.prp-cross-venue p { margin: 0; padding: 8px; background: var(--bg-card2); color: var(--text-lo); font-size: 8px; }

@media (max-width: 900px) {
  .prp-command-body { grid-template-columns: 1fr; }
  .prp-command-metrics { border-top: 1px solid var(--border); border-left: 0; }
  .prp-validation { grid-template-columns: 94px 1fr; gap: 16px; }
  .prp-lab-overview { grid-template-columns: 94px 1fr; gap: 16px; }
  .prp-sample-meter { grid-column: 1 / -1; padding: 13px 0 0; border-top: 1px solid var(--border); border-left: 0; }
  .prp-card { grid-template-columns: 1fr; }
  .prp-evidence { border-top: 1px solid var(--border); border-left: 0; }
  .prp-upgrade-card { grid-template-columns: 1fr auto; }
  .prp-upgrade-signal { grid-column: 1 / -1; }
}

@media (max-width: 680px) {
  .prp-shell { padding: 13px 10px 84px; }
  .prp-hero { align-items: flex-start; flex-direction: column; gap: 9px; margin-bottom: 13px; }
  .prp-kicker { margin-bottom: 7px; font-size: 8px; }
  .prp-hero h1 { font-size: 31px; letter-spacing: -1.2px; }
  .prp-hero p { margin-top: 7px; font-size: 12px; line-height: 1.45; }
  .prp-coverage { width: 100%; max-width: none; justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; }
  .prp-coverage span { flex: none; padding: 4px 7px; font-size: 8px; }
  .prp-command { border-radius: 15px; }
  .prp-command::after { top: 31px; background-size: 24px 24px; }
  .prp-command-head { grid-template-columns: 1fr auto; min-height: 31px; padding: 0 12px 0 15px; font-size: 6.5px; }
  .prp-command-head > span:nth-child(2) { justify-self: end; }
  .prp-command-head > span:last-child { display: none; }
  .prp-command-main { padding: 15px 16px 13px; }
  .prp-bias-line { align-items: baseline; flex-direction: row; gap: 9px; }
  .prp-bias-line strong { font-size: 25px; }
  .prp-bias-line span { min-width: 0; overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
  .prp-bias-track { margin-top: 14px; }
  .prp-bias-scale { font-size: 7px; }
  .prp-command-metrics { padding: 14px 14px 13px; }
  .prp-flow-route { grid-template-columns: minmax(98px, 1fr) 67px minmax(98px, 1fr); gap: 5px; }
  .prp-flow-node { padding: 8px 8px; }
  .prp-flow-node span { font-size: 6px; }
  .prp-flow-node strong { font-size: 12px; }
  .prp-flow-link b { font-size: 9px; }
  .prp-flow-link span { margin-top: 14px; font-size: 5.5px; }
  .prp-positioning { margin-top: 12px; }
  .prp-desk-tape { margin-top: 11px; padding: 7px 0; }
  .prp-desk-tape > span { padding: 0 7px; }
  .prp-desk-tape em { font-size: 5.8px; letter-spacing: .2px; }
  .prp-desk-tape b { font-size: 9px; }
  .prp-desk-tape small { display: block; margin-top: 2px; font-size: 5.5px; }
  .prp-market-read { font-size: 7.5px; }
  #prp-tabs { max-width: none; margin: 12px 0 8px; }
  .prp-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 8px; }
  .prp-filter-group { display: flex; align-items: flex-start; flex-direction: column; gap: 5px; }
  .prp-filter-group .ark-seg { width: 100%; }
  .prp-filter-group .ark-seg-btn { flex: 1; height: 27px; padding: 0 8px; justify-content: center; }
  .prp-search { grid-column: 1 / -1; display: grid; grid-template-columns: 52px 1fr; margin-left: 0; }
  .prp-search input { width: 100%; }
  .prp-watch-filter, .prp-reset-view { width: 100%; justify-content: center; }
  .prp-validation { grid-template-columns: 72px minmax(0, 1fr); gap: 12px; margin-top: 14px; padding: 13px; }
  .prp-validation.lab { padding: 0; }
  .prp-lab-head { align-items: flex-start; flex-direction: column; padding: 14px; }
  .prp-lab-head h2 { font-size: 15px; }
  .prp-lab-head p { font-size: 8px; }
  .prp-lab-overview { grid-template-columns: 72px minmax(0, 1fr); gap: 12px; padding: 13px; }
  .prp-lab-metrics { grid-template-columns: repeat(2, 1fr); }
  .prp-lab-metric:nth-child(odd) { border-left: 0; }
  .prp-lab-metric:nth-child(n + 3) { border-top: 1px solid var(--border); }
  .prp-lab-grid { grid-template-columns: 1fr; padding: 12px; }
  .prp-lab-foot { padding: 0 13px 13px; }
  .prp-validation-score { width: 68px; height: 68px; }
  .prp-validation-score::before { width: 58px; height: 58px; }
  .prp-validation-score strong { font-size: 17px; }
  .prp-validation-score span { margin-top: 3px; font-size: 5px; }
  .prp-validation-title { display: block; margin-top: 3px; }
  .prp-validation-title strong { display: block; font-size: 11px; }
  .prp-validation-title span { display: block; margin-top: 3px; font-size: 6.5px; }
  .prp-validation-confidence > p { display: none; }
  .prp-confidence-band { margin-top: 9px; }
  .prp-confidence-band > strong { font-size: 6px; }
  .prp-sample-meter { padding-top: 10px; }
  .prp-sample-meter p { font-size: 7px; }
  .prp-feed-head { align-items: flex-end; flex-direction: row; gap: 8px; margin: 15px 0 8px; }
  .prp-feed-head h2 { margin-top: 3px; font-size: 16px; }
  .prp-feed-head .prp-label { font-size: 7px; }
  .prp-method-btn { padding: 6px 8px; font-size: 8px; white-space: nowrap; }
  .prp-feed-actions { gap: 5px; }
  .prp-export-btn { padding: 6px 7px; font-size: 7.5px; white-space: nowrap; }
  .prp-method { grid-template-columns: 1fr; }
  .prp-method > p { grid-column: auto; text-align: left; }
  .prp-card-main { padding: 13px 14px 13px 17px; }
  .prp-card-top { flex-wrap: wrap; }
  .prp-card-top h3 { font-size: 13px; }
  .prp-status { margin-left: 0; }
  .prp-exchange { margin-right: auto; }
  .prp-story { margin: 9px 0 10px; font-size: 11px; }
  .prp-facts { gap: 11px 16px; }
  .prp-evidence { padding: 13px 15px; }
  .prp-evidence-grid { margin-top: 14px; }
  .prp-preview-evidence { padding-top: 12px; }
  .prp-preview-fields { grid-template-columns: repeat(3, 1fr); gap: 6px; }
  .prp-preview-fields span { padding: 7px 5px; text-align: center; }
  .prp-preview-fields span::before, .prp-preview-fields span::after { display: none; }
  .prp-upgrade-card { grid-template-columns: 1fr; gap: 14px; padding: 17px; }
  .prp-upgrade-signal { grid-column: auto; }
  .prp-upgrade-copy h3 { font-size: 15px; }
  .prp-upgrade-copy > div { display: grid; grid-template-columns: 1fr 1fr; }
  .prp-upgrade-card > a { width: 100%; box-sizing: border-box; }
  .prp-validation-teaser { grid-template-columns: 68px minmax(0, 1fr); gap: 12px; }
  .prp-validation-teaser > div:nth-child(2) > strong { font-size: 11px; }
  .prp-validation-teaser > div:nth-child(2) > p { font-size: 7.5px; }
  .prp-validation-teaser > a { grid-column: 1 / -1; text-align: center; }
  .prp-detail-upgrade { padding: 21px 17px; }
  .prp-detail-upgrade h3 { font-size: 19px; }
  .prp-detail-upgrade > div:nth-of-type(2) { grid-template-columns: 1fr; }
  .prp-detail { width: 100%; }
  .prp-detail > header { min-height: 60px; padding: 0 13px; }
  .prp-detail-body { height: calc(100% - 61px); padding: 10px; }
  .prp-detail-grid { grid-template-columns: 1fr; }
  .prp-path-stats { grid-template-columns: repeat(2, 1fr); }
  .prp-path-stats span { padding: 7px 9px; border-top: 1px solid var(--border); }
  .prp-path-stats span:nth-child(odd) { padding-left: 0; border-left: 0; }
  .prp-execution-strip { grid-template-columns: repeat(2, 1fr); }
  .prp-execution-strip span { padding: 7px 9px; border-top: 1px solid var(--border); }
  .prp-execution-strip span:nth-child(odd) { border-left: 0; }
  .prp-detail-leg { grid-template-columns: 22px 38px 38px 1fr; }
  .prp-detail-leg em { grid-column: 2 / -1; }
  .prp-analytical-grid { grid-template-columns: repeat(2, 1fr); }
  .prp-analytical-grid > span:nth-child(3n + 1) { border-left: 1px solid var(--border); }
  .prp-analytical-grid > span:nth-child(odd) { border-left: 0; }
  .prp-analytical-grid > span:nth-child(-n + 3) { border-top: 1px solid var(--border); }
  .prp-analytical-grid > span:nth-child(-n + 2) { border-top: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .prp-card,
  .prp-bias-track b { transition: none; }
}