/* Data Stories hub. Loads on top of people.css: same page skeleton, its own
   accent (deep green) and the story-specific pieces (badge, timeline, verdict
   card, live-data panel). Flat surfaces, 1px borders, no gradients. */
.pp-page--stories { --pp-accent:#065f46; --pp-accent-soft:#ecfdf5; --pp-accent-line:#a7f3d0; }
.pp-page--stories a:focus-visible, .pp-page--stories button:focus-visible { outline-color:#34d399; }

/* Story cards sit in the shared rail (static/css/rail.css, .rail--stories sets their width). */
.st-card__meta { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; }
.st-card__dek { font-size:.88rem; line-height:1.5; color:var(--pp-body); margin:0; }
.st-card__foot { align-items:baseline; }

/* Status badge */
.st-badge { display:inline-block; padding:.15rem .5rem; border-radius:2rem; font-size:.68rem; letter-spacing:.08em;
  text-transform:uppercase; font-weight:700; border:1px solid var(--pp-accent-line); background:var(--pp-accent-soft); color:#064e3b; }
.st-badge--concluded { border-color:#cbd5e1; background:#f1f5f9; color:#334155; }
.st-badge--watching { border-color:#fed7aa; background:#fff7ed; color:#9a3412; }

/* Headline number */
.st-figure { font-size:1.25rem; font-weight:800; color:var(--pp-ink); line-height:1; }
.st-figure__label { font-size:.78rem; color:var(--pp-muted); }
.st-meta { display:flex; flex-wrap:wrap; align-items:baseline; gap:.75rem; margin-top:1rem; font-size:.85rem; color:var(--pp-muted); }

/* Verdict card */
.st-verdict { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem 1.25rem; padding:1.5rem;
  border:1px solid var(--pp-accent-line); background:var(--pp-accent-soft); border-radius:var(--pp-radius);
  text-decoration:none; color:var(--pp-ink); }
.st-verdict:hover { border-color:var(--pp-accent); }
.st-verdict__date { font-size:.78rem; letter-spacing:.1em; text-transform:uppercase; font-weight:700; color:var(--pp-accent); flex:0 0 auto; }
.st-verdict__title { flex:1 1 260px; font-size:1.3rem; font-weight:800; line-height:1.25; }
.st-verdict__cta { font-weight:700; color:var(--pp-accent); white-space:nowrap; }

/* Timeline */
.st-timeline { list-style:none; margin:0; padding:0 0 0 1.25rem; border-left:2px solid var(--pp-line); }
.st-timeline__item { position:relative; padding:0 0 1.5rem 1rem; }
.st-timeline__item:last-child { padding-bottom:0; }
.st-timeline__item::before { content:""; position:absolute; left:-1.4rem; top:.4rem; width:.65rem; height:.65rem;
  border-radius:50%; background:#fff; border:2px solid var(--pp-accent); }
.st-timeline__date { font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; font-weight:700; color:var(--pp-muted); }
.st-timeline__title { font-size:1.05rem; font-weight:700; line-height:1.35; margin:.15rem 0 .2rem; color:var(--pp-ink); }
.st-timeline__title a { color:inherit; text-decoration:none; }
.st-timeline__title a:hover { color:var(--pp-accent); }
.st-timeline__topic { font-size:.78rem; color:var(--pp-muted); }
.st-role { display:inline-block; font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; font-weight:700; color:var(--pp-accent); }

/* Live data panel */
.st-panel { border:1px solid var(--pp-line); border-radius:var(--pp-radius); background:#fff; padding:1.25rem 1.5rem; }
.st-panel__head { display:flex; gap:1rem; align-items:flex-start; }
.st-panel__head i { font-size:1.6rem; color:var(--pp-accent); line-height:1; }
.st-panel__title { font-size:1.1rem; font-weight:800; color:var(--pp-ink); margin:0; }
.st-panel__text { margin:.15rem 0 0; font-size:.88rem; color:var(--pp-body); }
.st-panel__list { list-style:none; margin:1rem 0 0; padding:0; display:grid; gap:.5rem; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); }
.st-panel__list a { display:block; padding:.55rem .8rem; border:1px solid var(--pp-line); border-radius:.5rem; text-decoration:none; font-weight:600; font-size:.9rem; }
.st-panel__list a:hover { border-color:var(--pp-accent); background:var(--pp-accent-soft); }

/* Cross-link column */
.st-cross-grid { display:grid; gap:.75rem; }