jekyll-theme-zer0 1.28.0 → 1.30.0

data/_layouts/sitemap-collection.html

@@ -2,7 +2,7 @@
 # Features: ZER0-019, ZER0-042
 layout: root
 ---
-<!--
+{% comment %}
   ===================================================================
   COMPREHENSIVE SITEMAP COLLECTION LAYOUT
   ===================================================================
@@ -33,20 +33,20 @@ layout: root
   - Jekyll collections and site data
   - Content statistics data (if available)
   ===================================================================
--->
+{% endcomment %}
 
-<!-- ================================================ -->
-<!-- SITEMAP HEADER AND OVERVIEW                     -->
-<!-- ================================================ -->
+{% comment %} ================================================ {% endcomment %}
+{% comment %} SITEMAP HEADER AND OVERVIEW                     {% endcomment %}
+{% comment %} ================================================ {% endcomment %}
 <div class="container-fluid px-4">
   
-  <!-- Page Content -->
+  {% comment %} Page Content {% endcomment %}
   {{ content }}
   
-  <!-- ================================================ -->
-  <!-- SITE STATISTICS OVERVIEW                        -->
-  <!-- High-level metrics and site health              -->
-  <!-- ================================================ -->
+  {% comment %} ================================================ {% endcomment %}
+  {% comment %} SITE STATISTICS OVERVIEW                        {% endcomment %}
+  {% comment %} High-level metrics and site health              {% endcomment %}
+  {% comment %} ================================================ {% endcomment %}
   <div class="row mb-5">
     <div class="col-12">
       <div class="card border-primary">
@@ -72,7 +72,7 @@ layout: root
             {% endfor %}
           {% endfor %}
           <div class="row g-3">
-            <!-- Published URLs (same count as Interactive Site Map table rows) -->
+            {% comment %} Published URLs (same count as Interactive Site Map table rows) {% endcomment %}
             <div class="col-lg-2 col-md-4 col-sm-6">
               <div class="text-center p-3 border rounded">
                 <i class="bi bi-file-text display-4 text-primary mb-2"></i>
@@ -81,7 +81,7 @@ layout: root
               </div>
             </div>
             
-            <!-- Total Posts -->
+            {% comment %} Total Posts {% endcomment %}
             <div class="col-lg-2 col-md-4 col-sm-6">
               <div class="text-center p-3 border rounded">
                 <i class="bi bi-journal-text display-4 text-success mb-2"></i>
@@ -90,7 +90,7 @@ layout: root
               </div>
             </div>
             
-            <!-- Collections Count -->
+            {% comment %} Collections Count {% endcomment %}
             <div class="col-lg-2 col-md-4 col-sm-6">
               <div class="text-center p-3 border rounded">
                 <i class="bi bi-collection display-4 text-info mb-2"></i>
@@ -99,7 +99,7 @@ layout: root
               </div>
             </div>
             
-            <!-- Data Files -->
+            {% comment %} Data Files {% endcomment %}
             <div class="col-lg-2 col-md-4 col-sm-6">
               <div class="text-center p-3 border rounded">
                 <i class="bi bi-database display-4 text-warning mb-2"></i>
@@ -108,7 +108,7 @@ layout: root
               </div>
             </div>
             
-            <!-- Categories -->
+            {% comment %} Categories {% endcomment %}
             <div class="col-lg-2 col-md-4 col-sm-6">
               <div class="text-center p-3 border rounded">
                 <i class="bi bi-tags display-4 text-secondary mb-2"></i>
@@ -118,7 +118,7 @@ layout: root
               </div>
             </div>
             
-            <!-- Total Content (same as published outputs; avoids double-counting posts/collections) -->
+            {% comment %} Total Content (same as published outputs; avoids double-counting posts/collections) {% endcomment %}
             <div class="col-lg-2 col-md-4 col-sm-6">
               <div class="text-center p-3 border rounded">
                 <i class="bi bi-globe display-4 text-danger mb-2"></i>
@@ -132,10 +132,10 @@ layout: root
     </div>
   </div>
   
