Update index.html

index.html

@@ -36,7 +36,6 @@
       --coral: #D08A7A;
       --coral-deep: #B8705F;
       --rose: #EDD3CD;
-      --pink-title: #EDD3CD;
       --cream: #F3EFE9;
       --paper: #FFFDF8;
       --ink: rgba(37, 75, 107, .82);
@@ -502,8 +501,8 @@
 
     .companions-title {
       margin: 0 0 9px;
-      color: var(--pink-title);
-      font-size: clamp(16px, 4vw, 20px);
+      color: var(--coral);
+      font-size: clamp(20px, 5vw, 28px);
       font-weight: 900;
       line-height: 1.35;
     }
@@ -516,9 +515,9 @@
 
     .companions-list li {
       margin: 5px 0;
-      font-size: clamp(16px, 4vw, 20px);
+      font-size: clamp(20px, 5vw, 28px);
       font-weight: 900;
-      line-height: 1.38;
+      line-height: 1.35;
       letter-spacing: .003em;
     }
 
@@ -527,7 +526,7 @@
       color: var(--coral);
       font-family: var(--font-serif);
       font-style: italic;
-      font-size: clamp(16px, 4vw, 20px);
+      font-size: clamp(20px, 5vw, 28px);
       font-weight: 900;
       line-height: 1.35;
     }
@@ -585,9 +584,19 @@
       .table-name[data-long="true"] { font-size: clamp(28px, 7.5vw, 46px); }
       .reveal-divider { margin-top: 16px; }
       .companions { margin-top: 12px; }
-      .companions-title { margin-bottom: 6px; }
-      .companions-list li { margin: 3px 0; font-size: clamp(14px, 3.6vw, 17px); line-height: 1.34; }
-      .cheers { margin-top: 10px; font-size: clamp(15px, 3.8vw, 18px); }
+      .companions-title {
+        margin-bottom: 6px;
+        font-size: clamp(18px, 4.4vw, 24px);
+      }
+      .companions-list li {
+        margin: 3px 0;
+        font-size: clamp(18px, 4.4vw, 24px);
+        line-height: 1.35;
+      }
+      .cheers {
+        margin-top: 10px;
+        font-size: clamp(18px, 4.4vw, 24px);
+      }
       .again { height: 48px; margin-top: 20px; }
     }