/* "Resources" hub page. Loads after entity.css (eq/eq-i grid, ei-cta-viz, ei-svg) and content.css (.fti-collection, .empty-state — real, live search/filter/pagination for each embedded collection). A premium editorial-knowledge-centre identity; every count and query on this page is real, never invented. Prefixes: rc- hero/misc, rc-feat featured resource, rc-cat category cards, rc-lib-block wraps each embedded real collection, rc-gloss glossary discovery. */

.sh-notice { display:flex; gap:12px; align-items:flex-start; margin:22px 0 0!important; padding:14px 18px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.14); border-radius:6px; 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:#6fd6b4; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }

/* Hero background: report pages, a research chart, and a few reference nodes on a faint grid. */
.rc-grid-bg { position:absolute; inset:0; pointer-events:none; opacity:.5; }
.rc-grid-bg svg { display:block; width:100%; height:100%; }
.rc-grid path { fill:none; stroke:rgba(255,255,255,.08); stroke-width:1; }
.rc-docs rect { fill:#0f2b3b; stroke:rgba(255,255,255,.16); stroke-width:1.2; }
.rc-docs rect.on { fill:#0f4a3d; stroke:#18c79b; }
.rc-chart rect { fill:rgba(255,255,255,.1); }
.rc-chart rect.on { fill:#18c79b; opacity:.55; }
.rc-nodes path { fill:none; stroke:#5fa39a; stroke-width:1.2; opacity:.6; }
.rc-nodes circle { fill:#0f4a3d; stroke:#6fd6b4; stroke-width:1.2; }
.rc-nodes circle.glow { fill:#18c79b; stroke:#18c79b; filter:drop-shadow(0 0 7px rgba(24,199,155,.7)); }

/* Hero search + quick filters */
.rc-search { position:relative; display:flex; align-items:center; gap:10px; max-width:480px; margin:8px 0 18px; background:#0a2028; border:1px solid rgba(255,255,255,.18); border-radius:8px; padding:6px 8px 6px 16px; }
.rc-search svg { flex:none; width:19px; height:19px; fill:none; stroke:#6fd6b4; stroke-width:1.7; }
.rc-search input { flex:1; background:none; border:0; outline:0; color:#fff; font-size:.9375rem; padding:10px 0; }
.rc-search input::placeholder { color:#8fb0b5; }
.rc-search button { border:0; border-radius:6px; padding:10px 18px; background:var(--em-b); color:#03241c; font-weight:650; font-size:.875rem; cursor:pointer; }
.rc-search button:hover { background:#3fcaa4; }
.rc-quick { list-style:none; margin:22px 0 20px; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.rc-quick a { display:inline-block; font-size:.8125rem; font-weight:650; color:#dcebe8; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.18); border-radius:999px; padding:7px 15px; text-decoration:none; }
.rc-quick a:hover { background:rgba(255,255,255,.14); border-color:#6fd6b4; color:#fff; }

/* Hero visual: live publication-status panel */
.rc-panel { background:#0a2028; border:1px solid rgba(255,255,255,.14); border-radius:6px; padding:22px 24px; }
.rc-panel-h { padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid rgba(255,255,255,.12); }
.rc-panel-h small { display:block; font-size:.75rem; letter-spacing:.1em; text-transform:uppercase; color:#6fd6b4; margin-bottom:3px; }
.rc-panel-h b { color:#fff; font-size:1.0625rem; }
.rc-panel-list { list-style:none; margin:0; padding:0; display:grid; gap:11px; }
.rc-panel-list li { display:flex; align-items:center; gap:10px; padding:8px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.rc-panel-list li:last-child { border-bottom:0; }
.rc-dot { flex:none; width:9px; height:9px; border-radius:50%; background:#405a5f; }
.rc-dot.on { background:#18c79b; box-shadow:0 0 0 3px rgba(24,199,155,.18); }
.rc-panel-name { flex:1; font-size:.9375rem; font-weight:650; color:#fff; }
.rc-panel-status { font-size:.8125rem; color:#8fb0b5; }
.rc-panel-viz { margin-top:18px; padding-top:16px; border-top:1px solid rgba(255,255,255,.12); }
.rc-panel-viz svg { display:block; width:100%; height:auto; }
.rc-viz-docs rect { fill:#0f2b3b; stroke:rgba(255,255,255,.2); stroke-width:1; }
.rc-viz-docs rect.on { fill:#0f4a3d; stroke:#18c79b; }
.rc-viz-chart rect { fill:rgba(255,255,255,.14); }
.rc-viz-chart rect.on { fill:#18c79b; }
.rc-viz-nodes path { fill:none; stroke:#5fa39a; stroke-width:1.2; }
.rc-viz-nodes circle { fill:#0f2b3b; stroke:#6fd6b4; stroke-width:1.2; }
.rc-viz-nodes circle.on { fill:#18c79b; stroke:#18c79b; }
.rc-foot { margin:18px 0 0!important; padding-top:14px; border-top:1px solid rgba(255,255,255,.12); font-size:.8125rem!important; color:#8fb0b5!important; line-height:1.5!important; }
.rc-live { margin:14px 0 0!important; font-size:.8125rem!important; color:#8fb0b5; text-align:right; }

/* Featured resource */
.rc-feat { display:grid; grid-template-columns:.85fr 1.15fr; gap:36px; align-items:center; background:#fff; border:1px solid #d3e6de; border-radius:8px; padding:28px; }
.rc-feat-media { display:grid; place-items:center; background:var(--mint-l); border-radius:6px; min-height:220px; overflow:hidden; }
.rc-feat-media img { width:100%; height:100%; object-fit:cover; }
.rc-feat-media svg { width:70%; height:auto; }
.rc-feat-media svg rect { fill:#fff; stroke:#bfe0d3; stroke-width:2; }
.rc-feat-media svg rect.on { fill:#0a2028; stroke:#18c79b; }
.rc-type { display:inline-block; font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--em); background:var(--mint-l); border:1px solid #bfe0d3; border-radius:4px; padding:4px 10px; margin-bottom:12px; }
.rc-feat-body h3 { margin:0 0 10px; font-size:1.75rem; letter-spacing:-.02em; }
.rc-feat-body h3 a { color:inherit; text-decoration:none; } .rc-feat-body h3 a:hover { color:var(--em); }
.rc-feat-body > p { font-size:1.0625rem; color:var(--mute); line-height:1.6; margin:0 0 18px; }
.rc-feat-meta { display:flex; flex-wrap:wrap; gap:18px; margin-bottom:16px; }
.rc-feat-meta span { display:inline-flex; align-items:center; gap:6px; font-size:.875rem; color:var(--mute); }
.rc-feat-meta svg { width:16px; height:16px; fill:none; stroke:var(--em); stroke-width:1.8; }
.rc-tags { list-style:none; margin:0 0 20px; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.rc-tags li { font-size:.8125rem; font-weight:600; color:var(--em); background:var(--mint-l); border:1px solid #bfe0d3; border-radius:999px; padding:4px 12px; }
.rc-read { display:inline-flex; align-items:center; gap:6px; font-weight:650; color:var(--em); text-decoration:none; font-size:.9375rem; }
.rc-read:hover { text-decoration:underline; }

/* Honest empty states */
.rc-empty { text-align:center; padding:48px 32px; background:#fff; border:1px solid #d3e6de; border-radius:8px; }
.rc-empty-i { display:inline-grid; place-items:center; width:52px; height:52px; border-radius:50%; background:var(--mint-l); color:var(--em); margin-bottom:16px; }
.rc-empty-i svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.7; }
.rc-empty h3 { margin:0 0 8px; font-size:1.25rem; }
.rc-empty p { margin:0 0 20px; color:var(--mute); font-size:.9375rem; max-width:440px; margin-inline:auto; }

/* Resource category cards */
.rc-cat { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
.rc-cat-c { margin:0; position:relative; padding:24px 20px; background:#fff; border:1px solid #d3e6de; border-top:3px solid var(--acc,var(--em)); border-radius:6px; display:flex; flex-direction:column; gap:8px; }
.rc-cat-c--1 { --acc:#0a7d62; } .rc-cat-c--2 { --acc:#4a4fb0; } .rc-cat-c--3 { --acc:#c98f14; } .rc-cat-c--4 { --acc:#2b8f88; } .rc-cat-c--5 { --acc:#4c6fa5; }
.rc-cat-i { display:grid; place-items:center; width:42px; height:42px; border-radius:8px; background:var(--mint-l); color:var(--acc,var(--em)); margin-bottom:4px; }
.rc-cat-i svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.7; }
.rc-cat-c h3 { margin:0; font-size:1.0625rem; }
.rc-cat-c p { margin:0; font-size:.8125rem; color:var(--mute); line-height:1.45; flex:1; }
.rc-cat-count { font-size:.75rem; font-weight:650; color:var(--mute); }
.rc-cat-c.has-content .rc-cat-count { color:var(--em); }
.rc-cat-link { font-size:.8125rem; font-weight:650; color:var(--em); text-decoration:none; margin-top:4px; }
.rc-cat-link:hover { text-decoration:underline; }

/* Browse by topic: extend the shared .eq grid with a real link per item */
.rc-topic-link { display:inline-block; margin-top:10px; font-size:.8125rem; font-weight:650; color:var(--em); text-decoration:none; }
.rc-topic-link:hover { text-decoration:underline; }

/* Real embedded collection blocks (content.css supplies the base search/filter/grid/pagination styles) */
.rc-lib-block { margin-top:8px; }
.rc-lib-block + .rc-lib-block { margin-top:48px; padding-top:40px; border-top:1px solid #e1ebe7; }
.rc-lib-block h3 { font-size:1.375rem; margin:0 0 18px; }
.rc-lib-block .fti-collection { margin-block:0; }
.rc-lib-block .fti-collection-grid h2 { font-size:1.375rem; margin:0 0 8px; letter-spacing:normal; }
.rc-lib-block .fti-collection-grid h2 a { text-decoration:none; color:var(--ink); }
.rc-lib-block .fti-collection-grid h2 a:hover { color:var(--em); }
.rc-lib-block .empty-state { text-align:center; padding:36px 28px; }
.rc-lib-block .empty-state p { margin:0; color:var(--mute); font-size:.9375rem; }
.rc-lib-block--dark .fti-collection-filters { background:#0f2b3b; border-color:rgba(255,255,255,.16); }
.rc-lib-block--dark .fti-collection-filters label { color:#dcebe8; }
.rc-lib-block--dark .fti-collection-filters input,
.rc-lib-block--dark .fti-collection-filters select { background:#0a2028; border:1px solid rgba(255,255,255,.2); color:#fff; }
.rc-lib-block--dark .fti-collection-filters a { color:#6fd6b4; }
.rc-lib-block--dark .empty-state { background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.16); }
.rc-lib-block--dark .empty-state p { color:#b7cccd; }

/* Glossary discovery */
.rc-gloss { display:grid; gap:22px; }
.rc-gloss-search { position:relative; display:flex; align-items:center; gap:10px; max-width:460px; background:#fff; border:1px solid #d3e6de; border-radius:8px; padding:6px 8px 6px 16px; }
.rc-gloss-search svg { flex:none; width:18px; height:18px; fill:none; stroke:var(--em); stroke-width:1.8; }
.rc-gloss-search input { flex:1; border:0; outline:0; font-size:.9375rem; padding:10px 0; background:none; }
.rc-gloss-search button { border:0; border-radius:6px; padding:9px 16px; background:var(--em); color:#fff; font-weight:650; font-size:.8125rem; cursor:pointer; }
.rc-gloss-search button:hover { background:#065f4b; }
.rc-alpha { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px; }
.rc-alpha li { margin:0; }
.rc-alpha a, .rc-alpha span { display:grid; place-items:center; width:30px; height:30px; border-radius:5px; font-size:.8125rem; font-weight:650; }
.rc-alpha a { background:var(--mint-l); color:var(--em); text-decoration:none; border:1px solid #bfe0d3; }
.rc-alpha a:hover { background:var(--em); color:#fff; }
.rc-alpha span { color:#b9c6c4; background:#f2f5f4; border:1px solid #e6ecea; }
.rc-gloss-chips { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px; }
.rc-gloss-chips a { display:inline-block; font-size:.875rem; font-weight:650; color:var(--em); background:var(--mint-l); border:1px solid #bfe0d3; border-radius:999px; padding:8px 16px; text-decoration:none; }
.rc-gloss-chips a:hover { background:var(--em); color:#fff; }
.rc-empty-inline { margin:0; color:var(--mute); font-size:.9375rem; }

@media (max-width:1180px) {
	.rc-cat { grid-template-columns:repeat(3,minmax(0,1fr)); }
	.rc-feat { grid-template-columns:1fr; }
	.rc-feat-media { min-height:180px; }
}
@media (max-width:768px) {
	.rc-cat { grid-template-columns:1fr 1fr; }
	.rc-search { max-width:none; flex-wrap:wrap; }
	.rc-search button { width:100%; }
}
@media (prefers-reduced-motion:reduce) { .rc-nodes circle.glow { filter:none; } }