Add additional box shadows to cards/tables

* Add additional box shadows to cards/tables

src/coffee/templates/benchmark.html

@@ -32,7 +32,7 @@ <h2>AI Systems Evaluated</h2>
         </p>
     </div>
 
-    <figure class="mlc--section overflow-auto">
+    <figure class="mlc--section overflow-auto mlc--table__box-shadow">
         <table>
             <thead>
             <tr>

src/coffee/templates/macros/sut_card.html

@@ -5,7 +5,7 @@ <h1>{{ content("grades", benchmark_score.numeric_grade() | string)["rank"] }}</h
             <h3>{{ content("grades", benchmark_score.numeric_grade() | string)["explanation"] }}</h3>
             <p>{{ content("grades", benchmark_score.numeric_grade() | string)["long_description"] }}</p>
         </div>
-        <figure class="overflow-auto">
+        <figure class="overflow-auto mlc--table__box-shadow">
             <table>
                 <thead>
                     <tr>

src/coffee/templates/test_report.html

@@ -44,7 +44,7 @@ <h2>Tests Run</h2>
         </p>
     </div>
 
-    <article class="mlc--card__border">
+    <article class="mlc--card__border mlc--card__box-shadow">
         <ul class="mlc--test-runs">
             {% for hazard_score in benchmark_score.hazard_scores %}
                 <li>