/* Crew supporter hub (Q679, screens 46/47) — shared tokens/components; page glue only. Standalone public frame
   (masthead + footer). Two columns: LEFT the preset-card help grid → an action .card; RIGHT the brand-headed
   stat .card (candidate strip + signature Ring + 3 tiles). No rainbow (spark + single accent only). */

/* hero identity row */
.crew-note{display:inline-block;float:right;font-size:12.5px;color:var(--muted);background:var(--surface-sunken,#EFEDE6);border-radius:999px;padding:5px 12px;margin:0}
.crew-id{display:flex;align-items:center;gap:10px;margin:22px 0 6px}
.crew-id__avatar{flex:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--ink);background:var(--surface);
  border:2px solid transparent;background-image:linear-gradient(var(--surface),var(--surface)),conic-gradient(var(--accent),var(--pink,#E5488F),var(--yellow,#FFD23D),var(--accent));background-origin:border-box;background-clip:padding-box,border-box}
.crew-id__meta{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;font-size:14.5px;color:var(--muted)}
.crew-id__name{color:var(--ink)}

/* two-column hub */
.crew-hub{display:grid;grid-template-columns:1fr;gap:26px;margin-top:22px}
@media (min-width:760px){.crew-hub{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:34px;align-items:start}}
.crew-col>.eyebrow{margin:0 0 12px}

/* LEFT — the 4-verb preset-card grid (radiogroup) → the chosen path's action card */
.help-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:560px){.help-grid{grid-template-columns:1fr 1fr}}
.help-card{display:flex;flex-direction:column;gap:4px;text-align:left;width:100%;min-height:44px;cursor:pointer;
  border:2px solid var(--line);border-radius:var(--r);background:var(--surface);padding:16px 18px;
  box-shadow:0 0 0 transparent;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}
.help-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-pop-sm)}
.help-card.is-on{border-color:var(--ink);box-shadow:var(--shadow-pop)}
.help-card:focus-visible{outline:var(--focus-ring);outline-offset:3px}
.help-card__t{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--ink)}
.help-card__l{font-size:14px;color:var(--ink-2,#3a3740);line-height:1.4}
.help-card__n{font-size:12.5px;color:var(--muted)}
.help-action{margin-top:16px}
.action-card{padding:20px 22px;max-width:none}
.action-card__h{font-family:var(--font-display);font-weight:600;font-size:18px;margin:0 0 6px;color:var(--ink)}
.action-card__s{font-size:14.5px;color:var(--muted);line-height:1.5;margin:0 0 14px}
.action-form .field{margin:0 0 12px}
.action-card__done{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--ink);margin:0 0 8px}
.action-card__ok{width:22px;height:22px;stroke:var(--pin-done);stroke-width:2.5;fill:none;flex:none}
.crew-msg{font-size:13.5px;color:var(--ok);margin:8px 0 0;min-height:1.1em}

/* RIGHT — the brand-headed stat card: strip + Ring + 3 tiles */
.stat-card{padding:0;overflow:hidden;max-width:none}
.stat-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--accent);color:#fff;padding:14px 18px}
.stat-strip__name{font-family:var(--font-display);font-weight:700;font-size:15.5px;display:inline-flex;align-items:center;gap:6px}
.stat-spark{font-size:14px;line-height:1}
.stat-strip__smd{font-size:12.5px;font-weight:600;opacity:.92;white-space:nowrap}
.stat-body{padding:20px 22px}
/* deadline-forward hero (NO live signature/helper count — a low tally reads as discouraging). Big countdown +
   the goal caption, then a rally line. */
.stat-count{display:flex;align-items:baseline;gap:12px}
.stat-count__n{font-family:var(--font-display);font-weight:800;font-size:46px;line-height:1;color:var(--ink)}
.stat-count__l{font-size:14.5px;color:var(--ink-2,#3a3740);line-height:1.35}
.stat-msg{margin:16px 0 0;font-size:14px;color:var(--muted);line-height:1.5}

/* Q505 — shared-link load fallback: a human note (no bare page) when the API 500s/404s or a token is dead */
.crew-fallback{margin:12px 0 16px}
.crew-fallback p{margin:0}
.crew-fallback .sub{margin:4px 0 0;color:var(--muted,#56535F);font-size:14px}