/* able-collect resources hub */
[data-cmp="able-collect-resources"] .res, [data-cmp="able-collect-resources"].res { background: var(--surface-base); }
[data-cmp="able-collect-resources"] .res .ind-crumb, [data-cmp="able-collect-resources"].res .ind-crumb { max-width: 80rem; margin-inline: auto; padding: var(--space-8) var(--space-4) 0; }
[data-cmp="able-collect-resources"] .res .ind-crumb ol, [data-cmp="able-collect-resources"].res .ind-crumb ol { list-style: none; display: flex; align-items: center; gap: var(--space-2); margin: 0; padding: 0; font-size: 0.875rem; color: var(--text-muted); }
[data-cmp="able-collect-resources"] .res .ind-crumb a, [data-cmp="able-collect-resources"].res .ind-crumb a { color: inherit; text-decoration: none; }
@media (hover: hover) and (pointer: fine) { [data-cmp="able-collect-resources"] .res .ind-crumb a:hover, [data-cmp="able-collect-resources"].res .ind-crumb a:hover { color: var(--accent); }}
[data-cmp="able-collect-resources"] .res .ind-crumb .cur, [data-cmp="able-collect-resources"].res .ind-crumb .cur { color: var(--text-primary); font-weight: 500; }

[data-cmp="able-collect-resources"] .res-hero, [data-cmp="able-collect-resources"].res-hero { padding: var(--space-12) var(--space-4); text-align: center; }
[data-cmp="able-collect-resources"] .res-hero .asio-h1, [data-cmp="able-collect-resources"].res-hero .asio-h1 { margin: 0 auto; max-width: 56rem; font-size: clamp(2.5rem, 2rem + 2.4vw, 4rem); }
[data-cmp="able-collect-resources"] .res-hero p, [data-cmp="able-collect-resources"].res-hero p { max-width: 48rem; margin: var(--space-6) auto 0; font-size: 1.25rem; color: var(--text-secondary); }

[data-cmp="able-collect-resources"] .res-section, [data-cmp="able-collect-resources"].res-section { padding: var(--space-12) var(--space-4); }
[data-cmp="able-collect-resources"] .res-section--subtle, [data-cmp="able-collect-resources"].res-section--subtle { background: color-mix(in srgb, var(--surface-subtle) 50%, var(--surface-base)); }
[data-cmp="able-collect-resources"] .res-head, [data-cmp="able-collect-resources"].res-head { display: flex; align-items: center; gap: 12px; margin-bottom: var(--space-10); color: var(--accent); }
[data-cmp="able-collect-resources"] .res-head h2, [data-cmp="able-collect-resources"].res-head h2 { margin: 0; font-size: clamp(2rem, 1.7rem + 1.4vw, 3rem); font-weight: 700; letter-spacing: -0.025em; color: var(--text-primary); }

[data-cmp="able-collect-resources"] .res-grid, [data-cmp="able-collect-resources"].res-grid { display: grid; gap: var(--space-6); grid-template-columns: 1fr; }
@media (min-width: 768px)  { [data-cmp="able-collect-resources"] .res-grid, [data-cmp="able-collect-resources"].res-grid { grid-template-columns: repeat(2, 1fr); } [data-cmp="able-collect-resources"] .res-grid--3c, [data-cmp="able-collect-resources"].res-grid--3c { grid-template-columns: repeat(3, 1fr); }}
@media (min-width: 1024px) { [data-cmp="able-collect-resources"] .res-grid--3, [data-cmp="able-collect-resources"].res-grid--3 { grid-template-columns: repeat(3, 1fr); }}
[data-cmp="able-collect-resources"] .res-card, [data-cmp="able-collect-resources"].res-card { display: flex; flex-direction: column; text-decoration: none; transition: box-shadow 200ms var(--ease-move, ease); }
[data-cmp="able-collect-resources"] .res-card--pb, [data-cmp="able-collect-resources"].res-card--pb { justify-content: space-between; }
@media (hover: hover) and (pointer: fine) {
  [data-cmp="able-collect-resources"] .res-card:hover, [data-cmp="able-collect-resources"].res-card:hover { box-shadow: var(--asio-shadow-large); }
  [data-cmp="able-collect-resources"] .res-card:hover h3, [data-cmp="able-collect-resources"].res-card:hover h3 { color: var(--accent); }
  [data-cmp="able-collect-resources"] .res-card:hover .res-link svg, [data-cmp="able-collect-resources"].res-card:hover .res-link svg { transform: translateX(4px); }}
[data-cmp="able-collect-resources"] .res-kicker, [data-cmp="able-collect-resources"].res-kicker { display: inline-block; margin-bottom: var(--space-3); font-size: 0.75rem; font-weight: 600;
  letter-spacing: 0.06em; text-transform: uppercase; color: var(--accent); }
[data-cmp="able-collect-resources"] .res-card h3, [data-cmp="able-collect-resources"].res-card h3 { margin: 0 0 var(--space-3); font-size: 1.25rem; font-weight: 700; letter-spacing: -0.02em;
  color: var(--text-primary); transition: color var(--transition-fast, 160ms); }
[data-cmp="able-collect-resources"] .res-card-sm, [data-cmp="able-collect-resources"].res-card-sm { font-size: 1.125rem; }
[data-cmp="able-collect-resources"] .res-card p, [data-cmp="able-collect-resources"].res-card p { margin: 0; font-size: 0.875rem; line-height: 1.6; color: var(--text-secondary); }
[data-cmp="able-collect-resources"] .res-time, [data-cmp="able-collect-resources"].res-time { margin-top: var(--space-2); font-size: 0.75rem; color: var(--text-muted); }
[data-cmp="able-collect-resources"] .res-link, [data-cmp="able-collect-resources"].res-link { display: inline-flex; align-items: center; gap: 6px; margin-top: var(--space-6);
  font-size: 0.875rem; font-weight: 600; color: var(--accent); }
[data-cmp="able-collect-resources"] .res-link svg, [data-cmp="able-collect-resources"].res-link svg { transition: transform 200ms var(--ease-move, ease); }
[data-cmp="able-collect-resources"] .res-link-block, [data-cmp="able-collect-resources"].res-link-block { margin-top: var(--space-4); }
[data-cmp="able-collect-resources"] .res-card .res-link + p, [data-cmp="able-collect-resources"].res-card .res-link + p { margin-top: var(--space-4); }
[data-cmp="able-collect-resources"] .res-card p + .res-link, [data-cmp="able-collect-resources"].res-card p + .res-link { margin-top: var(--space-4); }

[data-cmp="able-collect-resources"] .res-cta, [data-cmp="able-collect-resources"].res-cta { text-align: center; }
[data-cmp="able-collect-resources"] .res-cta h2, [data-cmp="able-collect-resources"].res-cta h2 { margin: 0 0 var(--space-6); font-size: clamp(2rem, 1.7rem + 1.4vw, 3rem); font-weight: 700; letter-spacing: -0.025em; }
[data-cmp="able-collect-resources"] .res-cta p, [data-cmp="able-collect-resources"].res-cta p { max-width: 42rem; margin: 0 auto var(--space-8); font-size: 1.125rem; color: var(--text-secondary); }