From 004206fa72ff448b73b3e0b2b9e6b81de86156e3 Mon Sep 17 00:00:00 2001
From: lidiazuin <lidiazuin@gmail.com>
Date: Wed, 23 Oct 2024 13:47:13 +0200
Subject: [PATCH 1/4] Fixing width after bottom cards change

---
 src/css/docs-ndl.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/css/docs-ndl.css b/src/css/docs-ndl.css
index 7acd2c8f..c749173d 100644
--- a/src/css/docs-ndl.css
+++ b/src/css/docs-ndl.css
@@ -734,8 +734,8 @@ body.docs-ndl .widget.highlights:nth-of-type(even) .openblock {
 }
 
 /* For the bottom cards */
-body.docs-ndl .cards:nth-last-child(-n+2) .sectionbody {
-  flex: 0 0 152%;
+body.docs-ndl .cards:nth-last-child(-n+2) .sectionbody>div.sect2 {
+  flex: 0 0 49%;
 }
 
 body.docs-ndl body.docs-ndl .cards .sect2 .icon img {

From 1a219abbe64c88096c5b9d44fe26ab8b99f911a8 Mon Sep 17 00:00:00 2001
From: lidiazuin <lidiazuin@gmail.com>
Date: Thu, 24 Oct 2024 12:04:31 +0200
Subject: [PATCH 2/4] New class .bottom-cards

---
 preview-src/docs-ndl.adoc |  2 +-
 src/css/docs-ndl.css      | 52 ++++++++++++++++++++++++++++++++++-----
 2 files changed, 47 insertions(+), 7 deletions(-)

diff --git a/preview-src/docs-ndl.adoc b/preview-src/docs-ndl.adoc
index 86a1699b..76610b16 100644
--- a/preview-src/docs-ndl.adoc
+++ b/preview-src/docs-ndl.adoc
@@ -199,7 +199,7 @@ xref:tutorials:index.adoc[All tutorials]
 --
 
 
-[.cards.icon-s.align-center]
+[.bottom-cards]
 == Other resources
 
 === Join forums and discussions
diff --git a/src/css/docs-ndl.css b/src/css/docs-ndl.css
index c749173d..6aa57b3d 100644
--- a/src/css/docs-ndl.css
+++ b/src/css/docs-ndl.css
@@ -352,7 +352,7 @@ body.docs-ndl .next-steps .sectionbody ul li div.paragraph {
 
 /* explainer */
 
-body.docs-ndl .cards .sectionbody > div.paragraph {
+body.docs-ndl .bottom-cards .sectionbody > div.paragraph body.docs-ndl .cards .sectionbody > div.paragraph {
   display: flex;
   flex: 0 1 100%;
 }
@@ -415,20 +415,24 @@ body.docs-ndl .banner .paragraph.description {
 
 /* selectable cards */
 
+body.docs-ndl .bottom-cards .sect2.selectable,
 body.docs-ndl .cards .sect2.selectable {
   cursor: pointer;
 }
 
+body.docs-ndl .bottom-cards .sect2.selectable a,
 body.docs-ndl .cards .sect2.selectable a {
   text-decoration: none;
 }
 
+body.docs-ndl .bottom-cards .sect2.selectable a:hover,
 body.docs-ndl .cards .sect2.selectable a:hover {
   transform: scale(1.02);
   transition: 0.1s linear;
   box-shadow: 0 4px 8px 0 rgba(12, 26, 37, 0.08);
 }
 
+body.docs-ndl .bottom-cards .sect2.selectable:hover div.description,
 body.docs-ndl .cards .sect2.selectable:hover div.description {
   text-decoration: underline;
 }
@@ -583,6 +587,11 @@ body.docs-ndl .sect2 {
   flex-direction: column;
 }
 
+body.docs-ndl .bottom-cards .sectionbody > div.sect2 {
+  flex: 0 1 49%;
+  /* margin-right: 1rem; */
+}
+
 body.docs-ndl .cards .sectionbody > div.sect2 {
   flex: 0 1 32%;
   /* margin-right: 1rem; */
@@ -592,6 +601,9 @@ body.docs-ndl.explainer .sectionbody > div.sect2 {
   flex: 0 1 49%;
 }
 
+body.docs-ndl .bottom-cards .sect2 > a,
+body.docs-ndl .bottom-cards .sect2.not-selectable,
+body.docs-ndl .bottom-cards:not(.selectable) .sect2,
 body.docs-ndl .cards .sect2 > a,
 body.docs-ndl .cards .sect2.not-selectable,
 body.docs-ndl .cards:not(.selectable) .sect2,
@@ -642,6 +654,9 @@ body.docs-ndl .header-label-container > div.labels {
   margin-left: auto;
 }
 
+body.docs-ndl .bottom-cards .sect2 > a,
+body.docs-ndl .bottom-cards .sect2.not-selectable,
+body.docs-ndl .bottom-cards:not(.selectable) .sect2,
 body.docs-ndl .cards .sect2 > a,
 body.docs-ndl .cards .sect2.not-selectable,
 body.docs-ndl .cards:not(.selectable) .sect2,
@@ -651,6 +666,7 @@ body.docs-ndl .widget:not(.video) {
   border-radius: 1rem;
 }
 
+body.docs-ndl .bottom-cards .sect2 > a,
 body.docs-ndl .cards .sect2 > a {
   color: var(--neutral-color);
   font-weight: var(--font-weight-normal);
@@ -662,11 +678,14 @@ body.docs-ndl.color-docs .sect2 {
   background: var(--color-docs);
 }
 
+body.docs-ndl.color-docs .bottom-cards .sect2 h3,
+body.docs-ndl.color-docs .bottom-cards .sect2 .description,
 body.docs-ndl.color-docs .cards .sect2 h3,
 body.docs-ndl.color-docs .cards .sect2 .description {
   color: rgba(var(--colors-neutral-10));
 }
 
+body.docs-ndl .bottom-cards .sect2 .paragraph,
 body.docs-ndl .cards .sect2 .paragraph {
   margin: 0;
 }
@@ -675,6 +694,8 @@ body.docs-ndl .cards .sect2 .paragraph {
   min-height: 200px;
 } */
 
+body.docs-ndl .bottom-cards .sect2 a > h3,
+body.docs-ndl .bottom-cards .sect2 a > div,
 body.docs-ndl .cards .sect2 a > h3,
 body.docs-ndl .cards .sect2 a > div {
   margin: 0;
@@ -687,6 +708,7 @@ body.docs-ndl .sect2 a > h3 {
   display: flex;
 }
 
+body.docs-ndl .bottom-cards .sect2 .icon,
 body.docs-ndl .cards .sect2 .icon,
 body.docs-ndl .widget .icon {
   padding: 0;
@@ -694,6 +716,7 @@ body.docs-ndl .widget .icon {
   width: 100%;
 }
 
+body.docs-ndl .bottom-cards .sect2 .icon,
 body.docs-ndl .cards .sect2 .icon,
 body.docs-ndl .widget.banner .icon {
   order: 1;
@@ -702,12 +725,14 @@ body.docs-ndl .widget.banner .icon {
   width: 100%;
 }
 
+body.docs-ndl .bottom-cards .sect2 .icon p,
 body.docs-ndl .cards .sect2 .icon p {
   display: flex;
   width: -webkit-fill-available;
   justify-content: space-between;
 }
 
+body.docs-ndl .bottom-cards .sect2 .icon p div.labels,
 body.docs-ndl .cards .sect2 .icon p div.labels {
   display: flex;
   flex-direction: row;
@@ -715,6 +740,7 @@ body.docs-ndl .cards .sect2 .icon p div.labels {
   height: min-content;
 }
 
+body.docs-ndl .bottom-cards .icon span,
 body.docs-ndl .cards .icon span {
   display: flex;
 }
@@ -733,17 +759,14 @@ body.docs-ndl .widget.highlights:nth-of-type(even) .openblock {
   /* margin-right:40px; */
 }
 
-/* For the bottom cards */
-body.docs-ndl .cards:nth-last-child(-n+2) .sectionbody>div.sect2 {
-  flex: 0 0 49%;
-}
-
+body.docs-ndl body.docs-ndl .bottom-cards .sect2 .icon img,
 body.docs-ndl body.docs-ndl .cards .sect2 .icon img {
   width: 4rem;
   height: 4rem;
   padding: 0;
 }
 
+body.docs-ndl .bottom-cards.icon-l .sect2 .icon img,
 body.docs-ndl .cards.icon-l .sect2 .icon img {
   width: 6rem;
   height: 6rem;
@@ -761,6 +784,7 @@ body.docs-ndl .lists .sect2 .icon img path {
   fill: rgba(var(--colors-baltic-30));
 }
 
+body.docs-ndl .bottom-cards .sect2 h3,
 body.docs-ndl .cards .sect2 h3,
 body.docs-ndl .lists .sect2 h3 {
   /* flex-grow: 1; */
@@ -770,10 +794,12 @@ body.docs-ndl .lists .sect2 h3 {
   width: -webkit-fill-available;
 }
 
+body.docs-ndl .bottom-cards .sect2 h3 .anchor::before,
 body.docs-ndl .cards .sect2 h3 .anchor::before {
   display: none;
 }
 
+body.docs-ndl .bottom-cards .sect2 .paragraph:not(.icon),
 body.docs-ndl .cards .sect2 .paragraph:not(.icon) {
   font-size: var(--font-size-body-medium);
   line-height: 1.5;
@@ -791,20 +817,24 @@ body.docs-ndl .cards .sect2 .paragraph:not(.icon) {
   /* flex-grow: 1; */
 }
 
+body.docs-ndl .bottom-cards .sect2.selectable .paragraph.link,
 body.docs-ndl .cards .sect2.selectable .paragraph.link {
   display: none;
 }
 
+body.docs-ndl .bottom-cards:not(.selectable) .sect2 .paragraph.link,
 body.docs-ndl .cards:not(.selectable) .sect2 .paragraph.link {
   margin-top: auto;
 }
 
+body.docs-ndl .bottom-cards:not(.selectable) .sect2 .paragraph.link a,
 body.docs-ndl .cards:not(.selectable) .sect2 .paragraph.link a {
   font-weight: 500;
   margin-right: 1rem;
   /* text-decoration: none; */
 }
 
+body.docs-ndl .bottom-cards .sect2 .paragraph.category,
 body.docs-ndl .cards .sect2 .paragraph.category {
   display: none;
 }
@@ -822,6 +852,7 @@ body.docs-ndl .highlights a {
 }
 
 body.docs-ndl .highlights a::after,
+body.docs-ndl .bottom-cards .link a::after,
 body.docs-ndl .cards .link a::after {
   margin-left: 0.5rem;
   content: "→";
@@ -837,6 +868,7 @@ body.docs-ndl .highlights a::after {
   float: right;
 }
 
+body.docs-ndl .bottom-cards .sect2 .ulist,
 body.docs-ndl .cards .sect2 .ulist {
   display: inline-flex;
   order: 4;
@@ -846,10 +878,12 @@ body.docs-ndl .cards .sect2 .ulist {
   text-align: left;
 }
 
+body.docs-ndl .bottom-cards .sect2 .ulist ul,
 body.docs-ndl .cards .sect2 .ulist ul {
   padding: 0;
 }
 
+body.docs-ndl .bottom-cards .sect2 .ulist ul li,
 body.docs-ndl .cards .sect2 .ulist ul li {
   list-style-type: none;
   margin: 0.5rem 0 0;
@@ -876,10 +910,12 @@ body.docs-ndl .cards .sect2 .ulist ul li {
     z-index: 30;
   }
 
+  body.docs-ndl .bottom-cards .sectionbody > div.sect2,
   body.docs-ndl .cards .sectionbody > div.sect2 {
     flex: 0 1 49%;
   }
 
+  body.docs-ndl.explainer .bottom-cards .sect2 h3,
   body.docs-ndl.explainer .cards .sect2 h3 {
     text-align: left;
   }
@@ -940,19 +976,23 @@ body.docs-ndl .cards .sect2 .ulist ul li {
     margin: 1rem auto;
   }
 
+  body.docs-ndl .bottom-cards .sect2 > a,
   body.docs-ndl .cards .sect2 > a {
     align-items: center;
   }
 
+  body.docs-ndl.explainer .bottom-cards .sect2 > a,
   body.docs-ndl.explainer .cards .sect2 > a {
     align-items: flex-start;
     padding: 1rem;
   }
 
+  body.docs-ndl.explainer .bottom-cards .sect2 .paragraph:not(.icon),
   body.docs-ndl.explainer .cards .sect2 .paragraph:not(.icon) {
     text-align: left;
   }
 
+  body.docs-ndl .bottom-cards .sectionbody > div.sect2,
   body.docs-ndl .cards .sectionbody > div.sect2 {
     /* min-width: 90%; */
     flex: 1 1 100%;

From 713c765b01f1172e4995a52cef8e2c391f0fb21a Mon Sep 17 00:00:00 2001
From: lidiazuin <lidiazuin@gmail.com>
Date: Thu, 24 Oct 2024 12:17:38 +0200
Subject: [PATCH 3/4] fixing card size in hub pages

---
 preview-src/docs-hub.adoc | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/preview-src/docs-hub.adoc b/preview-src/docs-hub.adoc
index 38b3ad36..7d07c22c 100644
--- a/preview-src/docs-hub.adoc
+++ b/preview-src/docs-hub.adoc
@@ -7,7 +7,7 @@
 // :page-disablefeedback: true
 :page-toclevels: -1
 
-[.display.cards.not-selectable]
+[.cards.not-selectable]
 == Developer tools documentation
 
 Use Neo4j tools to query and manage your databases, import data, and create graphical visualizations. 
@@ -15,7 +15,7 @@ Use Neo4j tools to query and manage your databases, import data, and create grap
 === Neo4j Bloom/Explore
 
 [.icon]
-image:icons/ndl/science-molecule.svg[]
+image:icons/ndl/icon-scientist.svg[]
 
 [.description]
 Visualize and explore graph data using natural language search and an intuitive and graphical interface.
@@ -27,7 +27,7 @@ link:{docs-home}/aura/preview/explore/introduction/[Explore (Aura)]
 === Neo4j Browser/Query
 
 [.icon]
-image:icons/ndl/data-science.svg[]
+image:icons/ndl/icon-scientist.svg[]
 
 [.description]
 Write and execute Cypher queries and visualize the results in nodes and relationships.
@@ -44,7 +44,7 @@ link:{docs-home}/aura/preview/query/introduction/[Query (Aura)]
 Neo4j Data Importer
 
 [.icon]
-image:icons/ndl/query-browser.svg[]
+image:icons/ndl/icon-scientist.svg[]
 
 [.description]
 Learn how to model and import data to your Neo4j database.
@@ -60,7 +60,7 @@ link:{docs-home}/data-importer[]
 Neo4j Desktop
 
 [.icon]
-image:icons/ndl/neo4j-tools.svg[]
+image:icons/ndl/icon-scientist.svg[]
 
 [.description]
 Learn how to experience Neo4j on your local desktop.
@@ -73,7 +73,7 @@ link:{docs-home}/desktop-manual[]
 === Neo4j Ops Manager
 
 [.icon]
-image:icons/ndl/query-browser.svg[]
+image:icons/ndl/icon-scientist.svg[]
 
 [.category]
 Neo4j Ops Manager

From 0e1490f54f1383d6bab1e5d78e3d01c7e1492da7 Mon Sep 17 00:00:00 2001
From: lidiazuin <lidiazuin@gmail.com>
Date: Fri, 25 Oct 2024 10:52:44 +0200
Subject: [PATCH 4/4] Adding Neils changes to the PR

---
 preview-src/docs-ndl.adoc |  2 +-
 src/css/docs-ndl.css      | 52 ++++++---------------------------------
 2 files changed, 8 insertions(+), 46 deletions(-)

diff --git a/preview-src/docs-ndl.adoc b/preview-src/docs-ndl.adoc
index 76610b16..3318844e 100644
--- a/preview-src/docs-ndl.adoc
+++ b/preview-src/docs-ndl.adoc
@@ -199,7 +199,7 @@ xref:tutorials:index.adoc[All tutorials]
 --
 
 
-[.bottom-cards]
+[.cards.bottom-cards]
 == Other resources
 
 === Join forums and discussions
diff --git a/src/css/docs-ndl.css b/src/css/docs-ndl.css
index 6aa57b3d..88526834 100644
--- a/src/css/docs-ndl.css
+++ b/src/css/docs-ndl.css
@@ -352,7 +352,7 @@ body.docs-ndl .next-steps .sectionbody ul li div.paragraph {
 
 /* explainer */
 
-body.docs-ndl .bottom-cards .sectionbody > div.paragraph body.docs-ndl .cards .sectionbody > div.paragraph {
+body.docs-ndl .cards .sectionbody > div.paragraph {
   display: flex;
   flex: 0 1 100%;
 }
@@ -415,24 +415,20 @@ body.docs-ndl .banner .paragraph.description {
 
 /* selectable cards */
 
-body.docs-ndl .bottom-cards .sect2.selectable,
 body.docs-ndl .cards .sect2.selectable {
   cursor: pointer;
 }
 
-body.docs-ndl .bottom-cards .sect2.selectable a,
 body.docs-ndl .cards .sect2.selectable a {
   text-decoration: none;
 }
 
-body.docs-ndl .bottom-cards .sect2.selectable a:hover,
 body.docs-ndl .cards .sect2.selectable a:hover {
   transform: scale(1.02);
   transition: 0.1s linear;
   box-shadow: 0 4px 8px 0 rgba(12, 26, 37, 0.08);
 }
 
-body.docs-ndl .bottom-cards .sect2.selectable:hover div.description,
 body.docs-ndl .cards .sect2.selectable:hover div.description {
   text-decoration: underline;
 }
@@ -587,23 +583,20 @@ body.docs-ndl .sect2 {
   flex-direction: column;
 }
 
-body.docs-ndl .bottom-cards .sectionbody > div.sect2 {
-  flex: 0 1 49%;
-  /* margin-right: 1rem; */
-}
-
 body.docs-ndl .cards .sectionbody > div.sect2 {
   flex: 0 1 32%;
   /* margin-right: 1rem; */
 }
 
+body.docs-ndl .cards.bottom-cards .sectionbody > div.sect2 {
+  flex: 0 1 49%;
+}
+  /* margin-right: 1rem; */
+
 body.docs-ndl.explainer .sectionbody > div.sect2 {
   flex: 0 1 49%;
 }
 
-body.docs-ndl .bottom-cards .sect2 > a,
-body.docs-ndl .bottom-cards .sect2.not-selectable,
-body.docs-ndl .bottom-cards:not(.selectable) .sect2,
 body.docs-ndl .cards .sect2 > a,
 body.docs-ndl .cards .sect2.not-selectable,
 body.docs-ndl .cards:not(.selectable) .sect2,
@@ -654,9 +647,6 @@ body.docs-ndl .header-label-container > div.labels {
   margin-left: auto;
 }
 
-body.docs-ndl .bottom-cards .sect2 > a,
-body.docs-ndl .bottom-cards .sect2.not-selectable,
-body.docs-ndl .bottom-cards:not(.selectable) .sect2,
 body.docs-ndl .cards .sect2 > a,
 body.docs-ndl .cards .sect2.not-selectable,
 body.docs-ndl .cards:not(.selectable) .sect2,
@@ -666,7 +656,6 @@ body.docs-ndl .widget:not(.video) {
   border-radius: 1rem;
 }
 
-body.docs-ndl .bottom-cards .sect2 > a,
 body.docs-ndl .cards .sect2 > a {
   color: var(--neutral-color);
   font-weight: var(--font-weight-normal);
@@ -678,14 +667,11 @@ body.docs-ndl.color-docs .sect2 {
   background: var(--color-docs);
 }
 
-body.docs-ndl.color-docs .bottom-cards .sect2 h3,
-body.docs-ndl.color-docs .bottom-cards .sect2 .description,
 body.docs-ndl.color-docs .cards .sect2 h3,
 body.docs-ndl.color-docs .cards .sect2 .description {
   color: rgba(var(--colors-neutral-10));
 }
 
-body.docs-ndl .bottom-cards .sect2 .paragraph,
 body.docs-ndl .cards .sect2 .paragraph {
   margin: 0;
 }
@@ -694,8 +680,6 @@ body.docs-ndl .cards .sect2 .paragraph {
   min-height: 200px;
 } */
 
-body.docs-ndl .bottom-cards .sect2 a > h3,
-body.docs-ndl .bottom-cards .sect2 a > div,
 body.docs-ndl .cards .sect2 a > h3,
 body.docs-ndl .cards .sect2 a > div {
   margin: 0;
@@ -708,7 +692,6 @@ body.docs-ndl .sect2 a > h3 {
   display: flex;
 }
 
-body.docs-ndl .bottom-cards .sect2 .icon,
 body.docs-ndl .cards .sect2 .icon,
 body.docs-ndl .widget .icon {
   padding: 0;
@@ -716,7 +699,6 @@ body.docs-ndl .widget .icon {
   width: 100%;
 }
 
-body.docs-ndl .bottom-cards .sect2 .icon,
 body.docs-ndl .cards .sect2 .icon,
 body.docs-ndl .widget.banner .icon {
   order: 1;
@@ -725,14 +707,12 @@ body.docs-ndl .widget.banner .icon {
   width: 100%;
 }
 
-body.docs-ndl .bottom-cards .sect2 .icon p,
 body.docs-ndl .cards .sect2 .icon p {
   display: flex;
   width: -webkit-fill-available;
   justify-content: space-between;
 }
 
-body.docs-ndl .bottom-cards .sect2 .icon p div.labels,
 body.docs-ndl .cards .sect2 .icon p div.labels {
   display: flex;
   flex-direction: row;
@@ -740,7 +720,6 @@ body.docs-ndl .cards .sect2 .icon p div.labels {
   height: min-content;
 }
 
-body.docs-ndl .bottom-cards .icon span,
 body.docs-ndl .cards .icon span {
   display: flex;
 }
@@ -759,14 +738,12 @@ body.docs-ndl .widget.highlights:nth-of-type(even) .openblock {
   /* margin-right:40px; */
 }
 
-body.docs-ndl body.docs-ndl .bottom-cards .sect2 .icon img,
 body.docs-ndl body.docs-ndl .cards .sect2 .icon img {
   width: 4rem;
   height: 4rem;
   padding: 0;
 }
 
-body.docs-ndl .bottom-cards.icon-l .sect2 .icon img,
 body.docs-ndl .cards.icon-l .sect2 .icon img {
   width: 6rem;
   height: 6rem;
@@ -784,7 +761,6 @@ body.docs-ndl .lists .sect2 .icon img path {
   fill: rgba(var(--colors-baltic-30));
 }
 
-body.docs-ndl .bottom-cards .sect2 h3,
 body.docs-ndl .cards .sect2 h3,
 body.docs-ndl .lists .sect2 h3 {
   /* flex-grow: 1; */
@@ -794,12 +770,10 @@ body.docs-ndl .lists .sect2 h3 {
   width: -webkit-fill-available;
 }
 
-body.docs-ndl .bottom-cards .sect2 h3 .anchor::before,
 body.docs-ndl .cards .sect2 h3 .anchor::before {
   display: none;
 }
 
-body.docs-ndl .bottom-cards .sect2 .paragraph:not(.icon),
 body.docs-ndl .cards .sect2 .paragraph:not(.icon) {
   font-size: var(--font-size-body-medium);
   line-height: 1.5;
@@ -817,24 +791,20 @@ body.docs-ndl .cards .sect2 .paragraph:not(.icon) {
   /* flex-grow: 1; */
 }
 
-body.docs-ndl .bottom-cards .sect2.selectable .paragraph.link,
 body.docs-ndl .cards .sect2.selectable .paragraph.link {
   display: none;
 }
 
-body.docs-ndl .bottom-cards:not(.selectable) .sect2 .paragraph.link,
 body.docs-ndl .cards:not(.selectable) .sect2 .paragraph.link {
   margin-top: auto;
 }
 
-body.docs-ndl .bottom-cards:not(.selectable) .sect2 .paragraph.link a,
 body.docs-ndl .cards:not(.selectable) .sect2 .paragraph.link a {
   font-weight: 500;
   margin-right: 1rem;
   /* text-decoration: none; */
 }
 
-body.docs-ndl .bottom-cards .sect2 .paragraph.category,
 body.docs-ndl .cards .sect2 .paragraph.category {
   display: none;
 }
@@ -852,7 +822,6 @@ body.docs-ndl .highlights a {
 }
 
 body.docs-ndl .highlights a::after,
-body.docs-ndl .bottom-cards .link a::after,
 body.docs-ndl .cards .link a::after {
   margin-left: 0.5rem;
   content: "→";
@@ -868,7 +837,6 @@ body.docs-ndl .highlights a::after {
   float: right;
 }
 
-body.docs-ndl .bottom-cards .sect2 .ulist,
 body.docs-ndl .cards .sect2 .ulist {
   display: inline-flex;
   order: 4;
@@ -878,12 +846,10 @@ body.docs-ndl .cards .sect2 .ulist {
   text-align: left;
 }
 
-body.docs-ndl .bottom-cards .sect2 .ulist ul,
 body.docs-ndl .cards .sect2 .ulist ul {
   padding: 0;
 }
 
-body.docs-ndl .bottom-cards .sect2 .ulist ul li,
 body.docs-ndl .cards .sect2 .ulist ul li {
   list-style-type: none;
   margin: 0.5rem 0 0;
@@ -910,12 +876,10 @@ body.docs-ndl .cards .sect2 .ulist ul li {
     z-index: 30;
   }
 
-  body.docs-ndl .bottom-cards .sectionbody > div.sect2,
   body.docs-ndl .cards .sectionbody > div.sect2 {
     flex: 0 1 49%;
   }
 
-  body.docs-ndl.explainer .bottom-cards .sect2 h3,
   body.docs-ndl.explainer .cards .sect2 h3 {
     text-align: left;
   }
@@ -981,18 +945,16 @@ body.docs-ndl .cards .sect2 .ulist ul li {
     align-items: center;
   }
 
-  body.docs-ndl.explainer .bottom-cards .sect2 > a,
   body.docs-ndl.explainer .cards .sect2 > a {
     align-items: flex-start;
     padding: 1rem;
   }
 
-  body.docs-ndl.explainer .bottom-cards .sect2 .paragraph:not(.icon),
   body.docs-ndl.explainer .cards .sect2 .paragraph:not(.icon) {
     text-align: left;
   }
 
-  body.docs-ndl .bottom-cards .sectionbody > div.sect2,
+  body.docs-ndl .cards.bottom-cards .sectionbody > div.sect2,
   body.docs-ndl .cards .sectionbody > div.sect2 {
     /* min-width: 90%; */
     flex: 1 1 100%;