-  <!-- ================================================ -->
-  <!-- ENHANCED SITEMAP COMPONENT                      -->
-  <!-- Interactive search, filtering, and navigation   -->
-  <!-- ================================================ -->
+  {% comment %} ================================================ {% endcomment %}
+  {% comment %} ENHANCED SITEMAP COMPONENT                      {% endcomment %}
+  {% comment %} Interactive search, filtering, and navigation   {% endcomment %}
+  {% comment %} ================================================ {% endcomment %}
   <div class="row mb-5">
     <div class="col-12">
       <div class="card">
@@ -152,10 +152,10 @@ layout: root
     </div>
   </div>
   
-  <!-- ================================================ -->
-  <!-- COLLECTIONS OVERVIEW                            -->
-  <!-- Detailed view of all Jekyll collections         -->
-  <!-- ================================================ -->
+  {% comment %} ================================================ {% endcomment %}
+  {% comment %} COLLECTIONS OVERVIEW                            {% endcomment %}
+  {% comment %} Detailed view of all Jekyll collections         {% endcomment %}
+  {% comment %} ================================================ {% endcomment %}
   <div class="row mb-5">
     <div class="col-12">
       <div class="card">
@@ -219,13 +219,13 @@ layout: root
     </div>
   </div>
   
-  <!-- ================================================ -->
-  <!-- SITE STRUCTURE ANALYSIS                         -->
-  <!-- Detailed breakdown of site organization         -->
-  <!-- ================================================ -->
+  {% comment %} ================================================ {% endcomment %}
+  {% comment %} SITE STRUCTURE ANALYSIS                         {% endcomment %}
+  {% comment %} Detailed breakdown of site organization         {% endcomment %}
+  {% comment %} ================================================ {% endcomment %}
   <div class="row mb-5">
     <div class="col-lg-6">
-      <!-- Categories Analysis -->
+      {% comment %} Categories Analysis {% endcomment %}
       <div class="card h-100">
         <div class="card-header bg-info text-white">
           <h4 class="mb-0">
@@ -257,7 +257,7 @@ layout: root
     </div>
     
     <div class="col-lg-6">
-      <!-- Tags Analysis -->
+      {% comment %} Tags Analysis {% endcomment %}
       <div class="card h-100">
         <div class="card-header bg-warning text-dark">
           <h4 class="mb-0">
@@ -289,10 +289,10 @@ layout: root
     </div>
   </div>
   
-  <!-- ================================================ -->
-  <!-- RECENT ACTIVITY OVERVIEW                        -->
-  <!-- Latest content and updates                      -->
-  <!-- ================================================ -->
+  {% comment %} ================================================ {% endcomment %}
+  {% comment %} RECENT ACTIVITY OVERVIEW                        {% endcomment %}
+  {% comment %} Latest content and updates                      {% endcomment %}
+  {% comment %} ================================================ {% endcomment %}
   <div class="row mb-5">
     <div class="col-12">
       <div class="card">
@@ -304,7 +304,7 @@ layout: root
         </div>
         <div class="card-body">
           <div class="row">
-            <!-- Recent Posts -->
+            {% comment %} Recent Posts {% endcomment %}
             <div class="col-lg-4">
               <h5 class="border-bottom pb-2">Recent Posts</h5>
               {% assign recent_posts = site.posts | sort: 'date' | reverse | limit: 5 %}
@@ -321,7 +321,7 @@ layout: root
               {% endif %}
             </div>
             
-            <!-- Recent Pages -->
+            {% comment %} Recent Pages {% endcomment %}
             <div class="col-lg-4">
               <h5 class="border-bottom pb-2">Recent Pages</h5>
               {% assign recent_pages = site.html_pages | sort: 'path' | reverse | limit: 5 %}
@@ -338,7 +338,7 @@ layout: root
               {% endif %}
             </div>
             
-            <!-- Quick Stats -->
+            {% comment %} Quick Stats {% endcomment %}
             <div class="col-lg-4">
               <h5 class="border-bottom pb-2">Quick Stats</h5>
               <ul class="list-unstyled">
@@ -366,10 +366,10 @@ layout: root
     </div>
   </div>
   
-  <!-- ================================================ -->
-  <!-- SITE HEALTH & PERFORMANCE                       -->
-  <!-- Optional advanced statistics if data available  -->
-  <!-- ================================================ -->
+  {% comment %} ================================================ {% endcomment %}
+  {% comment %} SITE HEALTH & PERFORMANCE                       {% endcomment %}
+  {% comment %} Optional advanced statistics if data available  {% endcomment %}
+  {% comment %} ================================================ {% endcomment %}
   {% if site.data.content_statistics %}
     <div class="row mb-5">
       <div class="col-12">
