From 69d789bffd8be37fdf0e83c97e0aabe3fe24cc44 Mon Sep 17 00:00:00 2001
From: Josh Wong <23216828+josh-wong@users.noreply.github.com>
Date: Thu, 17 Jul 2025 12:52:19 +0900
Subject: [PATCH 01/14] Change UI text from `New content` to `New features`

---
 src/components/Cards/3.13.tsx | 2 +-
 src/components/Cards/3.14.tsx | 2 +-
 src/components/Cards/3.15.tsx | 2 +-
 src/components/Cards/3.16.tsx | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Cards/3.13.tsx b/src/components/Cards/3.13.tsx
index c50dc97d..45cc2e77 100644
--- a/src/components/Cards/3.13.tsx
+++ b/src/components/Cards/3.13.tsx
@@ -18,7 +18,7 @@ import { faBook } from '@fortawesome/free-solid-svg-icons';
 
 const new_content = [
   {
-    name: 'New content',
+    name: 'New features',
     categoryLinks: [
       // To add a link, use the format ['link1', 'link2']
       // To add a label, use the format ['label1', 'label2']
diff --git a/src/components/Cards/3.14.tsx b/src/components/Cards/3.14.tsx
index be2d15b2..4fb7b2fa 100644
--- a/src/components/Cards/3.14.tsx
+++ b/src/components/Cards/3.14.tsx
@@ -18,7 +18,7 @@ import { faBook } from '@fortawesome/free-solid-svg-icons';
 
 const new_content = [
   {
-    name: 'New content',
+    name: 'New features',
     categoryLinks: [
       // To add a link, use the format ['link1', 'link2']
       // To add a label, use the format ['label1', 'label2']
diff --git a/src/components/Cards/3.15.tsx b/src/components/Cards/3.15.tsx
index 4ae4f883..1c43f0ea 100644
--- a/src/components/Cards/3.15.tsx
+++ b/src/components/Cards/3.15.tsx
@@ -18,7 +18,7 @@ import { faBook } from '@fortawesome/free-solid-svg-icons';
 
 const new_content = [
   {
-    name: 'New content',
+    name: 'New features',
     categoryLinks: [
       // To add a link, use the format ['link1', 'link2']
       // To add a label, use the format ['label1', 'label2']
diff --git a/src/components/Cards/3.16.tsx b/src/components/Cards/3.16.tsx
index dd722fde..a2010e69 100644
--- a/src/components/Cards/3.16.tsx
+++ b/src/components/Cards/3.16.tsx
@@ -18,7 +18,7 @@ import { faBook } from '@fortawesome/free-solid-svg-icons';
 
 const new_content = [
   {
-    name: 'New content',
+    name: 'New features',
     categoryLinks: [
       // To add a link, use the format ['link1', 'link2']
       // To add a label, use the format ['label1', 'label2']

From a9828cb32cccaeb8436d3cda44804c40b771368d Mon Sep 17 00:00:00 2001
From: Josh Wong <23216828+josh-wong@users.noreply.github.com>
Date: Thu, 17 Jul 2025 12:53:11 +0900
Subject: [PATCH 02/14] =?UTF-8?q?Change=20UI=20text=20from=20`=E6=96=B0?=
 =?UTF-8?q?=E7=9D=80=E3=82=B3=E3=83=B3=E3=83=86=E3=83=B3=E3=83=84`=20to=20?=
 =?UTF-8?q?`=E6=96=B0=E6=A9=9F=E8=83=BD`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Cards/ja-jp/3.13.tsx | 2 +-
 src/components/Cards/ja-jp/3.14.tsx | 2 +-
 src/components/Cards/ja-jp/3.15.tsx | 2 +-
 src/components/Cards/ja-jp/3.16.tsx | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Cards/ja-jp/3.13.tsx b/src/components/Cards/ja-jp/3.13.tsx
index 7cb7bf2c..09e1176c 100644
--- a/src/components/Cards/ja-jp/3.13.tsx
+++ b/src/components/Cards/ja-jp/3.13.tsx
@@ -18,7 +18,7 @@ import { faBook } from '@fortawesome/free-solid-svg-icons';
 
 const new_content = [
   {
-    name: '新着コンテンツ',
+    name: '新機能',
     categoryLinks: [
       // To add a link, use the format ['link1', 'link2']
       // To add a label, use the format ['label1', 'label2']
diff --git a/src/components/Cards/ja-jp/3.14.tsx b/src/components/Cards/ja-jp/3.14.tsx
index 22ac1895..d8e4db95 100644
--- a/src/components/Cards/ja-jp/3.14.tsx
+++ b/src/components/Cards/ja-jp/3.14.tsx
@@ -18,7 +18,7 @@ import { faBook } from '@fortawesome/free-solid-svg-icons';
 
 const new_content = [
   {
-    name: '新着コンテンツ',
+    name: '新機能',
     categoryLinks: [
       // To add a link, use the format ['link1', 'link2']
       // To add a label, use the format ['label1', 'label2']
diff --git a/src/components/Cards/ja-jp/3.15.tsx b/src/components/Cards/ja-jp/3.15.tsx
index 8c1410ca..87fa4c60 100644
--- a/src/components/Cards/ja-jp/3.15.tsx
+++ b/src/components/Cards/ja-jp/3.15.tsx
@@ -18,7 +18,7 @@ import { faBook } from '@fortawesome/free-solid-svg-icons';
 
 const new_content = [
   {
-    name: '新着コンテンツ',
+    name: '新機能',
     categoryLinks: [
       // To add a link, use the format ['link1', 'link2']
       // To add a label, use the format ['label1', 'label2']
diff --git a/src/components/Cards/ja-jp/3.16.tsx b/src/components/Cards/ja-jp/3.16.tsx
index 52fa5fc9..265632ae 100644
--- a/src/components/Cards/ja-jp/3.16.tsx
+++ b/src/components/Cards/ja-jp/3.16.tsx
@@ -18,7 +18,7 @@ import { faBook } from '@fortawesome/free-solid-svg-icons';
 
 const new_content = [
   {
-    name: '新着コンテンツ',
+    name: '新機能',
     categoryLinks: [
       // To add a link, use the format ['link1', 'link2']
       // To add a label, use the format ['label1', 'label2']

From 0e713d76ea415d0b811b4b9bf80414cffc39150e Mon Sep 17 00:00:00 2001
From: Josh Wong <23216828+josh-wong@users.noreply.github.com>
Date: Thu, 17 Jul 2025 12:54:56 +0900
Subject: [PATCH 03/14] Revise code comment

---
 src/components/Cards/3.13.tsx       | 2 +-
 src/components/Cards/3.14.tsx       | 2 +-
 src/components/Cards/3.15.tsx       | 2 +-
 src/components/Cards/3.16.tsx       | 2 +-
 src/components/Cards/ja-jp/3.13.tsx | 2 +-
 src/components/Cards/ja-jp/3.14.tsx | 2 +-
 src/components/Cards/ja-jp/3.15.tsx | 2 +-
 src/components/Cards/ja-jp/3.16.tsx | 2 +-
 8 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/Cards/3.13.tsx b/src/components/Cards/3.13.tsx
index 45cc2e77..54a0d639 100644
--- a/src/components/Cards/3.13.tsx
+++ b/src/components/Cards/3.13.tsx
@@ -198,7 +198,7 @@ const CategoryGrid = () => {
         </div>
       </div>
 
-      {/* New content table */}
+      {/* New features table */}
       <div className="category-table">
         {new_content.map((doc, i) => (
           <React.Fragment key={i}>
diff --git a/src/components/Cards/3.14.tsx b/src/components/Cards/3.14.tsx
index 4fb7b2fa..fcaa4c08 100644
--- a/src/components/Cards/3.14.tsx
+++ b/src/components/Cards/3.14.tsx
@@ -198,7 +198,7 @@ const CategoryGrid = () => {
         </div>
       </div>
 
-      {/* New content table */}
+      {/* New features table */}
       <div className="category-table">
         {new_content.map((doc, i) => (
           <React.Fragment key={i}>
diff --git a/src/components/Cards/3.15.tsx b/src/components/Cards/3.15.tsx
index 1c43f0ea..199db250 100644
--- a/src/components/Cards/3.15.tsx
+++ b/src/components/Cards/3.15.tsx
@@ -198,7 +198,7 @@ const CategoryGrid = () => {
         </div>
       </div>
 
-      {/* New content table */}
+      {/* New features table */}
       <div className="category-table">
         {new_content.map((doc, i) => (
           <React.Fragment key={i}>
diff --git a/src/components/Cards/3.16.tsx b/src/components/Cards/3.16.tsx
index a2010e69..2b61e8e5 100644
--- a/src/components/Cards/3.16.tsx
+++ b/src/components/Cards/3.16.tsx
@@ -198,7 +198,7 @@ const CategoryGrid = () => {
         </div>
       </div>
 
-      {/* New content table */}
+      {/* New features table */}
       <div className="category-table">
         {new_content.map((doc, i) => (
           <React.Fragment key={i}>
diff --git a/src/components/Cards/ja-jp/3.13.tsx b/src/components/Cards/ja-jp/3.13.tsx
index 09e1176c..322eca08 100644
--- a/src/components/Cards/ja-jp/3.13.tsx
+++ b/src/components/Cards/ja-jp/3.13.tsx
@@ -198,7 +198,7 @@ const CategoryGrid = () => {
         </div>
       </div>
 
-      {/* New content table */}
+      {/* New features table */}
       <div className="category-table">
         {new_content.map((doc, i) => (
           <React.Fragment key={i}>
diff --git a/src/components/Cards/ja-jp/3.14.tsx b/src/components/Cards/ja-jp/3.14.tsx
index d8e4db95..5cd06cfe 100644
--- a/src/components/Cards/ja-jp/3.14.tsx
+++ b/src/components/Cards/ja-jp/3.14.tsx
@@ -198,7 +198,7 @@ const CategoryGrid = () => {
         </div>
       </div>
 
-      {/* New content table */}
+      {/* New features table */}
       <div className="category-table">
         {new_content.map((doc, i) => (
           <React.Fragment key={i}>
diff --git a/src/components/Cards/ja-jp/3.15.tsx b/src/components/Cards/ja-jp/3.15.tsx
index 87fa4c60..e643184f 100644
--- a/src/components/Cards/ja-jp/3.15.tsx
+++ b/src/components/Cards/ja-jp/3.15.tsx
@@ -198,7 +198,7 @@ const CategoryGrid = () => {
         </div>
       </div>
 
-      {/* New content table */}
+      {/* New features table */}
       <div className="category-table">
         {new_content.map((doc, i) => (
           <React.Fragment key={i}>
diff --git a/src/components/Cards/ja-jp/3.16.tsx b/src/components/Cards/ja-jp/3.16.tsx
index 265632ae..85212821 100644
--- a/src/components/Cards/ja-jp/3.16.tsx
+++ b/src/components/Cards/ja-jp/3.16.tsx
@@ -198,7 +198,7 @@ const CategoryGrid = () => {
         </div>
       </div>
 
-      {/* New content table */}
+      {/* New features table */}
       <div className="category-table">
         {new_content.map((doc, i) => (
           <React.Fragment key={i}>

From cc83cf712e260a47d50dc2c22476d7d15b9e2e40 Mon Sep 17 00:00:00 2001
From: Josh Wong <23216828+josh-wong@users.noreply.github.com>
Date: Thu, 17 Jul 2025 14:28:08 +0900
Subject: [PATCH 04/14] Make constant name match label name change

---
 src/components/Cards/3.13.tsx       | 4 ++--
 src/components/Cards/3.14.tsx       | 4 ++--
 src/components/Cards/3.15.tsx       | 4 ++--
 src/components/Cards/3.16.tsx       | 4 ++--
 src/components/Cards/ja-jp/3.13.tsx | 4 ++--
 src/components/Cards/ja-jp/3.14.tsx | 4 ++--
 src/components/Cards/ja-jp/3.15.tsx | 4 ++--
 src/components/Cards/ja-jp/3.16.tsx | 4 ++--
 8 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/components/Cards/3.13.tsx b/src/components/Cards/3.13.tsx
index 54a0d639..b909c637 100644
--- a/src/components/Cards/3.13.tsx
+++ b/src/components/Cards/3.13.tsx
@@ -16,7 +16,7 @@ import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBook } from '@fortawesome/free-solid-svg-icons';
 
-const new_content = [
+const newFeature = [
   {
     name: 'New features',
     categoryLinks: [
@@ -200,7 +200,7 @@ const CategoryGrid = () => {
 
       {/* New features table */}
       <div className="category-table">
-        {new_content.map((doc, i) => (
+        {newFeature.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
               {/* <FontAwesomeIcon icon={faBook} className="new-content-icon" />
diff --git a/src/components/Cards/3.14.tsx b/src/components/Cards/3.14.tsx
index fcaa4c08..29c9cbd9 100644
--- a/src/components/Cards/3.14.tsx
+++ b/src/components/Cards/3.14.tsx
@@ -16,7 +16,7 @@ import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBook } from '@fortawesome/free-solid-svg-icons';
 
-const new_content = [
+const newFeature = [
   {
     name: 'New features',
     categoryLinks: [
@@ -200,7 +200,7 @@ const CategoryGrid = () => {
 
       {/* New features table */}
       <div className="category-table">
-        {new_content.map((doc, i) => (
+        {newFeature.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
               {/* <FontAwesomeIcon icon={faBook} className="new-content-icon" />
diff --git a/src/components/Cards/3.15.tsx b/src/components/Cards/3.15.tsx
index 199db250..573807a1 100644
--- a/src/components/Cards/3.15.tsx
+++ b/src/components/Cards/3.15.tsx
@@ -16,7 +16,7 @@ import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBook } from '@fortawesome/free-solid-svg-icons';
 
-const new_content = [
+const newFeature = [
   {
     name: 'New features',
     categoryLinks: [
@@ -200,7 +200,7 @@ const CategoryGrid = () => {
 
       {/* New features table */}
       <div className="category-table">
-        {new_content.map((doc, i) => (
+        {newFeature.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
               {/* <FontAwesomeIcon icon={faBook} className="new-content-icon" />
diff --git a/src/components/Cards/3.16.tsx b/src/components/Cards/3.16.tsx
index 2b61e8e5..17ef16f8 100644
--- a/src/components/Cards/3.16.tsx
+++ b/src/components/Cards/3.16.tsx
@@ -16,7 +16,7 @@ import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBook } from '@fortawesome/free-solid-svg-icons';
 
-const new_content = [
+const newFeature = [
   {
     name: 'New features',
     categoryLinks: [
@@ -200,7 +200,7 @@ const CategoryGrid = () => {
 
       {/* New features table */}
       <div className="category-table">
-        {new_content.map((doc, i) => (
+        {newFeature.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
               {/* <FontAwesomeIcon icon={faBook} className="new-content-icon" />
diff --git a/src/components/Cards/ja-jp/3.13.tsx b/src/components/Cards/ja-jp/3.13.tsx
index 322eca08..e0d30d08 100644
--- a/src/components/Cards/ja-jp/3.13.tsx
+++ b/src/components/Cards/ja-jp/3.13.tsx
@@ -16,7 +16,7 @@ import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBook } from '@fortawesome/free-solid-svg-icons';
 
-const new_content = [
+const newFeature = [
   {
     name: '新機能',
     categoryLinks: [
@@ -200,7 +200,7 @@ const CategoryGrid = () => {
 
       {/* New features table */}
       <div className="category-table">
-        {new_content.map((doc, i) => (
+        {newFeature.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
               {/* <FontAwesomeIcon icon={faBook} className="new-content-icon" />
diff --git a/src/components/Cards/ja-jp/3.14.tsx b/src/components/Cards/ja-jp/3.14.tsx
index 5cd06cfe..c73554a2 100644
--- a/src/components/Cards/ja-jp/3.14.tsx
+++ b/src/components/Cards/ja-jp/3.14.tsx
@@ -16,7 +16,7 @@ import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBook } from '@fortawesome/free-solid-svg-icons';
 
-const new_content = [
+const newFeature = [
   {
     name: '新機能',
     categoryLinks: [
@@ -200,7 +200,7 @@ const CategoryGrid = () => {
 
       {/* New features table */}
       <div className="category-table">
-        {new_content.map((doc, i) => (
+        {newFeature.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
               {/* <FontAwesomeIcon icon={faBook} className="new-content-icon" />
diff --git a/src/components/Cards/ja-jp/3.15.tsx b/src/components/Cards/ja-jp/3.15.tsx
index e643184f..2a7aa4f7 100644
--- a/src/components/Cards/ja-jp/3.15.tsx
+++ b/src/components/Cards/ja-jp/3.15.tsx
@@ -16,7 +16,7 @@ import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBook } from '@fortawesome/free-solid-svg-icons';
 
-const new_content = [
+const newFeature = [
   {
     name: '新機能',
     categoryLinks: [
@@ -200,7 +200,7 @@ const CategoryGrid = () => {
 
       {/* New features table */}
       <div className="category-table">
-        {new_content.map((doc, i) => (
+        {newFeature.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
               {/* <FontAwesomeIcon icon={faBook} className="new-content-icon" />
diff --git a/src/components/Cards/ja-jp/3.16.tsx b/src/components/Cards/ja-jp/3.16.tsx
index 85212821..4d797207 100644
--- a/src/components/Cards/ja-jp/3.16.tsx
+++ b/src/components/Cards/ja-jp/3.16.tsx
@@ -16,7 +16,7 @@ import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBook } from '@fortawesome/free-solid-svg-icons';
 
-const new_content = [
+const newFeature = [
   {
     name: '新機能',
     categoryLinks: [
@@ -200,7 +200,7 @@ const CategoryGrid = () => {
 
       {/* New features table */}
       <div className="category-table">
-        {new_content.map((doc, i) => (
+        {newFeature.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
               {/* <FontAwesomeIcon icon={faBook} className="new-content-icon" />

From 19e1b6b43d5e4096d0f153dde957287119a21b6d Mon Sep 17 00:00:00 2001
From: Josh Wong <23216828+josh-wong@users.noreply.github.com>
Date: Thu, 17 Jul 2025 14:29:30 +0900
Subject: [PATCH 05/14] Make style class names match label name change

---
 src/components/Cards/3.13.tsx       | 4 ++--
 src/components/Cards/3.14.tsx       | 4 ++--
 src/components/Cards/3.15.tsx       | 4 ++--
 src/components/Cards/3.16.tsx       | 4 ++--
 src/components/Cards/ja-jp/3.13.tsx | 4 ++--
 src/components/Cards/ja-jp/3.14.tsx | 4 ++--
 src/components/Cards/ja-jp/3.15.tsx | 4 ++--
 src/components/Cards/ja-jp/3.16.tsx | 4 ++--
 src/css/custom.css                  | 4 ++--
 9 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/components/Cards/3.13.tsx b/src/components/Cards/3.13.tsx
index b909c637..6b5f493b 100644
--- a/src/components/Cards/3.13.tsx
+++ b/src/components/Cards/3.13.tsx
@@ -203,7 +203,7 @@ const CategoryGrid = () => {
         {newFeature.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
-              {/* <FontAwesomeIcon icon={faBook} className="new-content-icon" />
+              {/* <FontAwesomeIcon icon={faBook} className="new-feature-icon" />
               &nbsp;{doc.name}*/}
               {doc.name}
             </div>
@@ -215,7 +215,7 @@ const CategoryGrid = () => {
                       {categoryLinkCell.labels[k]}
                     </Link>
                   ) : (
-                    <span key={`${j}-${k}`} className="new-content-cell">
+                    <span key={`${j}-${k}`} className="new-feature-cell">
                       {categoryLinkCell.labels[k]}
                     </span>
                   )
diff --git a/src/components/Cards/3.14.tsx b/src/components/Cards/3.14.tsx
index 29c9cbd9..c300611f 100644
--- a/src/components/Cards/3.14.tsx
+++ b/src/components/Cards/3.14.tsx
@@ -203,7 +203,7 @@ const CategoryGrid = () => {
         {newFeature.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
-              {/* <FontAwesomeIcon icon={faBook} className="new-content-icon" />
+              {/* <FontAwesomeIcon icon={faBook} className="new-feature-icon" />
               &nbsp;{doc.name}*/}
               {doc.name}
             </div>
@@ -215,7 +215,7 @@ const CategoryGrid = () => {
                       {categoryLinkCell.labels[k]}
                     </Link>
                   ) : (
-                    <span key={`${j}-${k}`} className="new-content-cell">
+                    <span key={`${j}-${k}`} className="new-feature-cell">
                       {categoryLinkCell.labels[k]}
                     </span>
                   )
diff --git a/src/components/Cards/3.15.tsx b/src/components/Cards/3.15.tsx
index 573807a1..906a253b 100644
--- a/src/components/Cards/3.15.tsx
+++ b/src/components/Cards/3.15.tsx
@@ -203,7 +203,7 @@ const CategoryGrid = () => {
         {newFeature.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
-              {/* <FontAwesomeIcon icon={faBook} className="new-content-icon" />
+              {/* <FontAwesomeIcon icon={faBook} className="new-feature-icon" />
               &nbsp;{doc.name}*/}
               {doc.name}
             </div>
@@ -215,7 +215,7 @@ const CategoryGrid = () => {
                       {categoryLinkCell.labels[k]}
                     </Link>
                   ) : (
-                    <span key={`${j}-${k}`} className="new-content-cell">
+                    <span key={`${j}-${k}`} className="new-feature-cell">
                       {categoryLinkCell.labels[k]}
                     </span>
                   )
diff --git a/src/components/Cards/3.16.tsx b/src/components/Cards/3.16.tsx
index 17ef16f8..d80769d3 100644
--- a/src/components/Cards/3.16.tsx
+++ b/src/components/Cards/3.16.tsx
@@ -203,7 +203,7 @@ const CategoryGrid = () => {
         {newFeature.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
-              {/* <FontAwesomeIcon icon={faBook} className="new-content-icon" />
+              {/* <FontAwesomeIcon icon={faBook} className="new-feature-icon" />
               &nbsp;{doc.name}*/}
               {doc.name}
             </div>
@@ -215,7 +215,7 @@ const CategoryGrid = () => {
                       {categoryLinkCell.labels[k]}
                     </Link>
                   ) : (
-                    <span key={`${j}-${k}`} className="new-content-cell">
+                    <span key={`${j}-${k}`} className="new-feature-cell">
                       {categoryLinkCell.labels[k]}
                     </span>
                   )
diff --git a/src/components/Cards/ja-jp/3.13.tsx b/src/components/Cards/ja-jp/3.13.tsx
index e0d30d08..8e693f6b 100644
--- a/src/components/Cards/ja-jp/3.13.tsx
+++ b/src/components/Cards/ja-jp/3.13.tsx
@@ -203,7 +203,7 @@ const CategoryGrid = () => {
         {newFeature.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
-              {/* <FontAwesomeIcon icon={faBook} className="new-content-icon" />
+              {/* <FontAwesomeIcon icon={faBook} className="new-feature-icon" />
               &nbsp;{doc.name}*/}
               {doc.name}
             </div>
@@ -215,7 +215,7 @@ const CategoryGrid = () => {
                       {categoryLinkCell.labels[k]}
                     </Link>
                   ) : (
-                    <span key={`${j}-${k}`} className="new-content-cell">
+                    <span key={`${j}-${k}`} className="new-feature-cell">
                       {categoryLinkCell.labels[k]}
                     </span>
                   )
diff --git a/src/components/Cards/ja-jp/3.14.tsx b/src/components/Cards/ja-jp/3.14.tsx
index c73554a2..2fbf7276 100644
--- a/src/components/Cards/ja-jp/3.14.tsx
+++ b/src/components/Cards/ja-jp/3.14.tsx
@@ -203,7 +203,7 @@ const CategoryGrid = () => {
         {newFeature.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
-              {/* <FontAwesomeIcon icon={faBook} className="new-content-icon" />
+              {/* <FontAwesomeIcon icon={faBook} className="new-feature-icon" />
               &nbsp;{doc.name}*/}
               {doc.name}
             </div>
@@ -215,7 +215,7 @@ const CategoryGrid = () => {
                       {categoryLinkCell.labels[k]}
                     </Link>
                   ) : (
-                    <span key={`${j}-${k}`} className="new-content-cell">
+                    <span key={`${j}-${k}`} className="new-feature-cell">
                       {categoryLinkCell.labels[k]}
                     </span>
                   )
diff --git a/src/components/Cards/ja-jp/3.15.tsx b/src/components/Cards/ja-jp/3.15.tsx
index 2a7aa4f7..1f791614 100644
--- a/src/components/Cards/ja-jp/3.15.tsx
+++ b/src/components/Cards/ja-jp/3.15.tsx
@@ -203,7 +203,7 @@ const CategoryGrid = () => {
         {newFeature.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
-              {/* <FontAwesomeIcon icon={faBook} className="new-content-icon" />
+              {/* <FontAwesomeIcon icon={faBook} className="new-feature-icon" />
               &nbsp;{doc.name}*/}
               {doc.name}
             </div>
@@ -215,7 +215,7 @@ const CategoryGrid = () => {
                       {categoryLinkCell.labels[k]}
                     </Link>
                   ) : (
-                    <span key={`${j}-${k}`} className="new-content-cell">
+                    <span key={`${j}-${k}`} className="new-feature-cell">
                       {categoryLinkCell.labels[k]}
                     </span>
                   )
diff --git a/src/components/Cards/ja-jp/3.16.tsx b/src/components/Cards/ja-jp/3.16.tsx
index 4d797207..aaf332de 100644
--- a/src/components/Cards/ja-jp/3.16.tsx
+++ b/src/components/Cards/ja-jp/3.16.tsx
@@ -203,7 +203,7 @@ const CategoryGrid = () => {
         {newFeature.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
-              {/* <FontAwesomeIcon icon={faBook} className="new-content-icon" />
+              {/* <FontAwesomeIcon icon={faBook} className="new-feature-icon" />
               &nbsp;{doc.name}*/}
               {doc.name}
             </div>
@@ -215,7 +215,7 @@ const CategoryGrid = () => {
                       {categoryLinkCell.labels[k]}
                     </Link>
                   ) : (
-                    <span key={`${j}-${k}`} className="new-content-cell">
+                    <span key={`${j}-${k}`} className="new-feature-cell">
                       {categoryLinkCell.labels[k]}
                     </span>
                   )
diff --git a/src/css/custom.css b/src/css/custom.css
index 8bacb5ed..ee22d708 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -252,7 +252,7 @@ table, pre, code, img, iframe { /* Fix for common elements that might cause over
     margin-top: 1.25rem;
   }
 
-  .category-cell, .new-content-cell {
+  .category-cell, .new-feature-cell {
     width: 100%;
     margin-bottom: 0.5rem;
   }
@@ -280,7 +280,7 @@ table, pre, code, img, iframe { /* Fix for common elements that might cause over
   }
 }
 
-.new-content-icon {
+.new-feature-icon {
   color: #78C740;
   /* Fix for FontAwesome icon FOUC. */
   width: 1em !important;

From a3925a185ff7dcf6ed5669d46a27a3818c4119fb Mon Sep 17 00:00:00 2001
From: Josh Wong <23216828+josh-wong@users.noreply.github.com>
Date: Thu, 17 Jul 2025 14:59:55 +0900
Subject: [PATCH 06/14] Change `new feature` wording to `recent features`

Since the docs shown on the `new features` line won't always be new for that version of docs that the visitor is reading, `recent features` is more appropriate wording here.
---
 src/components/Cards/3.13.tsx       | 12 ++++++------
 src/components/Cards/3.14.tsx       | 12 ++++++------
 src/components/Cards/3.15.tsx       | 12 ++++++------
 src/components/Cards/3.16.tsx       | 12 ++++++------
 src/components/Cards/ja-jp/3.13.tsx | 10 +++++-----
 src/components/Cards/ja-jp/3.14.tsx | 10 +++++-----
 src/components/Cards/ja-jp/3.15.tsx | 10 +++++-----
 src/components/Cards/ja-jp/3.16.tsx | 10 +++++-----
 src/css/custom.css                  |  4 ++--
 9 files changed, 46 insertions(+), 46 deletions(-)

diff --git a/src/components/Cards/3.13.tsx b/src/components/Cards/3.13.tsx
index 6b5f493b..8ab9d3cb 100644
--- a/src/components/Cards/3.13.tsx
+++ b/src/components/Cards/3.13.tsx
@@ -16,9 +16,9 @@ import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBook } from '@fortawesome/free-solid-svg-icons';
 
-const newFeature = [
+const recentFeatures = [
   {
-    name: 'New features',
+    name: 'Recent features',
     categoryLinks: [
       // To add a link, use the format ['link1', 'link2']
       // To add a label, use the format ['label1', 'label2']
@@ -198,12 +198,12 @@ const CategoryGrid = () => {
         </div>
       </div>
 
-      {/* New features table */}
+      {/* Recent features table */}
       <div className="category-table">
-        {newFeature.map((doc, i) => (
+        {recentFeatures.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
-              {/* <FontAwesomeIcon icon={faBook} className="new-feature-icon" />
+              {/* <FontAwesomeIcon icon={faBook} className="recent-features-icon" />
               &nbsp;{doc.name}*/}
               {doc.name}
             </div>
@@ -215,7 +215,7 @@ const CategoryGrid = () => {
                       {categoryLinkCell.labels[k]}
                     </Link>
                   ) : (
-                    <span key={`${j}-${k}`} className="new-feature-cell">
+                    <span key={`${j}-${k}`} className="recent-features-cell">
                       {categoryLinkCell.labels[k]}
                     </span>
                   )
diff --git a/src/components/Cards/3.14.tsx b/src/components/Cards/3.14.tsx
index c300611f..6a60a2c8 100644
--- a/src/components/Cards/3.14.tsx
+++ b/src/components/Cards/3.14.tsx
@@ -16,9 +16,9 @@ import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBook } from '@fortawesome/free-solid-svg-icons';
 
-const newFeature = [
+const recentFeatures = [
   {
-    name: 'New features',
+    name: 'Recent features',
     categoryLinks: [
       // To add a link, use the format ['link1', 'link2']
       // To add a label, use the format ['label1', 'label2']
@@ -198,12 +198,12 @@ const CategoryGrid = () => {
         </div>
       </div>
 
-      {/* New features table */}
+      {/* Recent features table */}
       <div className="category-table">
-        {newFeature.map((doc, i) => (
+        {recentFeatures.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
-              {/* <FontAwesomeIcon icon={faBook} className="new-feature-icon" />
+              {/* <FontAwesomeIcon icon={faBook} className="recent-features-icon" />
               &nbsp;{doc.name}*/}
               {doc.name}
             </div>
@@ -215,7 +215,7 @@ const CategoryGrid = () => {
                       {categoryLinkCell.labels[k]}
                     </Link>
                   ) : (
-                    <span key={`${j}-${k}`} className="new-feature-cell">
+                    <span key={`${j}-${k}`} className="recent-features-cell">
                       {categoryLinkCell.labels[k]}
                     </span>
                   )
diff --git a/src/components/Cards/3.15.tsx b/src/components/Cards/3.15.tsx
index 906a253b..d1789ca6 100644
--- a/src/components/Cards/3.15.tsx
+++ b/src/components/Cards/3.15.tsx
@@ -16,9 +16,9 @@ import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBook } from '@fortawesome/free-solid-svg-icons';
 
-const newFeature = [
+const recentFeatures = [
   {
-    name: 'New features',
+    name: 'Recent features',
     categoryLinks: [
       // To add a link, use the format ['link1', 'link2']
       // To add a label, use the format ['label1', 'label2']
@@ -198,12 +198,12 @@ const CategoryGrid = () => {
         </div>
       </div>
 
-      {/* New features table */}
+      {/* Recent features table */}
       <div className="category-table">
-        {newFeature.map((doc, i) => (
+        {recentFeatures.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
-              {/* <FontAwesomeIcon icon={faBook} className="new-feature-icon" />
+              {/* <FontAwesomeIcon icon={faBook} className="recent-features-icon" />
               &nbsp;{doc.name}*/}
               {doc.name}
             </div>
@@ -215,7 +215,7 @@ const CategoryGrid = () => {
                       {categoryLinkCell.labels[k]}
                     </Link>
                   ) : (
-                    <span key={`${j}-${k}`} className="new-feature-cell">
+                    <span key={`${j}-${k}`} className="recent-features-cell">
                       {categoryLinkCell.labels[k]}
                     </span>
                   )
diff --git a/src/components/Cards/3.16.tsx b/src/components/Cards/3.16.tsx
index d80769d3..e1541923 100644
--- a/src/components/Cards/3.16.tsx
+++ b/src/components/Cards/3.16.tsx
@@ -16,9 +16,9 @@ import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBook } from '@fortawesome/free-solid-svg-icons';
 
-const newFeature = [
+const recentFeatures = [
   {
-    name: 'New features',
+    name: 'Recent features',
     categoryLinks: [
       // To add a link, use the format ['link1', 'link2']
       // To add a label, use the format ['label1', 'label2']
@@ -198,12 +198,12 @@ const CategoryGrid = () => {
         </div>
       </div>
 
-      {/* New features table */}
+      {/* Recent features table */}
       <div className="category-table">
-        {newFeature.map((doc, i) => (
+        {recentFeatures.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
-              {/* <FontAwesomeIcon icon={faBook} className="new-feature-icon" />
+              {/* <FontAwesomeIcon icon={faBook} className="recent-features-icon" />
               &nbsp;{doc.name}*/}
               {doc.name}
             </div>
@@ -215,7 +215,7 @@ const CategoryGrid = () => {
                       {categoryLinkCell.labels[k]}
                     </Link>
                   ) : (
-                    <span key={`${j}-${k}`} className="new-feature-cell">
+                    <span key={`${j}-${k}`} className="recent-features-cell">
                       {categoryLinkCell.labels[k]}
                     </span>
                   )
diff --git a/src/components/Cards/ja-jp/3.13.tsx b/src/components/Cards/ja-jp/3.13.tsx
index 8e693f6b..2314bf67 100644
--- a/src/components/Cards/ja-jp/3.13.tsx
+++ b/src/components/Cards/ja-jp/3.13.tsx
@@ -16,7 +16,7 @@ import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBook } from '@fortawesome/free-solid-svg-icons';
 
-const newFeature = [
+const recentFeatures = [
   {
     name: '新機能',
     categoryLinks: [
@@ -198,12 +198,12 @@ const CategoryGrid = () => {
         </div>
       </div>
 
-      {/* New features table */}
+      {/* Recent features table */}
       <div className="category-table">
-        {newFeature.map((doc, i) => (
+        {recentFeatures.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
-              {/* <FontAwesomeIcon icon={faBook} className="new-feature-icon" />
+              {/* <FontAwesomeIcon icon={faBook} className="recent-features-icon" />
               &nbsp;{doc.name}*/}
               {doc.name}
             </div>
@@ -215,7 +215,7 @@ const CategoryGrid = () => {
                       {categoryLinkCell.labels[k]}
                     </Link>
                   ) : (
-                    <span key={`${j}-${k}`} className="new-feature-cell">
+                    <span key={`${j}-${k}`} className="recent-features-cell">
                       {categoryLinkCell.labels[k]}
                     </span>
                   )
diff --git a/src/components/Cards/ja-jp/3.14.tsx b/src/components/Cards/ja-jp/3.14.tsx
index 2fbf7276..49f07d4d 100644
--- a/src/components/Cards/ja-jp/3.14.tsx
+++ b/src/components/Cards/ja-jp/3.14.tsx
@@ -16,7 +16,7 @@ import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBook } from '@fortawesome/free-solid-svg-icons';
 
-const newFeature = [
+const recentFeatures = [
   {
     name: '新機能',
     categoryLinks: [
@@ -198,12 +198,12 @@ const CategoryGrid = () => {
         </div>
       </div>
 
-      {/* New features table */}
+      {/* Recent features table */}
       <div className="category-table">
-        {newFeature.map((doc, i) => (
+        {recentFeatures.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
-              {/* <FontAwesomeIcon icon={faBook} className="new-feature-icon" />
+              {/* <FontAwesomeIcon icon={faBook} className="recent-features-icon" />
               &nbsp;{doc.name}*/}
               {doc.name}
             </div>
@@ -215,7 +215,7 @@ const CategoryGrid = () => {
                       {categoryLinkCell.labels[k]}
                     </Link>
                   ) : (
-                    <span key={`${j}-${k}`} className="new-feature-cell">
+                    <span key={`${j}-${k}`} className="recent-features-cell">
                       {categoryLinkCell.labels[k]}
                     </span>
                   )
diff --git a/src/components/Cards/ja-jp/3.15.tsx b/src/components/Cards/ja-jp/3.15.tsx
index 1f791614..9fd69b51 100644
--- a/src/components/Cards/ja-jp/3.15.tsx
+++ b/src/components/Cards/ja-jp/3.15.tsx
@@ -16,7 +16,7 @@ import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBook } from '@fortawesome/free-solid-svg-icons';
 
-const newFeature = [
+const recentFeatures = [
   {
     name: '新機能',
     categoryLinks: [
@@ -198,12 +198,12 @@ const CategoryGrid = () => {
         </div>
       </div>
 
-      {/* New features table */}
+      {/* Recent features table */}
       <div className="category-table">
-        {newFeature.map((doc, i) => (
+        {recentFeatures.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
-              {/* <FontAwesomeIcon icon={faBook} className="new-feature-icon" />
+              {/* <FontAwesomeIcon icon={faBook} className="recent-features-icon" />
               &nbsp;{doc.name}*/}
               {doc.name}
             </div>
@@ -215,7 +215,7 @@ const CategoryGrid = () => {
                       {categoryLinkCell.labels[k]}
                     </Link>
                   ) : (
-                    <span key={`${j}-${k}`} className="new-feature-cell">
+                    <span key={`${j}-${k}`} className="recent-features-cell">
                       {categoryLinkCell.labels[k]}
                     </span>
                   )
diff --git a/src/components/Cards/ja-jp/3.16.tsx b/src/components/Cards/ja-jp/3.16.tsx
index aaf332de..146b8dfd 100644
--- a/src/components/Cards/ja-jp/3.16.tsx
+++ b/src/components/Cards/ja-jp/3.16.tsx
@@ -16,7 +16,7 @@ import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBook } from '@fortawesome/free-solid-svg-icons';
 
-const newFeature = [
+const recentFeatures = [
   {
     name: '新機能',
     categoryLinks: [
@@ -198,12 +198,12 @@ const CategoryGrid = () => {
         </div>
       </div>
 
-      {/* New features table */}
+      {/* Recent features table */}
       <div className="category-table">
-        {newFeature.map((doc, i) => (
+        {recentFeatures.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
-              {/* <FontAwesomeIcon icon={faBook} className="new-feature-icon" />
+              {/* <FontAwesomeIcon icon={faBook} className="recent-features-icon" />
               &nbsp;{doc.name}*/}
               {doc.name}
             </div>
@@ -215,7 +215,7 @@ const CategoryGrid = () => {
                       {categoryLinkCell.labels[k]}
                     </Link>
                   ) : (
-                    <span key={`${j}-${k}`} className="new-feature-cell">
+                    <span key={`${j}-${k}`} className="recent-features-cell">
                       {categoryLinkCell.labels[k]}
                     </span>
                   )
diff --git a/src/css/custom.css b/src/css/custom.css
index ee22d708..5959ed0a 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -252,7 +252,7 @@ table, pre, code, img, iframe { /* Fix for common elements that might cause over
     margin-top: 1.25rem;
   }
 
-  .category-cell, .new-feature-cell {
+  .category-cell, .recent-features-cell {
     width: 100%;
     margin-bottom: 0.5rem;
   }
@@ -280,7 +280,7 @@ table, pre, code, img, iframe { /* Fix for common elements that might cause over
   }
 }
 
-.new-feature-icon {
+.recent-features-icon {
   color: #78C740;
   /* Fix for FontAwesome icon FOUC. */
   width: 1em !important;

From 6ee2ca9f01f82dfbca833e37b3ad46835920e993 Mon Sep 17 00:00:00 2001
From: Josh Wong <23216828+josh-wong@users.noreply.github.com>
Date: Thu, 17 Jul 2025 14:59:55 +0900
Subject: [PATCH 07/14] Change `new feature` wording to `recent features`

Since the docs shown on the `new features` line won't always be new for that version of docs that the visitor is reading, `recent features` is more appropriate wording here.
---
 src/components/Cards/3.13.tsx       | 12 ++++++------
 src/components/Cards/3.14.tsx       | 12 ++++++------
 src/components/Cards/3.15.tsx       | 12 ++++++------
 src/components/Cards/3.16.tsx       | 12 ++++++------
 src/components/Cards/ja-jp/3.13.tsx | 10 +++++-----
 src/components/Cards/ja-jp/3.14.tsx | 12 ++++++------
 src/components/Cards/ja-jp/3.15.tsx | 12 ++++++------
 src/components/Cards/ja-jp/3.16.tsx | 12 ++++++------
 src/css/custom.css                  |  4 ++--
 9 files changed, 49 insertions(+), 49 deletions(-)

diff --git a/src/components/Cards/3.13.tsx b/src/components/Cards/3.13.tsx
index 6b5f493b..8ab9d3cb 100644
--- a/src/components/Cards/3.13.tsx
+++ b/src/components/Cards/3.13.tsx
@@ -16,9 +16,9 @@ import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBook } from '@fortawesome/free-solid-svg-icons';
 
-const newFeature = [
+const recentFeatures = [
   {
-    name: 'New features',
+    name: 'Recent features',
     categoryLinks: [
       // To add a link, use the format ['link1', 'link2']
       // To add a label, use the format ['label1', 'label2']
@@ -198,12 +198,12 @@ const CategoryGrid = () => {
         </div>
       </div>
 
-      {/* New features table */}
+      {/* Recent features table */}
       <div className="category-table">
-        {newFeature.map((doc, i) => (
+        {recentFeatures.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
-              {/* <FontAwesomeIcon icon={faBook} className="new-feature-icon" />
+              {/* <FontAwesomeIcon icon={faBook} className="recent-features-icon" />
               &nbsp;{doc.name}*/}
               {doc.name}
             </div>
@@ -215,7 +215,7 @@ const CategoryGrid = () => {
                       {categoryLinkCell.labels[k]}
                     </Link>
                   ) : (
-                    <span key={`${j}-${k}`} className="new-feature-cell">
+                    <span key={`${j}-${k}`} className="recent-features-cell">
                       {categoryLinkCell.labels[k]}
                     </span>
                   )
diff --git a/src/components/Cards/3.14.tsx b/src/components/Cards/3.14.tsx
index c300611f..6a60a2c8 100644
--- a/src/components/Cards/3.14.tsx
+++ b/src/components/Cards/3.14.tsx
@@ -16,9 +16,9 @@ import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBook } from '@fortawesome/free-solid-svg-icons';
 
-const newFeature = [
+const recentFeatures = [
   {
-    name: 'New features',
+    name: 'Recent features',
     categoryLinks: [
       // To add a link, use the format ['link1', 'link2']
       // To add a label, use the format ['label1', 'label2']
@@ -198,12 +198,12 @@ const CategoryGrid = () => {
         </div>
       </div>
 
-      {/* New features table */}
+      {/* Recent features table */}
       <div className="category-table">
-        {newFeature.map((doc, i) => (
+        {recentFeatures.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
-              {/* <FontAwesomeIcon icon={faBook} className="new-feature-icon" />
+              {/* <FontAwesomeIcon icon={faBook} className="recent-features-icon" />
               &nbsp;{doc.name}*/}
               {doc.name}
             </div>
@@ -215,7 +215,7 @@ const CategoryGrid = () => {
                       {categoryLinkCell.labels[k]}
                     </Link>
                   ) : (
-                    <span key={`${j}-${k}`} className="new-feature-cell">
+                    <span key={`${j}-${k}`} className="recent-features-cell">
                       {categoryLinkCell.labels[k]}
                     </span>
                   )
diff --git a/src/components/Cards/3.15.tsx b/src/components/Cards/3.15.tsx
index 906a253b..d1789ca6 100644
--- a/src/components/Cards/3.15.tsx
+++ b/src/components/Cards/3.15.tsx
@@ -16,9 +16,9 @@ import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBook } from '@fortawesome/free-solid-svg-icons';
 
-const newFeature = [
+const recentFeatures = [
   {
-    name: 'New features',
+    name: 'Recent features',
     categoryLinks: [
       // To add a link, use the format ['link1', 'link2']
       // To add a label, use the format ['label1', 'label2']
@@ -198,12 +198,12 @@ const CategoryGrid = () => {
         </div>
       </div>
 
-      {/* New features table */}
+      {/* Recent features table */}
       <div className="category-table">
-        {newFeature.map((doc, i) => (
+        {recentFeatures.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
-              {/* <FontAwesomeIcon icon={faBook} className="new-feature-icon" />
+              {/* <FontAwesomeIcon icon={faBook} className="recent-features-icon" />
               &nbsp;{doc.name}*/}
               {doc.name}
             </div>
@@ -215,7 +215,7 @@ const CategoryGrid = () => {
                       {categoryLinkCell.labels[k]}
                     </Link>
                   ) : (
-                    <span key={`${j}-${k}`} className="new-feature-cell">
+                    <span key={`${j}-${k}`} className="recent-features-cell">
                       {categoryLinkCell.labels[k]}
                     </span>
                   )
diff --git a/src/components/Cards/3.16.tsx b/src/components/Cards/3.16.tsx
index d80769d3..e1541923 100644
--- a/src/components/Cards/3.16.tsx
+++ b/src/components/Cards/3.16.tsx
@@ -16,9 +16,9 @@ import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBook } from '@fortawesome/free-solid-svg-icons';
 
-const newFeature = [
+const recentFeatures = [
   {
-    name: 'New features',
+    name: 'Recent features',
     categoryLinks: [
       // To add a link, use the format ['link1', 'link2']
       // To add a label, use the format ['label1', 'label2']
@@ -198,12 +198,12 @@ const CategoryGrid = () => {
         </div>
       </div>
 
-      {/* New features table */}
+      {/* Recent features table */}
       <div className="category-table">
-        {newFeature.map((doc, i) => (
+        {recentFeatures.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
-              {/* <FontAwesomeIcon icon={faBook} className="new-feature-icon" />
+              {/* <FontAwesomeIcon icon={faBook} className="recent-features-icon" />
               &nbsp;{doc.name}*/}
               {doc.name}
             </div>
@@ -215,7 +215,7 @@ const CategoryGrid = () => {
                       {categoryLinkCell.labels[k]}
                     </Link>
                   ) : (
-                    <span key={`${j}-${k}`} className="new-feature-cell">
+                    <span key={`${j}-${k}`} className="recent-features-cell">
                       {categoryLinkCell.labels[k]}
                     </span>
                   )
diff --git a/src/components/Cards/ja-jp/3.13.tsx b/src/components/Cards/ja-jp/3.13.tsx
index 8e693f6b..2314bf67 100644
--- a/src/components/Cards/ja-jp/3.13.tsx
+++ b/src/components/Cards/ja-jp/3.13.tsx
@@ -16,7 +16,7 @@ import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBook } from '@fortawesome/free-solid-svg-icons';
 
-const newFeature = [
+const recentFeatures = [
   {
     name: '新機能',
     categoryLinks: [
@@ -198,12 +198,12 @@ const CategoryGrid = () => {
         </div>
       </div>
 
-      {/* New features table */}
+      {/* Recent features table */}
       <div className="category-table">
-        {newFeature.map((doc, i) => (
+        {recentFeatures.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
-              {/* <FontAwesomeIcon icon={faBook} className="new-feature-icon" />
+              {/* <FontAwesomeIcon icon={faBook} className="recent-features-icon" />
               &nbsp;{doc.name}*/}
               {doc.name}
             </div>
@@ -215,7 +215,7 @@ const CategoryGrid = () => {
                       {categoryLinkCell.labels[k]}
                     </Link>
                   ) : (
-                    <span key={`${j}-${k}`} className="new-feature-cell">
+                    <span key={`${j}-${k}`} className="recent-features-cell">
                       {categoryLinkCell.labels[k]}
                     </span>
                   )
diff --git a/src/components/Cards/ja-jp/3.14.tsx b/src/components/Cards/ja-jp/3.14.tsx
index 2fbf7276..a4bf702f 100644
--- a/src/components/Cards/ja-jp/3.14.tsx
+++ b/src/components/Cards/ja-jp/3.14.tsx
@@ -16,9 +16,9 @@ import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBook } from '@fortawesome/free-solid-svg-icons';
 
-const newFeature = [
+const recentFeatures = [
   {
-    name: '新機能',
+    name: '最近の機能',
     categoryLinks: [
       // To add a link, use the format ['link1', 'link2']
       // To add a label, use the format ['label1', 'label2']
@@ -198,12 +198,12 @@ const CategoryGrid = () => {
         </div>
       </div>
 
-      {/* New features table */}
+      {/* Recent features table */}
       <div className="category-table">
-        {newFeature.map((doc, i) => (
+        {recentFeatures.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
-              {/* <FontAwesomeIcon icon={faBook} className="new-feature-icon" />
+              {/* <FontAwesomeIcon icon={faBook} className="recent-features-icon" />
               &nbsp;{doc.name}*/}
               {doc.name}
             </div>
@@ -215,7 +215,7 @@ const CategoryGrid = () => {
                       {categoryLinkCell.labels[k]}
                     </Link>
                   ) : (
-                    <span key={`${j}-${k}`} className="new-feature-cell">
+                    <span key={`${j}-${k}`} className="recent-features-cell">
                       {categoryLinkCell.labels[k]}
                     </span>
                   )
diff --git a/src/components/Cards/ja-jp/3.15.tsx b/src/components/Cards/ja-jp/3.15.tsx
index 1f791614..256dc2d6 100644
--- a/src/components/Cards/ja-jp/3.15.tsx
+++ b/src/components/Cards/ja-jp/3.15.tsx
@@ -16,9 +16,9 @@ import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBook } from '@fortawesome/free-solid-svg-icons';
 
-const newFeature = [
+const recentFeatures = [
   {
-    name: '新機能',
+    name: '最近の機能',
     categoryLinks: [
       // To add a link, use the format ['link1', 'link2']
       // To add a label, use the format ['label1', 'label2']
@@ -198,12 +198,12 @@ const CategoryGrid = () => {
         </div>
       </div>
 
-      {/* New features table */}
+      {/* Recent features table */}
       <div className="category-table">
-        {newFeature.map((doc, i) => (
+        {recentFeatures.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
-              {/* <FontAwesomeIcon icon={faBook} className="new-feature-icon" />
+              {/* <FontAwesomeIcon icon={faBook} className="recent-features-icon" />
               &nbsp;{doc.name}*/}
               {doc.name}
             </div>
@@ -215,7 +215,7 @@ const CategoryGrid = () => {
                       {categoryLinkCell.labels[k]}
                     </Link>
                   ) : (
-                    <span key={`${j}-${k}`} className="new-feature-cell">
+                    <span key={`${j}-${k}`} className="recent-features-cell">
                       {categoryLinkCell.labels[k]}
                     </span>
                   )
diff --git a/src/components/Cards/ja-jp/3.16.tsx b/src/components/Cards/ja-jp/3.16.tsx
index aaf332de..3eea793e 100644
--- a/src/components/Cards/ja-jp/3.16.tsx
+++ b/src/components/Cards/ja-jp/3.16.tsx
@@ -16,9 +16,9 @@ import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBook } from '@fortawesome/free-solid-svg-icons';
 
-const newFeature = [
+const recentFeatures = [
   {
-    name: '新機能',
+    name: '最近の機能',
     categoryLinks: [
       // To add a link, use the format ['link1', 'link2']
       // To add a label, use the format ['label1', 'label2']
@@ -198,12 +198,12 @@ const CategoryGrid = () => {
         </div>
       </div>
 
-      {/* New features table */}
+      {/* Recent features table */}
       <div className="category-table">
-        {newFeature.map((doc, i) => (
+        {recentFeatures.map((doc, i) => (
           <React.Fragment key={i}>
             <div className="category-label">
-              {/* <FontAwesomeIcon icon={faBook} className="new-feature-icon" />
+              {/* <FontAwesomeIcon icon={faBook} className="recent-features-icon" />
               &nbsp;{doc.name}*/}
               {doc.name}
             </div>
@@ -215,7 +215,7 @@ const CategoryGrid = () => {
                       {categoryLinkCell.labels[k]}
                     </Link>
                   ) : (
-                    <span key={`${j}-${k}`} className="new-feature-cell">
+                    <span key={`${j}-${k}`} className="recent-features-cell">
                       {categoryLinkCell.labels[k]}
                     </span>
                   )
diff --git a/src/css/custom.css b/src/css/custom.css
index ee22d708..5959ed0a 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -252,7 +252,7 @@ table, pre, code, img, iframe { /* Fix for common elements that might cause over
     margin-top: 1.25rem;
   }
 
-  .category-cell, .new-feature-cell {
+  .category-cell, .recent-features-cell {
     width: 100%;
     margin-bottom: 0.5rem;
   }
@@ -280,7 +280,7 @@ table, pre, code, img, iframe { /* Fix for common elements that might cause over
   }
 }
 
-.new-feature-icon {
+.recent-features-icon {
   color: #78C740;
   /* Fix for FontAwesome icon FOUC. */
   width: 1em !important;

From c106b0e5049ad927c6ee2834eb3982487bbd4889 Mon Sep 17 00:00:00 2001
From: Josh Wong <23216828+josh-wong@users.noreply.github.com>
Date: Thu, 17 Jul 2025 16:55:54 +0900
Subject: [PATCH 08/14] Change link for diversity's sake

---
 src/components/Cards/3.13.tsx       | 12 ++++++------
 src/components/Cards/ja-jp/3.13.tsx | 12 ++++++------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/Cards/3.13.tsx b/src/components/Cards/3.13.tsx
index 8ab9d3cb..1b474eef 100644
--- a/src/components/Cards/3.13.tsx
+++ b/src/components/Cards/3.13.tsx
@@ -24,18 +24,18 @@ const recentFeatures = [
       // To add a label, use the format ['label1', 'label2']
       {
         cell: 0, // First cell
-        links: ['api-guide#group-commit-for-the-coordinator-table'],
-        labels: ['Group commit for the Coordinator table']
-      },
-      {
-        cell: 1, // Second cell
         links: ['run-non-transactional-storage-operations-through-library#configure-scalardb-to-run-non-transactional-storage-operations'],
         labels: ['Configure ScalarDB to run non-transactional storage operations']
       },
       {
-        cell: 2, // Third cell
+        cell: 1, // Second cell
         links: ['scalardb-cluster/run-non-transactional-storage-operations-through-sql-interface/#configure-scalardb-cluster-to-run-non-transactional-storage-operations'],
         labels: ['Configure ScalarDB Cluster to run non-transactional storage operations']
+      },
+      {
+        cell: 2, // Third cell
+        links: ['scalardb-cluster/scalardb-auth-with-sql'],
+        labels: ['Authenticate and Authorize Users']
       }
     ]
   }
diff --git a/src/components/Cards/ja-jp/3.13.tsx b/src/components/Cards/ja-jp/3.13.tsx
index 2314bf67..86fea8a9 100644
--- a/src/components/Cards/ja-jp/3.13.tsx
+++ b/src/components/Cards/ja-jp/3.13.tsx
@@ -24,18 +24,18 @@ const recentFeatures = [
       // To add a label, use the format ['label1', 'label2']
       {
         cell: 0, // First cell
-        links: ['api-guide#coordinator-テーブルのグループコミット'],
-        labels: ['Coordinator テーブルのグループコミット']
-      },
-      {
-        cell: 1, // Second cell
         links: ['run-non-transactional-storage-operations-through-library#configure-scalardb-to-run-non-transactional-storage-operations'],
         labels: ['非トランザクショナルストレージ操作を実行するための ScalarDB の設定']
       },
       {
-        cell: 2, // Third cell
+        cell: 1, // Second cell
         links: ['scalardb-cluster/run-non-transactional-storage-operations-through-sql-interface/#configure-scalardb-cluster-to-run-non-transactional-storage-operations'],
         labels: ['非トランザクショナルストレージ操作を実行するための ScalarDB Cluster の設定']
+      },
+      {
+        cell: 2, // Third cell
+        links: ['scalardb-cluster/scalardb-auth-with-sql'],
+        labels: ['ユーザーの認証と認可']
       }
     ]
   }

From b04b8330db664422f50751ee7f1e28b707815c69 Mon Sep 17 00:00:00 2001
From: Josh Wong <23216828+josh-wong@users.noreply.github.com>
Date: Thu, 17 Jul 2025 16:56:08 +0900
Subject: [PATCH 09/14] Revise comment about links in the `Recent features`
 section

---
 src/components/Cards/3.13.tsx       | 4 ++--
 src/components/Cards/3.14.tsx       | 4 ++--
 src/components/Cards/3.15.tsx       | 4 ++--
 src/components/Cards/3.16.tsx       | 4 ++--
 src/components/Cards/ja-jp/3.13.tsx | 4 ++--
 src/components/Cards/ja-jp/3.14.tsx | 4 ++--
 src/components/Cards/ja-jp/3.15.tsx | 4 ++--
 src/components/Cards/ja-jp/3.16.tsx | 4 ++--
 8 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/components/Cards/3.13.tsx b/src/components/Cards/3.13.tsx
index 1b474eef..0e16d939 100644
--- a/src/components/Cards/3.13.tsx
+++ b/src/components/Cards/3.13.tsx
@@ -20,8 +20,8 @@ const recentFeatures = [
   {
     name: 'Recent features',
     categoryLinks: [
-      // To add a link, use the format ['link1', 'link2']
-      // To add a label, use the format ['label1', 'label2']
+      // To add a link, use the format ['link1', 'link2']. Links should be relative to the docs directory and not be anchor links.
+      // To add a label, use the format ['label1', 'label2'].
       {
         cell: 0, // First cell
         links: ['run-non-transactional-storage-operations-through-library#configure-scalardb-to-run-non-transactional-storage-operations'],
diff --git a/src/components/Cards/3.14.tsx b/src/components/Cards/3.14.tsx
index 6a60a2c8..2fd44842 100644
--- a/src/components/Cards/3.14.tsx
+++ b/src/components/Cards/3.14.tsx
@@ -20,8 +20,8 @@ const recentFeatures = [
   {
     name: 'Recent features',
     categoryLinks: [
-      // To add a link, use the format ['link1', 'link2']
-      // To add a label, use the format ['label1', 'label2']
+      // To add a link, use the format ['link1', 'link2']. Links should be relative to the docs directory and not be anchor links.
+      // To add a label, use the format ['label1', 'label2'].
       {
         cell: 0, // First cell
         links: ['scalardb-cluster/encrypt-data-at-rest'],
diff --git a/src/components/Cards/3.15.tsx b/src/components/Cards/3.15.tsx
index d1789ca6..8b4c74af 100644
--- a/src/components/Cards/3.15.tsx
+++ b/src/components/Cards/3.15.tsx
@@ -20,8 +20,8 @@ const recentFeatures = [
   {
     name: 'Recent features',
     categoryLinks: [
-      // To add a link, use the format ['link1', 'link2']
-      // To add a label, use the format ['label1', 'label2']
+      // To add a link, use the format ['link1', 'link2']. Links should be relative to the docs directory and not be anchor links.
+      // To add a label, use the format ['label1', 'label2'].
       {
         cell: 0, // First cell
         links: ['features'],
diff --git a/src/components/Cards/3.16.tsx b/src/components/Cards/3.16.tsx
index e1541923..70eac38a 100644
--- a/src/components/Cards/3.16.tsx
+++ b/src/components/Cards/3.16.tsx
@@ -20,8 +20,8 @@ const recentFeatures = [
   {
     name: 'Recent features',
     categoryLinks: [
-      // To add a link, use the format ['link1', 'link2']
-      // To add a label, use the format ['label1', 'label2']
+      // To add a link, use the format ['link1', 'link2']. Links should be relative to the docs directory and not be anchor links.
+      // To add a label, use the format ['label1', 'label2'].
       {
         cell: 0, // First cell
         links: ['api-guide#begin-or-start-a-transaction-in-read-only-mode'],
diff --git a/src/components/Cards/ja-jp/3.13.tsx b/src/components/Cards/ja-jp/3.13.tsx
index 86fea8a9..92e67d55 100644
--- a/src/components/Cards/ja-jp/3.13.tsx
+++ b/src/components/Cards/ja-jp/3.13.tsx
@@ -20,8 +20,8 @@ const recentFeatures = [
   {
     name: '新機能',
     categoryLinks: [
-      // To add a link, use the format ['link1', 'link2']
-      // To add a label, use the format ['label1', 'label2']
+      // To add a link, use the format ['link1', 'link2']. Links should be relative to the docs directory and not be anchor links.
+      // To add a label, use the format ['label1', 'label2'].
       {
         cell: 0, // First cell
         links: ['run-non-transactional-storage-operations-through-library#configure-scalardb-to-run-non-transactional-storage-operations'],
diff --git a/src/components/Cards/ja-jp/3.14.tsx b/src/components/Cards/ja-jp/3.14.tsx
index a4bf702f..3ff685db 100644
--- a/src/components/Cards/ja-jp/3.14.tsx
+++ b/src/components/Cards/ja-jp/3.14.tsx
@@ -20,8 +20,8 @@ const recentFeatures = [
   {
     name: '最近の機能',
     categoryLinks: [
-      // To add a link, use the format ['link1', 'link2']
-      // To add a label, use the format ['label1', 'label2']
+      // To add a link, use the format ['link1', 'link2']. Links should be relative to the docs directory and not be anchor links.
+      // To add a label, use the format ['label1', 'label2'].
       {
         cell: 0, // First cell
         links: ['scalardb-cluster/encrypt-data-at-rest'],
diff --git a/src/components/Cards/ja-jp/3.15.tsx b/src/components/Cards/ja-jp/3.15.tsx
index 256dc2d6..f1381c99 100644
--- a/src/components/Cards/ja-jp/3.15.tsx
+++ b/src/components/Cards/ja-jp/3.15.tsx
@@ -20,8 +20,8 @@ const recentFeatures = [
   {
     name: '最近の機能',
     categoryLinks: [
-      // To add a link, use the format ['link1', 'link2']
-      // To add a label, use the format ['label1', 'label2']
+      // To add a link, use the format ['link1', 'link2']. Links should be relative to the docs directory and not be anchor links.
+      // To add a label, use the format ['label1', 'label2'].
       {
         cell: 0, // First cell
         links: ['features'],
diff --git a/src/components/Cards/ja-jp/3.16.tsx b/src/components/Cards/ja-jp/3.16.tsx
index 3eea793e..ffb39267 100644
--- a/src/components/Cards/ja-jp/3.16.tsx
+++ b/src/components/Cards/ja-jp/3.16.tsx
@@ -20,8 +20,8 @@ const recentFeatures = [
   {
     name: '最近の機能',
     categoryLinks: [
-      // To add a link, use the format ['link1', 'link2']
-      // To add a label, use the format ['label1', 'label2']
+      // To add a link, use the format ['link1', 'link2']. Links should be relative to the docs directory and not be anchor links.
+      // To add a label, use the format ['label1', 'label2'].
       {
         cell: 0, // First cell
         links: ['api-guide#読み取り専用モードでトランザクションを開始またはスタートする'],

From ddedbcb0a19c74211af86b5986cbb39f85629f5d Mon Sep 17 00:00:00 2001
From: Josh Wong <23216828+josh-wong@users.noreply.github.com>
Date: Thu, 17 Jul 2025 16:59:31 +0900
Subject: [PATCH 10/14] Change `new feature` wording to `recent features`

Since the docs shown on the `new features` line won't always be new for that version of docs that the visitor is reading, `recent features` is more appropriate wording here.
---
 src/components/Cards/ja-jp/3.13.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Cards/ja-jp/3.13.tsx b/src/components/Cards/ja-jp/3.13.tsx
index 92e67d55..2b26572e 100644
--- a/src/components/Cards/ja-jp/3.13.tsx
+++ b/src/components/Cards/ja-jp/3.13.tsx
@@ -18,7 +18,7 @@ import { faBook } from '@fortawesome/free-solid-svg-icons';
 
 const recentFeatures = [
   {
-    name: '新機能',
+    name: '最近の機能',
     categoryLinks: [
       // To add a link, use the format ['link1', 'link2']. Links should be relative to the docs directory and not be anchor links.
       // To add a label, use the format ['label1', 'label2'].

From 977879de7fbf9b93e6c1cdbc3fccac3415f8b552 Mon Sep 17 00:00:00 2001
From: Josh Wong <23216828+josh-wong@users.noreply.github.com>
Date: Thu, 17 Jul 2025 17:10:47 +0900
Subject: [PATCH 11/14] Update links

---
 src/components/Cards/3.15.tsx       | 12 ++++++------
 src/components/Cards/3.16.tsx       | 12 ++++++------
 src/components/Cards/ja-jp/3.15.tsx | 12 ++++++------
 src/components/Cards/ja-jp/3.16.tsx | 12 ++++++------
 4 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/src/components/Cards/3.15.tsx b/src/components/Cards/3.15.tsx
index 8b4c74af..cb42728d 100644
--- a/src/components/Cards/3.15.tsx
+++ b/src/components/Cards/3.15.tsx
@@ -24,18 +24,18 @@ const recentFeatures = [
       // To add a label, use the format ['label1', 'label2'].
       {
         cell: 0, // First cell
-        links: ['features'],
-        labels: ['ScalarDB Features']
-      },
-      {
-        cell: 1, // Second cell
         links: ['scalardb-cluster/getting-started-with-vector-search'],
         labels: ['Getting Started with ScalarDB Cluster for Vector Search']
       },
       {
-        cell: 2, // Third cell
+        cell: 1, // Second cell
         links: ['scalardb-cluster/authorize-with-abac'],
         labels: ['Control User Access in a Fine-Grained Manner']
+      },
+      {
+        cell: 2, // Third cell
+        links: ['scalardb-cluster/encrypt-data-at-rest'],
+        labels: ['Encrypt Data at Rest']
       }
     ]
   }
diff --git a/src/components/Cards/3.16.tsx b/src/components/Cards/3.16.tsx
index 70eac38a..dc6b15e2 100644
--- a/src/components/Cards/3.16.tsx
+++ b/src/components/Cards/3.16.tsx
@@ -24,18 +24,18 @@ const recentFeatures = [
       // To add a label, use the format ['label1', 'label2'].
       {
         cell: 0, // First cell
-        links: ['api-guide#begin-or-start-a-transaction-in-read-only-mode'],
-        labels: ['Begin or start a transaction in read-only mode']
+        links: [''],
+        labels: ['']
       },
       {
         cell: 1, // Second cell
-        links: ['consensus-commit#one-phase-commit'],
-        labels: ['One-phase commit']
+        links: ['scalardb-cluster/getting-started-with-vector-search'],
+        labels: ['Getting Started with ScalarDB Cluster for Vector Search']
       },
       {
         cell: 2, // Third cell
-        links: ['configurations#scan-fetch-size'],
-        labels: ['Scan fetch size']
+        links: ['scalardb-cluster/authorize-with-abac'],
+        labels: ['Control User Access in a Fine-Grained Manner']
       }
     ]
   }
diff --git a/src/components/Cards/ja-jp/3.15.tsx b/src/components/Cards/ja-jp/3.15.tsx
index f1381c99..1099d6a7 100644
--- a/src/components/Cards/ja-jp/3.15.tsx
+++ b/src/components/Cards/ja-jp/3.15.tsx
@@ -24,18 +24,18 @@ const recentFeatures = [
       // To add a label, use the format ['label1', 'label2'].
       {
         cell: 0, // First cell
-        links: ['features'],
-        labels: ['ScalarDB の機能']
-      },
-      {
-        cell: 1, // Second cell
         links: ['scalardb-cluster/getting-started-with-vector-search'],
         labels: ['ScalarDB Cluster でベクトル検索をはじめよう']
       },
       {
-        cell: 2, // Third cell
+        cell: 1, // Second cell
         links: ['scalardb-cluster/authorize-with-abac'],
         labels: ['ユーザーアクセスをきめ細かく制御する']
+      },
+      {
+        cell: 2, // Third cell
+        links: ['scalardb-cluster/encrypt-data-at-rest'],
+        labels: ['保存データの暗号化']
       }
     ]
   }
diff --git a/src/components/Cards/ja-jp/3.16.tsx b/src/components/Cards/ja-jp/3.16.tsx
index ffb39267..a295a114 100644
--- a/src/components/Cards/ja-jp/3.16.tsx
+++ b/src/components/Cards/ja-jp/3.16.tsx
@@ -24,18 +24,18 @@ const recentFeatures = [
       // To add a label, use the format ['label1', 'label2'].
       {
         cell: 0, // First cell
-        links: ['api-guide#読み取り専用モードでトランザクションを開始またはスタートする'],
-        labels: ['読み取り専用モードでトランザクションを開始またはスタートする']
+        links: [''],
+        labels: ['']
       },
       {
         cell: 1, // Second cell
-        links: ['consensus-commit#1フェーズコミット'],
-        labels: ['1フェーズコミット']
+        links: ['scalardb-cluster/getting-started-with-vector-search'],
+        labels: ['ScalarDB Cluster でベクトル検索をはじめよう']
       },
       {
         cell: 2, // Third cell
-        links: ['configurations#スキャンフェッチサイズ'],
-        labels: ['スキャンフェッチサイズ']
+        links: ['scalardb-cluster/authorize-with-abac'],
+        labels: ['ユーザーアクセスをきめ細かく制御する']
       }
     ]
   }

From 99b85a418218635912276789c7d15557ca09fbd4 Mon Sep 17 00:00:00 2001
From: Josh Wong <23216828+josh-wong@users.noreply.github.com>
Date: Thu, 17 Jul 2025 17:11:21 +0900
Subject: [PATCH 12/14] Add comment about link guidelines

---
 src/components/Cards/3.13.tsx       | 1 +
 src/components/Cards/3.14.tsx       | 1 +
 src/components/Cards/3.15.tsx       | 1 +
 src/components/Cards/3.16.tsx       | 1 +
 src/components/Cards/ja-jp/3.13.tsx | 1 +
 src/components/Cards/ja-jp/3.14.tsx | 1 +
 src/components/Cards/ja-jp/3.15.tsx | 1 +
 src/components/Cards/ja-jp/3.16.tsx | 1 +
 8 files changed, 8 insertions(+)

diff --git a/src/components/Cards/3.13.tsx b/src/components/Cards/3.13.tsx
index 0e16d939..0bfc0e09 100644
--- a/src/components/Cards/3.13.tsx
+++ b/src/components/Cards/3.13.tsx
@@ -20,6 +20,7 @@ const recentFeatures = [
   {
     name: 'Recent features',
     categoryLinks: [
+      // Links should be to docs about features that have been introduced in this version or the previous version.
       // To add a link, use the format ['link1', 'link2']. Links should be relative to the docs directory and not be anchor links.
       // To add a label, use the format ['label1', 'label2'].
       {
diff --git a/src/components/Cards/3.14.tsx b/src/components/Cards/3.14.tsx
index 2fd44842..a5065d85 100644
--- a/src/components/Cards/3.14.tsx
+++ b/src/components/Cards/3.14.tsx
@@ -20,6 +20,7 @@ const recentFeatures = [
   {
     name: 'Recent features',
     categoryLinks: [
+      // Links should be to docs about features that have been introduced in this version or the previous version.
       // To add a link, use the format ['link1', 'link2']. Links should be relative to the docs directory and not be anchor links.
       // To add a label, use the format ['label1', 'label2'].
       {
diff --git a/src/components/Cards/3.15.tsx b/src/components/Cards/3.15.tsx
index cb42728d..3cf30e91 100644
--- a/src/components/Cards/3.15.tsx
+++ b/src/components/Cards/3.15.tsx
@@ -20,6 +20,7 @@ const recentFeatures = [
   {
     name: 'Recent features',
     categoryLinks: [
+      // Links should be to docs about features that have been introduced in this version or the previous version.
       // To add a link, use the format ['link1', 'link2']. Links should be relative to the docs directory and not be anchor links.
       // To add a label, use the format ['label1', 'label2'].
       {
diff --git a/src/components/Cards/3.16.tsx b/src/components/Cards/3.16.tsx
index dc6b15e2..047af72a 100644
--- a/src/components/Cards/3.16.tsx
+++ b/src/components/Cards/3.16.tsx
@@ -20,6 +20,7 @@ const recentFeatures = [
   {
     name: 'Recent features',
     categoryLinks: [
+      // Links should be to docs about features that have been introduced in this version or the previous version.
       // To add a link, use the format ['link1', 'link2']. Links should be relative to the docs directory and not be anchor links.
       // To add a label, use the format ['label1', 'label2'].
       {
diff --git a/src/components/Cards/ja-jp/3.13.tsx b/src/components/Cards/ja-jp/3.13.tsx
index 2b26572e..337951c8 100644
--- a/src/components/Cards/ja-jp/3.13.tsx
+++ b/src/components/Cards/ja-jp/3.13.tsx
@@ -20,6 +20,7 @@ const recentFeatures = [
   {
     name: '最近の機能',
     categoryLinks: [
+      // Links should be to docs about features that have been introduced in this version or the previous version.
       // To add a link, use the format ['link1', 'link2']. Links should be relative to the docs directory and not be anchor links.
       // To add a label, use the format ['label1', 'label2'].
       {
diff --git a/src/components/Cards/ja-jp/3.14.tsx b/src/components/Cards/ja-jp/3.14.tsx
index 3ff685db..42451432 100644
--- a/src/components/Cards/ja-jp/3.14.tsx
+++ b/src/components/Cards/ja-jp/3.14.tsx
@@ -20,6 +20,7 @@ const recentFeatures = [
   {
     name: '最近の機能',
     categoryLinks: [
+      // Links should be to docs about features that have been introduced in this version or the previous version.
       // To add a link, use the format ['link1', 'link2']. Links should be relative to the docs directory and not be anchor links.
       // To add a label, use the format ['label1', 'label2'].
       {
diff --git a/src/components/Cards/ja-jp/3.15.tsx b/src/components/Cards/ja-jp/3.15.tsx
index 1099d6a7..9491d804 100644
--- a/src/components/Cards/ja-jp/3.15.tsx
+++ b/src/components/Cards/ja-jp/3.15.tsx
@@ -20,6 +20,7 @@ const recentFeatures = [
   {
     name: '最近の機能',
     categoryLinks: [
+      // Links should be to docs about features that have been introduced in this version or the previous version.
       // To add a link, use the format ['link1', 'link2']. Links should be relative to the docs directory and not be anchor links.
       // To add a label, use the format ['label1', 'label2'].
       {
diff --git a/src/components/Cards/ja-jp/3.16.tsx b/src/components/Cards/ja-jp/3.16.tsx
index a295a114..1ebaffa3 100644
--- a/src/components/Cards/ja-jp/3.16.tsx
+++ b/src/components/Cards/ja-jp/3.16.tsx
@@ -20,6 +20,7 @@ const recentFeatures = [
   {
     name: '最近の機能',
     categoryLinks: [
+      // Links should be to docs about features that have been introduced in this version or the previous version.
       // To add a link, use the format ['link1', 'link2']. Links should be relative to the docs directory and not be anchor links.
       // To add a label, use the format ['label1', 'label2'].
       {

From 3c930c03511e9ee8a52d75221e6a4edf6451f071 Mon Sep 17 00:00:00 2001
From: Josh Wong <23216828+josh-wong@users.noreply.github.com>
Date: Thu, 17 Jul 2025 18:08:28 +0900
Subject: [PATCH 13/14] Add link to doc/feature introduced in 3.15

---
 src/components/Cards/3.16.tsx       | 12 ++++++------
 src/components/Cards/ja-jp/3.16.tsx | 12 ++++++------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/Cards/3.16.tsx b/src/components/Cards/3.16.tsx
index 047af72a..3cf30e91 100644
--- a/src/components/Cards/3.16.tsx
+++ b/src/components/Cards/3.16.tsx
@@ -25,18 +25,18 @@ const recentFeatures = [
       // To add a label, use the format ['label1', 'label2'].
       {
         cell: 0, // First cell
-        links: [''],
-        labels: ['']
-      },
-      {
-        cell: 1, // Second cell
         links: ['scalardb-cluster/getting-started-with-vector-search'],
         labels: ['Getting Started with ScalarDB Cluster for Vector Search']
       },
       {
-        cell: 2, // Third cell
+        cell: 1, // Second cell
         links: ['scalardb-cluster/authorize-with-abac'],
         labels: ['Control User Access in a Fine-Grained Manner']
+      },
+      {
+        cell: 2, // Third cell
+        links: ['scalardb-cluster/encrypt-data-at-rest'],
+        labels: ['Encrypt Data at Rest']
       }
     ]
   }
diff --git a/src/components/Cards/ja-jp/3.16.tsx b/src/components/Cards/ja-jp/3.16.tsx
index 1ebaffa3..9491d804 100644
--- a/src/components/Cards/ja-jp/3.16.tsx
+++ b/src/components/Cards/ja-jp/3.16.tsx
@@ -25,18 +25,18 @@ const recentFeatures = [
       // To add a label, use the format ['label1', 'label2'].
       {
         cell: 0, // First cell
-        links: [''],
-        labels: ['']
-      },
-      {
-        cell: 1, // Second cell
         links: ['scalardb-cluster/getting-started-with-vector-search'],
         labels: ['ScalarDB Cluster でベクトル検索をはじめよう']
       },
       {
-        cell: 2, // Third cell
+        cell: 1, // Second cell
         links: ['scalardb-cluster/authorize-with-abac'],
         labels: ['ユーザーアクセスをきめ細かく制御する']
+      },
+      {
+        cell: 2, // Third cell
+        links: ['scalardb-cluster/encrypt-data-at-rest'],
+        labels: ['保存データの暗号化']
       }
     ]
   }

From c15dc9ec5f9b898dcb4c5938589b49800c95fdf6 Mon Sep 17 00:00:00 2001
From: Josh Wong <23216828+josh-wong@users.noreply.github.com>
Date: Thu, 17 Jul 2025 18:52:58 +0900
Subject: [PATCH 14/14] Apply suggestions from Gemini review

---
 src/components/Cards/3.13.tsx       | 4 ++--
 src/components/Cards/ja-jp/3.13.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Cards/3.13.tsx b/src/components/Cards/3.13.tsx
index 0bfc0e09..bf3ff8ec 100644
--- a/src/components/Cards/3.13.tsx
+++ b/src/components/Cards/3.13.tsx
@@ -25,12 +25,12 @@ const recentFeatures = [
       // To add a label, use the format ['label1', 'label2'].
       {
         cell: 0, // First cell
-        links: ['run-non-transactional-storage-operations-through-library#configure-scalardb-to-run-non-transactional-storage-operations'],
+        links: ['run-non-transactional-storage-operations-through-library'],
         labels: ['Configure ScalarDB to run non-transactional storage operations']
       },
       {
         cell: 1, // Second cell
-        links: ['scalardb-cluster/run-non-transactional-storage-operations-through-sql-interface/#configure-scalardb-cluster-to-run-non-transactional-storage-operations'],
+        links: ['scalardb-cluster/run-non-transactional-storage-operations-through-sql-interface'],
         labels: ['Configure ScalarDB Cluster to run non-transactional storage operations']
       },
       {
diff --git a/src/components/Cards/ja-jp/3.13.tsx b/src/components/Cards/ja-jp/3.13.tsx
index 337951c8..1204a3b8 100644
--- a/src/components/Cards/ja-jp/3.13.tsx
+++ b/src/components/Cards/ja-jp/3.13.tsx
@@ -25,12 +25,12 @@ const recentFeatures = [
       // To add a label, use the format ['label1', 'label2'].
       {
         cell: 0, // First cell
-        links: ['run-non-transactional-storage-operations-through-library#configure-scalardb-to-run-non-transactional-storage-operations'],
+        links: ['run-non-transactional-storage-operations-through-library'],
         labels: ['非トランザクショナルストレージ操作を実行するための ScalarDB の設定']
       },
       {
         cell: 1, // Second cell
-        links: ['scalardb-cluster/run-non-transactional-storage-operations-through-sql-interface/#configure-scalardb-cluster-to-run-non-transactional-storage-operations'],
+        links: ['scalardb-cluster/run-non-transactional-storage-operations-through-sql-interface'],
         labels: ['非トランザクショナルストレージ操作を実行するための ScalarDB Cluster の設定']
       },
       {