/* Canonical Keep Exploring component shared by Support, Learn and Research. */
.support-r2-resources {
  padding: 22px 0 28px;
  background: radial-gradient(circle at 10% 0%, rgba(43, 113, 162, .14), transparent 34%), linear-gradient(180deg, #0a223d 0%, #091e33 100%);
  border-top: 1px solid rgba(198, 218, 236, .12);
  border-bottom: 1px solid #24445f;
}
.support-r2-resource-shell { width: min(1540px, calc(100% - 48px)); margin-inline: auto; display: grid; grid-template-columns: minmax(0, 1fr); gap: 15px; align-items: stretch; }
.support-r2-resource-shell > h2 { margin: 0; color: #c7d7e6; font: 750 13px/1.2 Montserrat, Arial, sans-serif; letter-spacing: .11em; text-transform: uppercase; }
.support-r2-resource-shell > h2::before { content: ""; display: inline-block; width: 28px; height: 2px; margin-right: 10px; vertical-align: middle; background: #93da49; }
.support-r2-resources .support-r2-resource-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(10px, 1.1vw, 16px); margin: 0; overflow: visible; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.support-r2-resources .support-r2-resource,
.support-r2-resources .support-r2-resource:nth-child(2n),
.support-r2-resources .support-r2-resource:first-child,
.support-r2-resources .support-r2-resource:last-child { min-width: 0; min-height: 142px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr; gap: 12px; align-content: start; padding: 16px; color: #f4f8fc; background: rgba(14, 45, 72, .72); border: 1px solid rgba(172, 202, 226, .23); border-radius: 14px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055), 0 10px 24px rgba(0, 8, 18, .14); text-align: left; text-decoration: none; cursor: pointer; transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease; }
.support-r9-resource-head { min-width: 0; display: grid; grid-template-columns: 34px minmax(0, 1fr) 16px; gap: 10px; align-items: center; }
.support-r2-resources .support-r2-resource-icon { width: 34px; height: 34px; display: grid; place-items: center; color: #b3d2e9; background: rgba(255, 255, 255, .06); border: 1px solid rgba(200, 222, 241, .18); border-radius: 10px; }
.support-r2-resources .support-r2-resource-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.support-r2-resources .support-r2-resource strong { min-width: 0; color: #f8fbff; font-size: 15px; line-height: 1.2; letter-spacing: -.015em; white-space: nowrap; text-decoration: none; }
.support-r2-resources .support-r2-resource small { display: block; color: #bfd0df; font-size: 13px; line-height: 1.45; text-decoration: none; }
.support-r2-resources [data-release-copy] { white-space: pre-line; }
.support-r9-resource-head > i { color: #a9c9e5; font-size: 15px; font-style: normal; text-align: right; }
.support-r2-resources .support-r2-resource:hover,
.support-r2-resources .support-r2-resource:focus-visible { color: #fff; background: rgba(18, 55, 86, .9); border-color: rgba(147, 218, 73, .55); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 14px 28px rgba(0, 8, 18, .21); transform: translateY(-2px); }
.support-r2-resources .support-r2-resource:focus-visible { outline: 3px solid #93da49; outline-offset: 2px; }
.support-r2-resources .support-r2-resource-pending { cursor: default; opacity: 1; background: rgba(12, 39, 63, .64); border-color: rgba(172, 202, 226, .17); }
.support-r2-resources .support-r2-resource-pending .support-r9-resource-head > i { color: #8099ad; }
.support-r2-resources .support-r2-resource-pending:hover { background: rgba(12, 39, 63, .64); border-color: rgba(172, 202, 226, .17); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055), 0 10px 24px rgba(0, 8, 18, .14); transform: none; }
.support-r2-resources [data-release-state="loading"] [data-release-copy] { color: #c4d3df; }
@media (max-width: 1180px) { .support-r2-resource-shell { width: min(940px, calc(100% - 40px)); } .support-r2-resources .support-r2-resource-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .support-r2-resources { padding: 20px 0 24px; } .support-r2-resource-shell { width: min(100% - 30px, 940px); gap: 14px; } .support-r2-resources .support-r2-resource-list { grid-template-columns: 1fr; gap: 10px; } .support-r2-resources .support-r2-resource, .support-r2-resources .support-r2-resource:nth-child(2n), .support-r2-resources .support-r2-resource:first-child, .support-r2-resources .support-r2-resource:last-child { min-height: 116px; padding: 14px; border-radius: 13px; } }
@media (prefers-reduced-motion: reduce) { .support-r2-resources .support-r2-resource { transition: none; } }