/* "Stablecoin Issuers" audience page (audience-navigation page, not a token-management product). Loads after entity.css (shared eik/eic pills, ei-keep, eq-*, er-*, fp-sample, ei-cta-viz, and the ei- address-cluster component + entity.js interactivity) and platform.css (fu-*, fp-faq, fu-kpis/fu-rows). Prefixes: stc- hero/nav/misc, st- five-state status pill (observed/attributed/uncertain/reviewed/unresolved), ch2- challenges, aw- ecosystem activity workspace, xnet- cross-network path, stw- seven-step workflow. */

.sh-notice { display:flex; gap:12px; align-items:flex-start; margin:26px 0 0!important; padding:14px 18px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:8px; color:#b7cccd!important; font-size:.875rem!important; line-height:1.55!important; max-width:560px; }
.sh-notice svg { flex:none; width:22px; height:22px; margin-top:1px; fill:none; stroke:#18c79b; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }

/* five-state status vocabulary used across the whole page */
.st { display:inline-block; font-style:normal; font-size:.75rem; font-weight:700; padding:3px 11px; border-radius:999px; white-space:nowrap; line-height:1.4; border:1px solid transparent; }
.st--observed { background:#e2e9ff; color:#2c3e88; border-color:#bccbf5; }
.st--attributed { background:#d9f4ea; color:#075c47; border-color:#a9e2cd; }
.st--uncertain { background:#fbefcf; color:#7a5300; border-color:#ecd28f; }
.st--reviewed { background:#fbefcf; color:#7a5300; border-color:#ecd28f; }
.st--unresolved { background:#e4ebee; color:#41565f; border-color:#c5d2d8; }

/* ---------- hero ---------- */
.stc-mesh { position:absolute; inset:0; pointer-events:none; opacity:.9; }
.stc-mesh svg { display:block; width:100%; height:100%; } .stc-mesh path { stroke:rgba(24,199,155,.2); } .stc-mesh path.d { stroke-dasharray:4 12; }
.stc-nodes circle { fill:#18c79b; filter:drop-shadow(0 0 6px rgba(24,199,155,.8)); animation:ei-blink 3.6s ease-in-out infinite; } .stc-nodes circle:nth-child(even) { animation-delay:1.4s; }
.fu--stc { font-size:.875rem; }
.stc-body { padding:14px; display:grid; gap:12px; }
.stc-top { display:flex; flex-wrap:wrap; gap:12px; align-items:center; padding:10px 14px; background:#0a1c28; border:1px solid #1b3d4e; border-radius:8px; }
.stc-top small { display:block; color:#86a9ae; font-size:.6875rem; text-transform:uppercase; letter-spacing:.06em; } .stc-top b { color:#eaf4f2; font-size:.9375rem; }
.stc-top i { margin-left:auto; }
.stc-row { display:grid; grid-template-columns:2fr 1fr; gap:10px; }
.stc-row--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.stc-box { background:#0a1c28; border:1px solid #1b3d4e; border-radius:8px; padding:12px 14px; min-width:0; }
.stc-box--wide {}
.stc-box-h { display:flex; justify-content:space-between; gap:8px; margin-bottom:8px; font-size:.6875rem; letter-spacing:.08em; text-transform:uppercase; color:#86a9ae; font-weight:650; } .stc-box-h span:last-child { text-transform:none; letter-spacing:0; font-weight:500; }
.stc-spark { display:block; width:100%; height:56px; }
.stc-num { display:block; color:#fff; font-size:1.625rem; letter-spacing:-.02em; line-height:1.15; } .stc-unit { color:#8fb0b5; font-size:.75rem; }
.stc-cats { list-style:none; margin:0; padding:0; display:grid; gap:8px; } .stc-cats li { margin:0; display:grid; grid-template-columns:100px 1fr 40px; gap:10px; align-items:center; font-size:.8125rem; color:#dcebe8; }
.stc-cats i { display:block; height:7px; border-radius:4px; background:#18c79b; } .stc-cats li:nth-child(2) i { background:#4c7bd9; } .stc-cats li:nth-child(3) i { background:#8fa3ab; }
.stc-cats b { text-align:right; color:#b7cccd; font-size:.75rem; }
.stc-meta { margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; } .stc-meta > div { padding:9px 11px; background:#10303f; border:1px solid #1f4557; border-radius:6px; } .stc-meta dt { color:#86a9ae; font-size:.6875rem; text-transform:uppercase; letter-spacing:.06em; margin-bottom:3px; } .stc-meta dd { margin:0; color:#eaf4f2; font-size:.8125rem; }

/* ---------- sticky section nav ---------- */
.stc-jumps { position:sticky; top:0; z-index:20; background:#fff; border-bottom:1px solid #e1ebe7; }
.stc-jumps-in { max-width:1180px; margin:0 auto; padding:0 24px; display:flex; flex-wrap:wrap; gap:4px 6px; }
.stc-jumps a { display:inline-block; padding:15px 14px; font-size:.9375rem; font-weight:650; color:var(--mute); text-decoration:none; border-bottom:3px solid transparent; }
.stc-jumps a:hover { color:var(--ink); } .stc-jumps a.is-on { color:var(--em); border-bottom-color:var(--em); }
.stc-jumps a:focus-visible { outline:2px solid var(--em); outline-offset:-2px; }

/* ---------- 3. challenges ---------- */
.ch2-grid { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.ch2-c { margin:0; background:#fff; border:1px solid #d3e6de; border-radius:10px; padding:22px; display:grid; gap:12px; align-content:start; }
.ch2-c h3 { margin:0; font-size:1.1875rem; } .ch2-c > p { margin:0; font-size:.9375rem; line-height:1.55; color:var(--mute); }
.ch2-sc { list-style:none; margin:0; padding:12px 0 0; border-top:1px dashed #d3e6de; display:grid; gap:8px; }
.ch2-sc li { margin:0; display:flex; gap:8px; align-items:flex-start; font-size:.875rem; color:var(--ink); line-height:1.4; }
.ch2-sc svg { flex:none; width:16px; height:16px; margin-top:2px; fill:none; stroke:var(--em); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.ch2-note { display:flex; gap:12px; margin:22px 0 0!important; padding:14px 18px; background:var(--mint-l); border:1px solid #d3e6de; border-radius:8px; color:var(--mute)!important; font-size:.9375rem!important; line-height:1.5!important; }
.ch2-note svg { flex:none; width:22px; height:22px; fill:none; stroke:var(--em); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.fp-content .ch2-note { margin-top:22px; }

/* ---------- 4. ecosystem activity workspace ---------- */
.aw-win { max-width:100%; }
.aw-top { display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; align-items:center; padding:16px 20px; background:#0a1c28; border-bottom:1px solid #1d4254; }
.aw-top h3 { margin:0; color:#fff; font-size:1.0625rem; } .aw-top small { display:block; color:#7ee8c8; font-size:.75rem; }
.aw-grid { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); }
.aw-main { padding:22px; display:grid; gap:14px; }
.aw-kv { margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .aw-kv > div { padding:10px 12px; background:#0a1c28; border:1px solid #1b3d4e; border-radius:6px; } .aw-kv dt { color:#86a9ae; font-size:.6875rem; text-transform:uppercase; letter-spacing:.06em; margin-bottom:3px; } .aw-kv dd { margin:0; color:#eaf4f2; font-size:.9375rem; overflow-wrap:anywhere; }
.aw-blk { padding:14px 16px; background:#0a1c28; border:1px solid #1b3d4e; border-radius:6px; } .aw-blk small { display:block; font-size:.6875rem; text-transform:uppercase; letter-spacing:.08em; color:#86a9ae; font-weight:650; margin-bottom:10px; } .aw-blk p { margin:0!important; color:#dcebe8!important; font-size:.9375rem!important; line-height:1.55!important; }
.aw-side { padding:22px; background:#0b2130; border-left:1px solid #1d4254; display:grid; gap:14px; align-content:start; }
@media (max-width:1024px) { .aw-grid { grid-template-columns:1fr; } .aw-side { border-left:0; border-top:1px solid #1d4254; } .aw-kv { grid-template-columns:1fr; } }

/* ---------- 5. circulation and flow (reuses .ei-canvas/.ei-svg/.ei-n/.ei-e/.ec-legend from entity.css) ---------- */
.circ-wrap { display:grid; gap:16px; }
.circ-note { display:flex; gap:12px; margin:0!important; padding:14px 18px; background:#fff6e0; border:1px solid #e6c56f; border-left:4px solid #e0a92e; border-radius:8px; color:#4a3810!important; font-size:.9375rem!important; line-height:1.5!important; }
.circ-note svg { flex:none; width:20px; height:20px; fill:none; stroke:#9a6b00; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }

/* ---------- 6. cross-network activity ---------- */
.xnet { display:flex; flex-wrap:wrap; align-items:stretch; gap:0; background:#0a2028; border-radius:10px; padding:10px; }
.xnet-seg { flex:1 1 140px; min-width:120px; padding:16px 14px; display:grid; gap:6px; position:relative; }
.xnet-seg:not(:last-child)::after { content:'\2192'; position:absolute; right:-4px; top:50%; transform:translateY(-50%); color:#3aa387; font-size:1.125rem; }
.xnet-seg small { color:#86a9ae; font-size:.6875rem; text-transform:uppercase; letter-spacing:.06em; } .xnet-seg b { color:#fff; font-size:.9375rem; }
.xnet-note { margin:16px 0 0!important; color:#b7cccd!important; font-size:.9375rem!important; line-height:1.5!important; }

/* ---------- 7. capability flow (reuses .er / .er-flow generic components) ---------- */

/* ---------- 8. seven-step workflow ---------- */
.stw { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.stw-s { margin:0; background:#fff; border:1px solid #d3e6de; border-top:4px solid var(--em); border-radius:10px; padding:18px; display:grid; gap:8px; align-content:start; position:relative; }
.stw-n { position:absolute; top:-12px; left:16px; width:26px; height:26px; border-radius:6px; background:var(--em); color:#fff; font:700 .8125rem ui-monospace,Consolas,monospace; display:grid; place-items:center; box-shadow:0 0 0 3px #fff; }
.stw-s h3 { margin:6px 0 0; font-size:1.0625rem; line-height:1.3; } .stw-s > p { margin:0; font-size:.875rem; line-height:1.45; color:var(--mute); }
.fu--stw { font-size:.6875rem; width:100%; } .fu--stw .fu-bar { padding:6px 9px; } .fu--stw .fu-body { padding:9px; min-height:44px; display:flex; align-items:center; }
.stw-mini { color:#dcebe8; font-size:.75rem; line-height:1.3; } .stw-mini b { color:#7ee8c8; }

/* ---------- 9. activity insights (reuses .fu-kpis/.fu-rows/.fu-chip/.fu-dot from platform.css) ---------- */
.ain-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; align-items:start; }
.ain-full { grid-column:1 / -1; }
.ain-bars { list-style:none; margin:0; padding:0; display:grid; gap:10px; } .ain-bars li { margin:0; display:grid; grid-template-columns:minmax(0,1.3fr) 2fr 46px; gap:10px; align-items:center; font-size:.8125rem; color:#dcebe8; }
.ain-bars div { height:8px; border-radius:4px; background:#16394a; overflow:hidden; } .ain-bars i { display:block; height:100%; border-radius:4px; background:#18c79b; }
.ain-bars b { text-align:right; color:#b7cccd; font-size:.75rem; }
.ain-split { display:flex; height:14px; border-radius:7px; overflow:hidden; margin-top:6px; } .ain-split i { display:block; height:100%; } .ain-split .r { background:#18c79b; } .ain-split .u { background:#8fa3ab; }
.ain-split-key { display:flex; gap:16px; margin-top:8px; font-size:.8125rem; color:#dcebe8; } .ain-split-key span { display:inline-flex; align-items:center; gap:6px; } .ain-split-key i { width:10px; height:10px; border-radius:3px; }

/* ---------- 10. benefits ---------- */
.stc-q { margin-top:4px; padding:10px 12px; background:var(--mint-l); border-left:3px solid var(--em); border-radius:4px; font-size:.8125rem; color:var(--ink); line-height:1.4; }
.stc-q b { display:block; font-size:.6875rem; text-transform:uppercase; letter-spacing:.06em; color:var(--em); margin-bottom:2px; }

@media (max-width:1180px) {
	.ch2-grid { grid-template-columns:1fr; }
	.stw { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.ain-grid { grid-template-columns:1fr; }
	.eq { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:768px) {
	.stc-row, .stc-row--3, .stc-meta { grid-template-columns:1fr 1fr; }
	.stc-jumps-in { padding:0 16px; overflow-x:auto; flex-wrap:nowrap; } .stc-jumps a { white-space:nowrap; }
	.stw { grid-template-columns:1fr; }
	.eq { grid-template-columns:1fr; }
	.aw-kv { grid-template-columns:1fr; }
	.xnet { flex-direction:column; } .xnet-seg::after { display:none; }
}