@@ -381,7 +381,7 @@ layout: root
             </h3>
           </div>
           <div class="card-body">
-            <!-- Include existing stats components if available -->
+            {% comment %} Include existing stats components if available {% endcomment %}
             {% include stats/stats-overview.html %}
             
             <div class="row mt-4">
@@ -404,10 +404,10 @@ layout: root
 
 </div>
 
-<!-- ================================================ -->
-<!-- ENHANCED SITEMAP JAVASCRIPT                     -->
-<!-- Additional functionality for comprehensive view -->
-<!-- ================================================ -->
+{% comment %} ================================================ {% endcomment %}
+{% comment %} ENHANCED SITEMAP JAVASCRIPT                     {% endcomment %}
+{% comment %} Additional functionality for comprehensive view {% endcomment %}
+{% comment %} ================================================ {% endcomment %}
 <script>
 document.addEventListener('DOMContentLoaded', function() {
   // Initialize tooltips
@@ -440,9 +440,9 @@ document.addEventListener('DOMContentLoaded', function() {
 });
 </script>
 
-<!-- ================================================ -->
-<!-- SITEMAP-SPECIFIC STYLES                         -->
-<!-- ================================================ -->
+{% comment %} ================================================ {% endcomment %}
+{% comment %} SITEMAP-SPECIFIC STYLES                         {% endcomment %}
+{% comment %} ================================================ {% endcomment %}
 <style>
 .sitemap-overview {
   background: linear-gradient(135deg, var(--bs-primary-bg-subtle) 0%, var(--bs-success-bg-subtle) 100%);

data/_layouts/stats.html

@@ -2,7 +2,7 @@
 # Features: ZER0-019, ZER0-043
 layout: root
 ---
-<!--
+{% comment %}
   ===================================================================
   STATS LAYOUT - Statistics dashboard layout
   ===================================================================
@@ -39,68 +39,68 @@ layout: root
   - card: Card components for metric display
   - badge: Badges for counts and labels
   ===================================================================
--->
+{% endcomment %}
 
-<!-- ================================================ -->
-<!-- STATS LAYOUT CONTAINER                          -->
-<!-- Full-width responsive container for dashboard    -->
-<!-- ================================================ -->
+{% comment %} ================================================ {% endcomment %}
+{% comment %} STATS LAYOUT CONTAINER                          {% endcomment %}
+{% comment %} Full-width responsive container for dashboard    {% endcomment %}
+{% comment %} ================================================ {% endcomment %}
 <div class="container-fluid py-4">
   
-  <!-- ================================================ -->
-  <!-- STATS HEADER SECTION                            -->
-  <!-- Page title, description, and metadata           -->
-  <!-- ================================================ -->
+  {% comment %} ================================================ {% endcomment %}
+  {% comment %} STATS HEADER SECTION                            {% endcomment %}
+  {% comment %} Page title, description, and metadata           {% endcomment %}
+  {% comment %} ================================================ {% endcomment %}
   {% include stats/stats-header.html %}
   
-  <!-- ================================================ -->
-  <!-- STATS VALIDATION CHECK                          -->
-  <!-- Verify data availability before rendering        -->
-  <!-- ================================================ -->
+  {% comment %} ================================================ {% endcomment %}
+  {% comment %} STATS VALIDATION CHECK                          {% endcomment %}
+  {% comment %} Verify data availability before rendering        {% endcomment %}
+  {% comment %} ================================================ {% endcomment %}
   {% if site.data.content_statistics %}
     
-    <!-- ================================================ -->
-    <!-- OVERVIEW METRICS SECTION                        -->
-    <!-- High-level statistics cards                     -->
-    <!-- ================================================ -->
+    {% comment %} ================================================ {% endcomment %}
+    {% comment %} OVERVIEW METRICS SECTION                        {% endcomment %}
+    {% comment %} High-level statistics cards                     {% endcomment %}
+    {% comment %} ================================================ {% endcomment %}
     {% include stats/stats-overview.html %}
     
-    <!-- ================================================ -->
-    <!-- DETAILED ANALYTICS SECTIONS                     -->
-    <!-- Categories, tags, and metrics breakdown         -->
-    <!-- ================================================ -->
+    {% comment %} ================================================ {% endcomment %}
+    {% comment %} DETAILED ANALYTICS SECTIONS                     {% endcomment %}
+    {% comment %} Categories, tags, and metrics breakdown         {% endcomment %}
+    {% comment %} ================================================ {% endcomment %}
     <div class="row g-4 mb-5">
-      <!-- Categories Analysis -->
+      {% comment %} Categories Analysis {% endcomment %}
       <div class="col-lg-6">
         {% include stats/stats-categories.html %}
       </div>
       
-      <!-- Tags Analysis -->
+      {% comment %} Tags Analysis {% endcomment %}
       <div class="col-lg-6">
         {% include stats/stats-tags.html %}
       </div>
     </div>
     
-    <!-- ================================================ -->
-    <!-- ADDITIONAL METRICS SECTION                      -->
-    <!-- Quick facts and summary information             -->
-    <!-- ================================================ -->
+    {% comment %} ================================================ {% endcomment %}
+    {% comment %} ADDITIONAL METRICS SECTION                      {% endcomment %}
+    {% comment %} Quick facts and summary information             {% endcomment %}
+    {% comment %} ================================================ {% endcomment %}
     {% include stats/stats-metrics.html %}
     
   {% else %}
     
-    <!-- ================================================ -->
-    <!-- NO DATA AVAILABLE SECTION                       -->
-    <!-- Error state when statistics are not generated   -->
-    <!-- ================================================ -->
+    {% comment %} ================================================ {% endcomment %}
+    {% comment %} NO DATA AVAILABLE SECTION                       {% endcomment %}
+    {% comment %} Error state when statistics are not generated   {% endcomment %}
+    {% comment %} ================================================ {% endcomment %}
     {% include stats/stats-no-data.html %}
     
   {% endif %}
   
-  <!-- ================================================ -->
-  <!-- MAIN CONTENT AREA                               -->
-  <!-- Additional page content below statistics        -->
-  <!-- ================================================ -->
+  {% comment %} ================================================ {% endcomment %}
+  {% comment %} MAIN CONTENT AREA                               {% endcomment %}
+  {% comment %} Additional page content below statistics        {% endcomment %}
+  {% comment %} ================================================ {% endcomment %}
   {% if content and content != empty %}
     <div class="row mt-5">
       <div class="col-12">
@@ -115,10 +115,10 @@ layout: root
 
 </div>
 
-<!-- ================================================ -->
-<!-- STATS-SPECIFIC JAVASCRIPT                       -->
-<!-- Initialize charts and interactive components    -->
-<!-- ================================================ -->
+{% comment %} ================================================ {% endcomment %}
+{% comment %} STATS-SPECIFIC JAVASCRIPT                       {% endcomment %}
+{% comment %} Initialize charts and interactive components    {% endcomment %}
+{% comment %} ================================================ {% endcomment %}
 <script>
 document.addEventListener('DOMContentLoaded', function() {
   // Initialize tooltips for stats elements

data/_layouts/tag.html

@@ -2,7 +2,7 @@
 # Feature: ZER0-019
 layout: default
 ---
-<!--
+{% comment %}
   ===================================================================
   TAG LAYOUT - Tag archive page displaying posts by tag
   ===================================================================
@@ -27,11 +27,11 @@ layout: default
   - _includes/components/post-card.html: Reusable post card component
   - Bootstrap 5 grid and badge components
   ===================================================================
--->
+{% endcomment %}
 
-<!-- ========================== -->
-<!-- TAG HEADER SECTION         -->
-<!-- ========================== -->
+{% comment %} ========================== {% endcomment %}
+{% comment %} TAG HEADER SECTION         {% endcomment %}
+{% comment %} ========================== {% endcomment %}
 <header class="tag-header mb-5">
   <nav aria-label="breadcrumb" class="mb-3">
     <ol class="breadcrumb">
@@ -60,9 +60,9 @@ layout: default
   {{ content }}
 </header>
 
-<!-- ========================== -->
-<!-- TAGGED POSTS GRID          -->
-<!-- ========================== -->
+{% comment %} ========================== {% endcomment %}
+{% comment %} TAGGED POSTS GRID          {% endcomment %}
+{% comment %} ========================== {% endcomment %}
 <section class="tagged-posts">
   {% if tag_posts.size > 0 %}
     <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
@@ -71,7 +71,7 @@ layout: default
       {% endfor %}
     </div>
   {% else %}
-    <!-- Empty state -->
+    {% comment %} Empty state {% endcomment %}
     <div class="text-center py-5">
       <i class="bi bi-tag fs-1 text-muted"></i>
       <p class="text-muted mt-3">No posts with this tag yet.</p>
@@ -82,9 +82,9 @@ layout: default
   {% endif %}
 </section>
 
-<!-- ========================== -->
-<!-- RELATED TAGS               -->
-<!-- ========================== -->
+{% comment %} ========================== {% endcomment %}
+{% comment %} RELATED TAGS               {% endcomment %}
+{% comment %} ========================== {% endcomment %}
 {% comment %} Find tags that appear with this tag {% endcomment %}
 {% assign related_tags = "" | split: "" %}
 {% for post in tag_posts %}

data/_layouts/welcome.html

@@ -2,7 +2,7 @@
 # Features: ZER0-019, ZER0-046
 layout: root
 ---
-<!--
+{% comment %}
   ===================================================================
   WELCOME LAYOUT — Onboarding landing page for new sites
   ===================================================================
@@ -36,15 +36,15 @@ layout: root
       Gemfile       (github-pages + jekyll-remote-theme)
       index.md      (this layout)
   ===================================================================
--->
+{% endcomment %}
 
 {% include components/setup-check.html %}
 
 {% if site_needs_setup %}
 
-  <!-- ============================================================ -->
-  <!-- HERO                                                          -->
-  <!-- ============================================================ -->
+  {% comment %} ============================================================ {% endcomment %}
+  {% comment %} HERO                                                          {% endcomment %}
+  {% comment %} ============================================================ {% endcomment %}
   <section class="bg-body-tertiary border-bottom">
     <div class="container-lg py-5">
       <div class="row align-items-center g-4">
@@ -114,9 +114,9 @@ layout: root
     </div>
   </section>
 
-  <!-- ============================================================ -->
-  <!-- MINIMAL STARTER INSTRUCTIONS                                  -->
-  <!-- ============================================================ -->
+  {% comment %} ============================================================ {% endcomment %}
+  {% comment %} MINIMAL STARTER INSTRUCTIONS                                  {% endcomment %}
+  {% comment %} ============================================================ {% endcomment %}
   <section id="minimal-starter" class="container-lg py-5">
     <div class="row justify-content-center">
       <div class="col-lg-10">
@@ -129,7 +129,7 @@ layout: root
 
         <div class="accordion mt-4" id="starterAccordion">
 
-          <!-- _config.yml -->
+          {% comment %} _config.yml {% endcomment %}
           <div class="accordion-item">
             <h3 class="accordion-header">
               <button class="accordion-button" type="button"
@@ -171,7 +171,7 @@ site_configured: true
             </div>
           </div>
 
-          <!-- Gemfile -->
+          {% comment %} Gemfile {% endcomment %}
           <div class="accordion-item">
             <h3 class="accordion-header">
               <button class="accordion-button collapsed" type="button"
@@ -197,7 +197,7 @@ gem "webrick", "~> 1.7"
             </div>
           </div>
 
-          <!-- index.md -->
+          {% comment %} index.md {% endcomment %}
           <div class="accordion-item">
             <h3 class="accordion-header">
               <button class="accordion-button collapsed" type="button"
@@ -232,7 +232,7 @@ is set in `_config.yml`.
             </div>
           </div>
 
-        </div><!-- /accordion -->
+        </div>{% comment %} /accordion {% endcomment %}
 
         <div class="alert alert-info d-flex align-items-start mt-4" role="alert">
           <i class="bi bi-info-circle-fill me-2 mt-1"></i>
@@ -248,16 +248,16 @@ is set in `_config.yml`.
     </div>
   </section>
 
-  <!-- ============================================================ -->
-  <!-- SETUP WIZARD                                                  -->
-  <!-- ============================================================ -->
+  {% comment %} ============================================================ {% endcomment %}
+  {% comment %} SETUP WIZARD                                                  {% endcomment %}
+  {% comment %} ============================================================ {% endcomment %}
   <section id="setup-wizard" class="bg-body-tertiary border-top py-5">
     {% include setup/wizard.html %}
   </section>
 
-  <!-- ============================================================ -->
-  <!-- NEXT STEPS / RESOURCES                                        -->
-  <!-- ============================================================ -->
+  {% comment %} ============================================================ {% endcomment %}
+  {% comment %} NEXT STEPS / RESOURCES                                        {% endcomment %}
+  {% comment %} ============================================================ {% endcomment %}
   <section class="container-lg py-5">
     <h2 class="mb-4"><i class="bi bi-signpost-2"></i> Next steps</h2>
     <div class="row g-3">
@@ -321,9 +321,9 @@ is set in `_config.yml`.
 
 {% else %}
 
-  <!-- ============================================================ -->
-  <!-- CONFIGURED SITE — render the user's content                   -->
-  <!-- ============================================================ -->
+  {% comment %} ============================================================ {% endcomment %}
+  {% comment %} CONFIGURED SITE — render the user's content                   {% endcomment %}
+  {% comment %} ============================================================ {% endcomment %}
   <div class="container-lg py-4">
     <div class="row justify-content-center">
       <div class="col-lg-10">

data/_sass/components/_callout.scss

@@ -17,7 +17,7 @@
 
   background: var(--zer0-color-bg-elevated);
   border-left: 0.25rem solid var(--zer0-callout-color, var(--zer0-color-primary));
-  border-radius: 0.375rem;
+  border-radius: var(--zer0-radius);
   color: var(--zer0-color-ink);
 }
 

data/_sass/components/_footer.scss

@@ -64,6 +64,12 @@
     }
   }
 
+  // Element-agnostic: applied to <a> (external credits), <span> (credits with
+  // no url) and <button> (the in-page "Info" dialog trigger — it opens the
+  // #info-section offcanvas rather than navigating, so it is a button, not a
+  // link; WCAG 4.1.2). Reboot already inherits margin/font for <button>, but
+  // not background, border or colour — reset those and restate the colours
+  // `.bd-footer a` supplies so all three elements render identically.
   .powered-by-link {
     display: inline-flex;
     align-items: center;
@@ -75,10 +81,18 @@
     text-decoration: none;
     border-radius: var(--bs-border-radius-sm, 0.25rem);
     white-space: nowrap;
+    // Reboot sets `-webkit-appearance: button`, which the unprefixed property
+    // does not cancel on older WebKit — reset both.
+    -webkit-appearance: none;
+    appearance: none;
+    background: none;
+    border: 0;
+    color: var(--bs-body-color);
 
     &:hover,
     &:focus-visible {
       text-decoration: none;
+      color: var(--bs-link-hover-color);
     }
   }
 
@@ -132,6 +146,9 @@
   // Block padding grows the tap target without changing the visual text size;
   // icon links get an explicit minimum box. (`d-block` links — e.g. the
   // truncated Latest Posts titles — keep their display but gain the padding.)
+  // `> button` is matched alongside `> a` because the policy row's "Cookie
+  // Preferences" control is a <button> (it opens a modal rather than
+  // navigating) and must keep the same 1.75rem tap target as its siblings.
   .footer-dark-block {
     ul.list-unstyled li > a,
     p > a {
@@ -139,7 +156,8 @@
       padding-block: 0.25rem;
     }
 
-    ul.list-inline li > a {
+    ul.list-inline li > a,
+    ul.list-inline li > button {
       display: inline-flex;
       align-items: center;
       justify-content: center;
@@ -171,6 +189,24 @@
     }
   }
 
+  // A <button> that must sit in running text exactly like the <a> beside it —
+  // used by the "Cookie Preferences" control, which opens #cookieSettingsModal
+  // rather than navigating (WCAG 4.1.2). Reboot inherits margin/font for
+  // <button> but leaves the UA background, border and padding in place, so
+  // strip those; colour comes from the `.text-light` utility as before.
+  .footer-inline-button {
+    // Reboot sets `-webkit-appearance: button`, which the unprefixed property
+    // does not cancel on older WebKit — reset both.
+    -webkit-appearance: none;
+    appearance: none;
+    background: none;
+    border: 0;
+    padding: 0;
+    vertical-align: baseline;
+    text-align: inherit;
+    cursor: pointer;
+  }
+
   .footer-policy-links {
     @media (max-width: 767.98px) {
       font-size: 0.8125rem;