/* ── story.css — the long stories on STORY (banking/js/story.js) ── */
.gcst-intro{ margin:0 0 var(--sp-3); color:var(--muted); line-height:var(--lh-3); font-size:var(--fs-3); max-width:72ch; }
.gcst-th{ border-left:3px solid var(--line-2); }
.gcst-th.gcst-open{ border-left-color:var(--accent); }
.gcst-th.gcst-ended{ border-left-color:var(--up); }
.gcst-people{ display:flex; flex-wrap:wrap; gap:var(--sp-2) var(--sp-4); margin:var(--sp-1) 0 var(--sp-2); }
.gcst-p{ display:flex; align-items:flex-start; gap:var(--sp-2); min-width:0; }
.gcst-p .art-face{ flex:none; }
.gcst-pt{ display:flex; flex-direction:column; gap:var(--sp-px); min-width:0; font-size:var(--fs-3); line-height:var(--lh-2); }
.gcst-pt b{ color:var(--text); font-weight:600; }
.gcst-role{ color:var(--muted); font-size:var(--fs-2); }
.gcst-disp{ font-family:var(--mono); font-size:var(--fs-1); letter-spacing:.1em; text-transform:uppercase; color:var(--accent); }
.gcst-ch{ list-style:none; margin:0 0 var(--sp-2); padding:0; display:flex; flex-direction:column; gap:var(--sp-1); }
.gcst-ch li{ font-size:var(--fs-3); line-height:var(--lh-3); color:var(--text); }
.gcst-d{ font-family:var(--mono); font-size:var(--fs-2); color:var(--accent); margin-right:var(--sp-1h); white-space:nowrap; }
.gcst-ct{ font-weight:600; margin-right:var(--sp-1); }
.gcst-line{ font-size:var(--fs-3); line-height:var(--lh-3); color:var(--muted); border-top:1px solid var(--line); padding-top:var(--sp-1h); }
.gcst-line b{ font-family:var(--mono); color:var(--text); font-weight:500; }
.gcst-k{ font-family:var(--mono); font-size:var(--fs-1); letter-spacing:.14em; color:var(--dim); margin-right:var(--sp-1h); }
.gcst-open .gcst-k{ color:var(--accent); }
.gcst-ended .gcst-k{ color:var(--up); }
@media (max-width:700px){ .gcst-people{ gap:var(--sp-2); } }
/* HOME: the open threads, one or two lines each, after the goal line */
.gcst-home{ margin:0 0 var(--sp-2h); padding:var(--sp-1h) var(--sp-2h); border:1px solid var(--line); border-left:3px solid var(--accent); background:var(--panel); display:flex; flex-direction:column; gap:var(--sp-1h); }
.gcst-hh{ display:flex; align-items:center; gap:var(--sp-2); }
.gcst-hh .g-k{ font-family:var(--mono); font-size:var(--fs-1); letter-spacing:.14em; color:var(--accent); }
.gcst-hc{ flex:1; min-width:0; color:var(--muted); font-size:var(--fs-2); }
.gcst-hr{ display:flex; align-items:flex-start; gap:var(--sp-2); min-width:0; }
.gcst-hr svg, .gcst-hr img, .gcst-hr .art-face{ flex:none; }
.gcst-ht{ display:flex; flex-wrap:wrap; align-items:baseline; gap:0 var(--sp-1h); min-width:0; font-size:var(--fs-3); line-height:var(--lh-2); }
.gcst-hk{ font-family:var(--mono); font-size:var(--fs-1); letter-spacing:.1em; text-transform:uppercase; color:var(--dim); }
.gcst-hn{ color:var(--text); font-weight:600; }
.gcst-hw{ flex-basis:100%; color:var(--muted); overflow-wrap:anywhere; }
.gcst-hw b{ font-family:var(--mono); color:var(--text); font-weight:500; }