[Scorecards] More prominent styling for Methodology in-page nav

- Move in-page nav to left-hand column
- Purple links in in-page nav
- White background for in-page nav on mobile (rather than transparent)

scoring/static/scoring/scss/navbar.scss

@@ -79,10 +79,9 @@
             padding: 1rem 15px 1rem 45px;
             margin: 0 -15px;
             width: 100vw;
-            background-image: url('../img/hamburger-black.svg');
+            border: none;
+            background: #fff url('../img/hamburger-black.svg') 15px 50% no-repeat;
             background-size: 1rem;
-            background-repeat: no-repeat;
-            background-position: 15px 50%;
 
             &:focus {
                 background-color: $color-scorecard-yellow;
@@ -97,4 +96,8 @@
             display: block;
         }
     }
+
+    .list-group {
+        --bs-list-group-color: #{$link-color};
+    }
 }

scoring/templates/scoring/methodology.html

@@ -25,7 +25,7 @@ <h1 class="mb-3" style="max-width: 20em">
 
         <div class="container-xl">
             <div class="row">
-                <div class="col-md-4 offset-lg-1 col-xl-3 order-md-2 mt-5 sticky-in-page-nav">
+                <div class="col-md-4 col-xl-3 mt-5 sticky-in-page-nav">
 
                     <button aria-expanded="false" aria-controls="in-page-nav">Jump to section</button>
 
@@ -38,7 +38,7 @@ <h3 class="h6 d-none d-md-block" style="margin-left: 1rem;">Contents</h3>
                     </div>
 
                 </div>
-                <div class="col-md-8 col-lg-7 col-xl-8 order-md-1 mt-5">
+                <div class="col-md-8 col-lg-7 offset-lg-1 col-xl-8 mt-5">
 
                     {% include intro_template %}
 

scoring/templates/scoring/methodology/2025/_toc.html

@@ -1,7 +1,7 @@
 <a class="list-group-item text-decoration-none" href="#section-summary">Summary</a>
 <a class="list-group-item text-decoration-none" href="#section-methodology-review">Methodology Review</a>
 <a class="list-group-item text-decoration-none" href="#section-question-criteria">Question Criteria</a>
-<a class="list-group-item text-decoration-none" href="#section-question-criteria" style="font-style: italic; font-weight: 600; padding-left: 2rem;">See the questions</a>
+<a class="list-group-item text-decoration-none fw-bold" href="#section-question-criteria" style="padding-left: 2rem;">See the questions</a>
 <a class="list-group-item text-decoration-none" href="#section-question-weighting-within">Question weighting within sections</a>
 <a class="list-group-item text-decoration-none" href="#section-section-summaries">Section Summaries and Weightings</a>
 <a class="list-group-item text-decoration-none" href="#section-what-we-marked">What We are Marking</a>