/* able-collect results — Sunstate case study */
[data-cmp="able-collect-results"] .acr, [data-cmp="able-collect-results"].acr { background: var(--surface-base); }
[data-cmp="able-collect-results"] .acr-section, [data-cmp="able-collect-results"].acr-section { padding: var(--space-12) var(--space-4); }
[data-cmp="able-collect-results"] .acr-section--subtle, [data-cmp="able-collect-results"].acr-section--subtle { background: color-mix(in srgb, var(--surface-subtle) 50%, var(--surface-base)); }
[data-cmp="able-collect-results"] .acr-h2, [data-cmp="able-collect-results"].acr-h2 { margin: 0; text-align: center; font-size: clamp(2rem, 1.7rem + 1.4vw, 3rem); font-weight: 700; letter-spacing: -0.025em; }
[data-cmp="able-collect-results"] .acr-mb, [data-cmp="able-collect-results"].acr-mb { margin-bottom: var(--space-10); }

[data-cmp="able-collect-results"] .acr-hero, [data-cmp="able-collect-results"].acr-hero { padding: var(--space-12) var(--space-4); }
[data-cmp="able-collect-results"] .acr-crumb, [data-cmp="able-collect-results"].acr-crumb { margin-bottom: var(--space-8); font-size: 0.875rem; color: var(--text-muted); display: flex; gap: var(--space-2); }
[data-cmp="able-collect-results"] .acr-crumb a, [data-cmp="able-collect-results"].acr-crumb a { color: inherit; text-decoration: none; }
@media (hover: hover) and (pointer: fine) { [data-cmp="able-collect-results"] .acr-crumb a:hover, [data-cmp="able-collect-results"].acr-crumb a:hover { color: var(--text-primary); }}
[data-cmp="able-collect-results"] .acr-crumb .cur, [data-cmp="able-collect-results"].acr-crumb .cur { color: var(--text-primary); }
[data-cmp="able-collect-results"] .acr-logos, [data-cmp="able-collect-results"].acr-logos { display: flex; align-items: center; justify-content: center; gap: var(--space-4); margin-bottom: var(--space-10); flex-wrap: wrap; }
[data-cmp="able-collect-results"] .acr-logos img, [data-cmp="able-collect-results"].acr-logos img { height: 56px; width: auto; }
[data-cmp="able-collect-results"] .acr-sep, [data-cmp="able-collect-results"].acr-sep { height: 40px; width: 1px; background: var(--border-default); }
[data-cmp="able-collect-results"] .acr-hero .asio-h1, [data-cmp="able-collect-results"].acr-hero .asio-h1 { max-width: 56rem; margin: 0 auto; text-align: center; font-size: clamp(2.5rem, 2rem + 2.4vw, 4rem); }
[data-cmp="able-collect-results"] .acr-sub, [data-cmp="able-collect-results"].acr-sub { max-width: 42rem; margin: var(--space-6) auto 0; text-align: center; font-size: 1.125rem; color: var(--text-secondary); }

[data-cmp="able-collect-results"] .acr-prose, [data-cmp="able-collect-results"].acr-prose { max-width: 48rem; margin: var(--space-8) auto 0; font-size: 1.125rem; line-height: 1.75; color: var(--text-secondary); }
[data-cmp="able-collect-results"] .acr-details, [data-cmp="able-collect-results"].acr-details { max-width: 48rem; margin-inline: auto; display: flex; flex-direction: column; gap: var(--space-6); }
[data-cmp="able-collect-results"] .acr-details p, [data-cmp="able-collect-results"].acr-details p { margin: 0; font-size: 1.125rem; line-height: 1.75; color: var(--text-secondary); }

[data-cmp="able-collect-results"] .acr-featured, [data-cmp="able-collect-results"].acr-featured { max-width: 48rem; margin-inline: auto; text-align: center; background: var(--surface-card);
  border: 2px solid color-mix(in srgb, var(--accent) 30%, transparent); border-radius: var(--radius-lg);
  box-shadow: var(--asio-shadow-soft); padding: var(--space-8); }
