/* /noc/ only: the call-to-action rows, stills and "more on" links inside the question cards */

.noc-q .still { margin-top: 24px; }

.noc-ctas { display: flex; flex-wrap: wrap; gap: 10px 14px; margin-top: 22px; }
.noc-fact { margin: 14px 0 0; font-size: 14.5px; line-height: 1.6; color: hsl(var(--muted)); }

.noc-more { margin: 20px 0 0; }
.noc-more a { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 600; color: hsl(var(--primary)); text-decoration: none; }
.noc-more a:hover { text-decoration: underline; text-underline-offset: 4px; }
.noc-more svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s var(--spring); }
.noc-more a:hover svg { transform: translateX(3px); }

@media (max-width: 640px) {
  .noc-ctas .btn { flex: 1 1 100%; justify-content: center; }
}