[data-cmp="able-collect-results"] .acr-featured blockquote, [data-cmp="able-collect-results"].acr-featured blockquote { margin: 0; font-size: clamp(1.25rem, 1.1rem + 0.7vw, 1.5rem); font-weight: 500; font-style: italic; text-wrap: balance; }
[data-cmp="able-collect-results"] .acr-featured .attr, [data-cmp="able-collect-results"].acr-featured .attr, [data-cmp="able-collect-results"] .acr-quote .attr, [data-cmp="able-collect-results"].acr-quote .attr { margin: var(--space-4) 0 0; font-size: 0.875rem; color: var(--text-secondary); font-style: normal; }
[data-cmp="able-collect-results"] .acr-quotes-wrap, [data-cmp="able-collect-results"].acr-quotes-wrap { padding-top: 0; }
[data-cmp="able-collect-results"] .acr-quotes, [data-cmp="able-collect-results"].acr-quotes { display: grid; gap: var(--space-6); grid-template-columns: 1fr; }
@media (min-width: 768px) { [data-cmp="able-collect-results"] .acr-quotes, [data-cmp="able-collect-results"].acr-quotes { grid-template-columns: repeat(2, 1fr); }}
[data-cmp="able-collect-results"] .acr-quote blockquote, [data-cmp="able-collect-results"].acr-quote blockquote { margin: 0; font-size: 1rem; font-style: italic; line-height: 1.65; text-wrap: balance; }

[data-cmp="able-collect-results"] .acr .hp-stats, [data-cmp="able-collect-results"].acr .hp-stats { display: grid; gap: var(--space-4); grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); }
[data-cmp="able-collect-results"] .acr .ac-stat-label, [data-cmp="able-collect-results"].acr .ac-stat-label { margin: var(--space-1) 0 0; font-size: 0.875rem; font-weight: 500; color: var(--text-primary); }
[data-cmp="able-collect-results"] .acr .ac-stat-detail, [data-cmp="able-collect-results"].acr .ac-stat-detail { margin: 4px 0 0; font-size: 0.875rem; color: var(--text-muted); }

[data-cmp="able-collect-results"] .acr .ac-shot-head, [data-cmp="able-collect-results"].acr .ac-shot-head { max-width: 42rem; margin: 0 auto var(--space-8); text-align: center; }
[data-cmp="able-collect-results"] .acr .ac-shot-head h3, [data-cmp="able-collect-results"].acr .ac-shot-head h3 { margin: 0; font-size: clamp(1.875rem, 1.6rem + 1.2vw, 2.25rem); font-weight: 700; letter-spacing: -0.02em; }
[data-cmp="able-collect-results"] .acr .ac-shot-sub, [data-cmp="able-collect-results"].acr .ac-shot-sub { margin: var(--space-3) 0 0; color: var(--text-secondary); line-height: 1.6; }
[data-cmp="able-collect-results"] .acr .ac-frame, [data-cmp="able-collect-results"].acr .ac-frame { margin: 0 auto; max-width: 72rem; }
[data-cmp="able-collect-results"] .acr .ac-frame-box, [data-cmp="able-collect-results"].acr .ac-frame-box { overflow: hidden; border: 1px solid var(--border-default); border-radius: var(--radius-lg); box-shadow: var(--asio-shadow-large); background: #fff; }
[data-cmp="able-collect-results"] .acr .ac-frame-bar, [data-cmp="able-collect-results"].acr .ac-frame-bar { display: flex; align-items: center; gap: 6px; border-bottom: 1px solid var(--border-default);
  background: color-mix(in srgb, var(--surface-subtle) 80%, var(--surface-base)); padding: 10px var(--space-4); }
[data-cmp="able-collect-results"] .acr .ac-dot, [data-cmp="able-collect-results"].acr .ac-dot { width: 12px; height: 12px; border-radius: 50%; }
[data-cmp="able-collect-results"] .acr .ac-dot--r, [data-cmp="able-collect-results"].acr .ac-dot--r { background: rgba(248,113,113,.6); } [data-cmp="able-collect-results"] .acr .ac-dot--y, [data-cmp="able-collect-results"].acr .ac-dot--y { background: rgba(250,204,21,.6); } [data-cmp="able-collect-results"] .acr .ac-dot--g, [data-cmp="able-collect-results"].acr .ac-dot--g { background: rgba(74,222,128,.6); }
[data-cmp="able-collect-results"] .acr .ac-frame img, [data-cmp="able-collect-results"].acr .ac-frame img { display: block; width: 100%; height: auto; }
[data-cmp="able-collect-results"] .acr .ac-frame figcaption, [data-cmp="able-collect-results"].acr .ac-frame figcaption { margin-top: var(--space-3); text-align: center; font-size: 0.875rem; color: var(--text-secondary); }

[data-cmp="able-collect-results"] .acr-cta, [data-cmp="able-collect-results"].acr-cta { max-width: 48rem; margin-inline: auto; text-align: center; }
[data-cmp="able-collect-results"] .acr-cta p, [data-cmp="able-collect-results"].acr-cta p { margin: var(--space-4) auto var(--space-8); max-width: 36rem; font-size: 1.125rem; color: var(--text-secondary); }