From 30edfdae55ecca07ac66b7edb6f03ee5a0b89e4c Mon Sep 17 00:00:00 2001
From: Machiko Yasuda <machiko@compiler.la>
Date: Tue, 10 Dec 2024 07:48:29 +0000
Subject: [PATCH 1/4] refactor(elig-start): use call-to-action-button for
 block, not the parent, to reduce divs in templates

---
 .../templates/eligibility/start--calfresh.html   | 16 ++++++----------
 .../eligibility/start--cst-agency-card.html      | 10 +++-------
 .../templates/eligibility/start--medicare.html   | 10 +++-------
 .../eligibility/start--mst-agency-card.html      | 12 ++++--------
 .../eligibility/start--sbmtd-agency-card.html    | 12 ++++--------
 .../templates/eligibility/start--senior.html     | 16 ++++++----------
 .../templates/eligibility/start--veteran.html    | 16 ++++++----------
 .../eligibility/templates/eligibility/start.html |  6 +++---
 8 files changed, 35 insertions(+), 63 deletions(-)

diff --git a/benefits/eligibility/templates/eligibility/start--calfresh.html b/benefits/eligibility/templates/eligibility/start--calfresh.html
index 46d8fbc22..60a382a38 100644
--- a/benefits/eligibility/templates/eligibility/start--calfresh.html
+++ b/benefits/eligibility/templates/eligibility/start--calfresh.html
@@ -15,13 +15,9 @@ <h1>{% translate "You selected a CalFresh Cardholder transit benefit." %}</h1>
   {% include "eligibility/includes/media-item--identification--start--login-gov.html" %}
 {% endblock media-item %}
 
-{% block call-to-action %}
-  <div class="row justify-content-center">
-    <div class="col-12 col-lg-6">
-      {% translate "Get started with" as button_text %}
-      <a href="{% url routes.OAUTH_LOGIN %}" class="btn btn-lg btn-primary login">
-        {{ button_text }} <span class="fallback-text white-logo">Login.gov</span>
-      </a>
-    </div>
-  </div>
-{% endblock call-to-action %}
+{% block call-to-action-button %}
+  {% translate "Get started with" as button_text %}
+  <a href="{% url routes.OAUTH_LOGIN %}" class="btn btn-lg btn-primary login">
+    {{ button_text }} <span class="fallback-text white-logo">Login.gov</span>
+  </a>
+{% endblock call-to-action-button %}
diff --git a/benefits/eligibility/templates/eligibility/start--cst-agency-card.html b/benefits/eligibility/templates/eligibility/start--cst-agency-card.html
index ea8387040..070a478d3 100644
--- a/benefits/eligibility/templates/eligibility/start--cst-agency-card.html
+++ b/benefits/eligibility/templates/eligibility/start--cst-agency-card.html
@@ -15,10 +15,6 @@ <h1>{% translate "You selected an Agency Card transit benefit." %}</h1>
   {% include "eligibility/includes/media-item--identification--start--cst-agency-card.html" %}
 {% endblock media-item %}
 
-{% block call-to-action %}
-  <div class="row justify-content-center">
-    <div class="col-12 col-lg-6">
-      <a href="{% url routes.ELIGIBILITY_CONFIRM %}" class="btn btn-lg btn-primary" role="button">{% translate "Continue" %}</a>
-    </div>
-  </div>
-{% endblock call-to-action %}
+{% block call-to-action-button %}
+  <a href="{% url routes.ELIGIBILITY_CONFIRM %}" class="btn btn-lg btn-primary" role="button">{% translate "Continue" %}</a>
+{% endblock call-to-action-button %}
diff --git a/benefits/eligibility/templates/eligibility/start--medicare.html b/benefits/eligibility/templates/eligibility/start--medicare.html
index e27d16a05..b31389bc4 100644
--- a/benefits/eligibility/templates/eligibility/start--medicare.html
+++ b/benefits/eligibility/templates/eligibility/start--medicare.html
@@ -15,10 +15,6 @@ <h1>{% translate "You selected a Medicare Cardholder transit benefit." %}</h1>
     {% include "eligibility/includes/media-item--identification--start--medicare.html" %}
 {% endblock media-item %}
 
-{% block call-to-action %}
-    <div class="row justify-content-center">
-        <div class="col-12 col-lg-6">
-            <a href="{% url routes.OAUTH_LOGIN %}" class="btn btn-lg btn-primary" role="button">{% translate "Continue to Medicare.gov" %}</a>
-        </div>
-    </div>
-{% endblock call-to-action %}
+{% block call-to-action-button %}
+    <a href="{% url routes.OAUTH_LOGIN %}" class="btn btn-lg btn-primary" role="button">{% translate "Continue to Medicare.gov" %}</a>
+{% endblock call-to-action-button %}
diff --git a/benefits/eligibility/templates/eligibility/start--mst-agency-card.html b/benefits/eligibility/templates/eligibility/start--mst-agency-card.html
index d02be26ed..d2ed0c220 100644
--- a/benefits/eligibility/templates/eligibility/start--mst-agency-card.html
+++ b/benefits/eligibility/templates/eligibility/start--mst-agency-card.html
@@ -6,7 +6,7 @@
 {% endblock page-title %}
 
 {% block headline %}
-  <div class="col-lg-8">
+  <div class="col-lg-6">
     <h1>{% translate "You selected a Courtesy Card transit benefit." %}</h1>
   </div>
 {% endblock headline %}
@@ -15,10 +15,6 @@ <h1>{% translate "You selected a Courtesy Card transit benefit." %}</h1>
   {% include "eligibility/includes/media-item--identification--start--mst-agency-card.html" %}
 {% endblock media-item %}
 
-{% block call-to-action %}
-  <div class="row d-flex justify-content-lg-end">
-    <div class="col-lg-3 offset-2 offset-sm-2 offset-lg-0 col-sm-8 col-8">
-      <a href="{% url routes.ELIGIBILITY_CONFIRM %}" class="btn btn-lg btn-primary" role="button">{% translate "Continue" %}</a>
-    </div>
-  </div>
-{% endblock call-to-action %}
+{% block call-to-action-button %}
+  <a href="{% url routes.ELIGIBILITY_CONFIRM %}" class="btn btn-lg btn-primary" role="button">{% translate "Continue" %}</a>
+{% endblock call-to-action-button %}
diff --git a/benefits/eligibility/templates/eligibility/start--sbmtd-agency-card.html b/benefits/eligibility/templates/eligibility/start--sbmtd-agency-card.html
index 61b4309e9..713b19e22 100644
--- a/benefits/eligibility/templates/eligibility/start--sbmtd-agency-card.html
+++ b/benefits/eligibility/templates/eligibility/start--sbmtd-agency-card.html
@@ -6,7 +6,7 @@
 {% endblock page-title %}
 
 {% block headline %}
-    <div class="col-lg-8">
+    <div class="col-lg-6">
         <h1>{% translate "You selected a Reduced Fare Mobility ID transit benefit." %}</h1>
     </div>
 {% endblock headline %}
@@ -15,10 +15,6 @@ <h1>{% translate "You selected a Reduced Fare Mobility ID transit benefit." %}</
     {% include "eligibility/includes/media-item--identification--start--sbmtd-agency-card.html" %}
 {% endblock media-item %}
 
-{% block call-to-action %}
-    <div class="row d-flex justify-content-lg-end">
-        <div class="col-lg-3 offset-2 offset-sm-2 offset-lg-0 col-sm-8 col-8">
-            <a href="{% url routes.ELIGIBILITY_CONFIRM %}" class="btn btn-lg btn-primary" role="button">{% translate "Continue" %}</a>
-        </div>
-    </div>
-{% endblock call-to-action %}
+{% block call-to-action-button %}
+    <a href="{% url routes.ELIGIBILITY_CONFIRM %}" class="btn btn-lg btn-primary" role="button">{% translate "Continue" %}</a>
+{% endblock call-to-action-button %}
diff --git a/benefits/eligibility/templates/eligibility/start--senior.html b/benefits/eligibility/templates/eligibility/start--senior.html
index 560c1b0b6..084185981 100644
--- a/benefits/eligibility/templates/eligibility/start--senior.html
+++ b/benefits/eligibility/templates/eligibility/start--senior.html
@@ -15,13 +15,9 @@ <h1>{% translate "You selected an Older Adult transit benefit." %}</h1>
   {% include "eligibility/includes/media-item--identification--start--login-gov.html" %}
 {% endblock media-item %}
 
-{% block call-to-action %}
-  <div class="row justify-content-center">
-    <div class="col-12 col-lg-6">
-      {% translate "Get started with" as button_text %}
-      <a href="{% url routes.OAUTH_LOGIN %}" class="btn btn-lg btn-primary login">
-        {{ button_text }} <span class="fallback-text white-logo">Login.gov</span>
-      </a>
-    </div>
-  </div>
-{% endblock call-to-action %}
+{% block call-to-action-button %}
+  {% translate "Get started with" as button_text %}
+  <a href="{% url routes.OAUTH_LOGIN %}" class="btn btn-lg btn-primary login">
+    {{ button_text }} <span class="fallback-text white-logo">Login.gov</span>
+  </a>
+{% endblock call-to-action-button %}
diff --git a/benefits/eligibility/templates/eligibility/start--veteran.html b/benefits/eligibility/templates/eligibility/start--veteran.html
index 57c0d7555..fa7019547 100644
--- a/benefits/eligibility/templates/eligibility/start--veteran.html
+++ b/benefits/eligibility/templates/eligibility/start--veteran.html
@@ -15,13 +15,9 @@ <h1>{% translate "You selected a Veteran transit benefit." %}</h1>
   {% include "eligibility/includes/media-item--identification--start--login-gov.html" %}
 {% endblock media-item %}
 
-{% block call-to-action %}
-  <div class="row justify-content-center">
-    <div class="col-12 col-lg-6">
-      {% translate "Get started with" as button_text %}
-      <a href="{% url routes.OAUTH_LOGIN %}" class="btn btn-lg btn-primary login">
-        {{ button_text }} <span class="fallback-text white-logo">Login.gov</span>
-      </a>
-    </div>
-  </div>
-{% endblock call-to-action %}
+{% block call-to-action-button %}
+  {% translate "Get started with" as button_text %}
+  <a href="{% url routes.OAUTH_LOGIN %}" class="btn btn-lg btn-primary login">
+    {{ button_text }} <span class="fallback-text white-logo">Login.gov</span>
+  </a>
+{% endblock call-to-action-button %}
diff --git a/benefits/eligibility/templates/eligibility/start.html b/benefits/eligibility/templates/eligibility/start.html
index c61b57e9e..23df79612 100644
--- a/benefits/eligibility/templates/eligibility/start.html
+++ b/benefits/eligibility/templates/eligibility/start.html
@@ -13,7 +13,7 @@
 {% block inner-content %}
   <div class="col-lg-6">
     <p class="py-4">{% translate "You will need a few items to continue:" %}</p>
-    <ul class="d-flex flex-column gap-4 list-unstyled ps-0 pb-5 mb-3">
+    <ul class="d-flex flex-column gap-4 list-unstyled ps-0 mb-0">
       {% block media-item %}
       {% endblock media-item %}
       {% include "eligibility/includes/media-item--contactless-card--start.html" %}
@@ -21,5 +21,5 @@
   </div>
 {% endblock inner-content %}
 
-{% block call-to-action %}
-{% endblock call-to-action %}
+{% block call-to-action-button %}
+{% endblock call-to-action-button %}

From 0a5f154223777c589cb979ccbc5f7d5f48e0b22d Mon Sep 17 00:00:00 2001
From: Machiko Yasuda <machiko@compiler.la>
Date: Tue, 10 Dec 2024 08:02:52 +0000
Subject: [PATCH 2/4] refactor(eligibility-item): rename media-item template to
 eligibility-item

---
 .../core/includes/{media-item.html => eligibility-item.html}      | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename benefits/core/templates/core/includes/{media-item.html => eligibility-item.html} (100%)

diff --git a/benefits/core/templates/core/includes/media-item.html b/benefits/core/templates/core/includes/eligibility-item.html
similarity index 100%
rename from benefits/core/templates/core/includes/media-item.html
rename to benefits/core/templates/core/includes/eligibility-item.html

From ff88efa9da1b11d86adc2265ec697ac83eca6528 Mon Sep 17 00:00:00 2001
From: Machiko Yasuda <machiko@compiler.la>
Date: Tue, 10 Dec 2024 08:03:41 +0000
Subject: [PATCH 3/4] refactor(elig-item): rename all files from media-item to
 eligibility-item

---
 ....html => eligibility-item--contactless-card--start.html} | 2 +-
 ...ility-item--identification--start--cst-agency-card.html} | 2 +-
 ...eligibility-item--identification--start--login-gov.html} | 2 +-
 ... eligibility-item--identification--start--medicare.html} | 2 +-
 ...ility-item--identification--start--mst-agency-card.html} | 2 +-
 ...ity-item--identification--start--sbmtd-agency-card.html} | 2 +-
 .../eligibility/templates/eligibility/start--calfresh.html  | 6 +++---
 .../templates/eligibility/start--cst-agency-card.html       | 6 +++---
 .../eligibility/templates/eligibility/start--medicare.html  | 6 +++---
 .../templates/eligibility/start--mst-agency-card.html       | 6 +++---
 .../templates/eligibility/start--sbmtd-agency-card.html     | 6 +++---
 .../eligibility/templates/eligibility/start--senior.html    | 6 +++---
 .../eligibility/templates/eligibility/start--veteran.html   | 6 +++---
 benefits/eligibility/templates/eligibility/start.html       | 6 +++---
 14 files changed, 30 insertions(+), 30 deletions(-)
 rename benefits/eligibility/templates/eligibility/includes/{media-item--contactless-card--start.html => eligibility-item--contactless-card--start.html} (92%)
 rename benefits/eligibility/templates/eligibility/includes/{media-item--identification--start--cst-agency-card.html => eligibility-item--identification--start--cst-agency-card.html} (83%)
 rename benefits/eligibility/templates/eligibility/includes/{media-item--identification--start--login-gov.html => eligibility-item--identification--start--login-gov.html} (95%)
 rename benefits/eligibility/templates/eligibility/includes/{media-item--identification--start--medicare.html => eligibility-item--identification--start--medicare.html} (87%)
 rename benefits/eligibility/templates/eligibility/includes/{media-item--identification--start--mst-agency-card.html => eligibility-item--identification--start--mst-agency-card.html} (84%)
 rename benefits/eligibility/templates/eligibility/includes/{media-item--identification--start--sbmtd-agency-card.html => eligibility-item--identification--start--sbmtd-agency-card.html} (84%)

diff --git a/benefits/eligibility/templates/eligibility/includes/media-item--contactless-card--start.html b/benefits/eligibility/templates/eligibility/includes/eligibility-item--contactless-card--start.html
similarity index 92%
rename from benefits/eligibility/templates/eligibility/includes/media-item--contactless-card--start.html
rename to benefits/eligibility/templates/eligibility/includes/eligibility-item--contactless-card--start.html
index a25793a28..d584afbc2 100644
--- a/benefits/eligibility/templates/eligibility/includes/media-item--contactless-card--start.html
+++ b/benefits/eligibility/templates/eligibility/includes/eligibility-item--contactless-card--start.html
@@ -1,4 +1,4 @@
-{% extends "core/includes/media-item.html" %}
+{% extends "core/includes/eligibility-item.html" %}
 {% load i18n %}
 
 {% block heading %}
diff --git a/benefits/eligibility/templates/eligibility/includes/media-item--identification--start--cst-agency-card.html b/benefits/eligibility/templates/eligibility/includes/eligibility-item--identification--start--cst-agency-card.html
similarity index 83%
rename from benefits/eligibility/templates/eligibility/includes/media-item--identification--start--cst-agency-card.html
rename to benefits/eligibility/templates/eligibility/includes/eligibility-item--identification--start--cst-agency-card.html
index 93a6e43f0..24a9471f2 100644
--- a/benefits/eligibility/templates/eligibility/includes/media-item--identification--start--cst-agency-card.html
+++ b/benefits/eligibility/templates/eligibility/includes/eligibility-item--identification--start--cst-agency-card.html
@@ -1,4 +1,4 @@
-{% extends "core/includes/media-item.html" %}
+{% extends "core/includes/eligibility-item.html" %}
 
 {% load i18n %}
 
diff --git a/benefits/eligibility/templates/eligibility/includes/media-item--identification--start--login-gov.html b/benefits/eligibility/templates/eligibility/includes/eligibility-item--identification--start--login-gov.html
similarity index 95%
rename from benefits/eligibility/templates/eligibility/includes/media-item--identification--start--login-gov.html
rename to benefits/eligibility/templates/eligibility/includes/eligibility-item--identification--start--login-gov.html
index 94c1ef13b..d19e7e806 100644
--- a/benefits/eligibility/templates/eligibility/includes/media-item--identification--start--login-gov.html
+++ b/benefits/eligibility/templates/eligibility/includes/eligibility-item--identification--start--login-gov.html
@@ -1,4 +1,4 @@
-{% extends "core/includes/media-item.html" %}
+{% extends "core/includes/eligibility-item.html" %}
 
 {% load i18n %}
 
diff --git a/benefits/eligibility/templates/eligibility/includes/media-item--identification--start--medicare.html b/benefits/eligibility/templates/eligibility/includes/eligibility-item--identification--start--medicare.html
similarity index 87%
rename from benefits/eligibility/templates/eligibility/includes/media-item--identification--start--medicare.html
rename to benefits/eligibility/templates/eligibility/includes/eligibility-item--identification--start--medicare.html
index b2de89844..d1da97a88 100644
--- a/benefits/eligibility/templates/eligibility/includes/media-item--identification--start--medicare.html
+++ b/benefits/eligibility/templates/eligibility/includes/eligibility-item--identification--start--medicare.html
@@ -1,4 +1,4 @@
-{% extends "core/includes/media-item.html" %}
+{% extends "core/includes/eligibility-item.html" %}
 
 {% load i18n %}
 
diff --git a/benefits/eligibility/templates/eligibility/includes/media-item--identification--start--mst-agency-card.html b/benefits/eligibility/templates/eligibility/includes/eligibility-item--identification--start--mst-agency-card.html
similarity index 84%
rename from benefits/eligibility/templates/eligibility/includes/media-item--identification--start--mst-agency-card.html
rename to benefits/eligibility/templates/eligibility/includes/eligibility-item--identification--start--mst-agency-card.html
index 078d338a1..d3da3ae5b 100644
--- a/benefits/eligibility/templates/eligibility/includes/media-item--identification--start--mst-agency-card.html
+++ b/benefits/eligibility/templates/eligibility/includes/eligibility-item--identification--start--mst-agency-card.html
@@ -1,4 +1,4 @@
-{% extends "core/includes/media-item.html" %}
+{% extends "core/includes/eligibility-item.html" %}
 
 {% load i18n %}
 
diff --git a/benefits/eligibility/templates/eligibility/includes/media-item--identification--start--sbmtd-agency-card.html b/benefits/eligibility/templates/eligibility/includes/eligibility-item--identification--start--sbmtd-agency-card.html
similarity index 84%
rename from benefits/eligibility/templates/eligibility/includes/media-item--identification--start--sbmtd-agency-card.html
rename to benefits/eligibility/templates/eligibility/includes/eligibility-item--identification--start--sbmtd-agency-card.html
index 66e24cf45..7a1cef9f8 100644
--- a/benefits/eligibility/templates/eligibility/includes/media-item--identification--start--sbmtd-agency-card.html
+++ b/benefits/eligibility/templates/eligibility/includes/eligibility-item--identification--start--sbmtd-agency-card.html
@@ -1,4 +1,4 @@
-{% extends "core/includes/media-item.html" %}
+{% extends "core/includes/eligibility-item.html" %}
 
 {% load i18n %}
 
diff --git a/benefits/eligibility/templates/eligibility/start--calfresh.html b/benefits/eligibility/templates/eligibility/start--calfresh.html
index 60a382a38..0ae3cdeb2 100644
--- a/benefits/eligibility/templates/eligibility/start--calfresh.html
+++ b/benefits/eligibility/templates/eligibility/start--calfresh.html
@@ -11,9 +11,9 @@ <h1>{% translate "You selected a CalFresh Cardholder transit benefit." %}</h1>
   </div>
 {% endblock headline %}
 
-{% block media-item %}
-  {% include "eligibility/includes/media-item--identification--start--login-gov.html" %}
-{% endblock media-item %}
+{% block eligibility-item %}
+  {% include "eligibility/includes/eligibility-item--identification--start--login-gov.html" %}
+{% endblock eligibility-item %}
 
 {% block call-to-action-button %}
   {% translate "Get started with" as button_text %}
diff --git a/benefits/eligibility/templates/eligibility/start--cst-agency-card.html b/benefits/eligibility/templates/eligibility/start--cst-agency-card.html
index 070a478d3..df17b7311 100644
--- a/benefits/eligibility/templates/eligibility/start--cst-agency-card.html
+++ b/benefits/eligibility/templates/eligibility/start--cst-agency-card.html
@@ -11,9 +11,9 @@ <h1>{% translate "You selected an Agency Card transit benefit." %}</h1>
   </div>
 {% endblock headline %}
 
-{% block media-item %}
-  {% include "eligibility/includes/media-item--identification--start--cst-agency-card.html" %}
-{% endblock media-item %}
+{% block eligibility-item %}
+  {% include "eligibility/includes/eligibility-item--identification--start--cst-agency-card.html" %}
+{% endblock eligibility-item %}
 
 {% block call-to-action-button %}
   <a href="{% url routes.ELIGIBILITY_CONFIRM %}" class="btn btn-lg btn-primary" role="button">{% translate "Continue" %}</a>
diff --git a/benefits/eligibility/templates/eligibility/start--medicare.html b/benefits/eligibility/templates/eligibility/start--medicare.html
index b31389bc4..dfb9f213a 100644
--- a/benefits/eligibility/templates/eligibility/start--medicare.html
+++ b/benefits/eligibility/templates/eligibility/start--medicare.html
@@ -11,9 +11,9 @@ <h1>{% translate "You selected a Medicare Cardholder transit benefit." %}</h1>
     </div>
 {% endblock headline %}
 
-{% block media-item %}
-    {% include "eligibility/includes/media-item--identification--start--medicare.html" %}
-{% endblock media-item %}
+{% block eligibility-item %}
+    {% include "eligibility/includes/eligibility-item--identification--start--medicare.html" %}
+{% endblock eligibility-item %}
 
 {% block call-to-action-button %}
     <a href="{% url routes.OAUTH_LOGIN %}" class="btn btn-lg btn-primary" role="button">{% translate "Continue to Medicare.gov" %}</a>
diff --git a/benefits/eligibility/templates/eligibility/start--mst-agency-card.html b/benefits/eligibility/templates/eligibility/start--mst-agency-card.html
index d2ed0c220..a38ffd8a7 100644
--- a/benefits/eligibility/templates/eligibility/start--mst-agency-card.html
+++ b/benefits/eligibility/templates/eligibility/start--mst-agency-card.html
@@ -11,9 +11,9 @@ <h1>{% translate "You selected a Courtesy Card transit benefit." %}</h1>
   </div>
 {% endblock headline %}
 
-{% block media-item %}
-  {% include "eligibility/includes/media-item--identification--start--mst-agency-card.html" %}
-{% endblock media-item %}
+{% block eligibility-item %}
+  {% include "eligibility/includes/eligibility-item--identification--start--mst-agency-card.html" %}
+{% endblock eligibility-item %}
 
 {% block call-to-action-button %}
   <a href="{% url routes.ELIGIBILITY_CONFIRM %}" class="btn btn-lg btn-primary" role="button">{% translate "Continue" %}</a>
diff --git a/benefits/eligibility/templates/eligibility/start--sbmtd-agency-card.html b/benefits/eligibility/templates/eligibility/start--sbmtd-agency-card.html
index 713b19e22..2180b399d 100644
--- a/benefits/eligibility/templates/eligibility/start--sbmtd-agency-card.html
+++ b/benefits/eligibility/templates/eligibility/start--sbmtd-agency-card.html
@@ -11,9 +11,9 @@ <h1>{% translate "You selected a Reduced Fare Mobility ID transit benefit." %}</
     </div>
 {% endblock headline %}
 
-{% block media-item %}
-    {% include "eligibility/includes/media-item--identification--start--sbmtd-agency-card.html" %}
-{% endblock media-item %}
+{% block eligibility-item %}
+    {% include "eligibility/includes/eligibility-item--identification--start--sbmtd-agency-card.html" %}
+{% endblock eligibility-item %}
 
 {% block call-to-action-button %}
     <a href="{% url routes.ELIGIBILITY_CONFIRM %}" class="btn btn-lg btn-primary" role="button">{% translate "Continue" %}</a>
diff --git a/benefits/eligibility/templates/eligibility/start--senior.html b/benefits/eligibility/templates/eligibility/start--senior.html
index 084185981..fd629bb63 100644
--- a/benefits/eligibility/templates/eligibility/start--senior.html
+++ b/benefits/eligibility/templates/eligibility/start--senior.html
@@ -11,9 +11,9 @@ <h1>{% translate "You selected an Older Adult transit benefit." %}</h1>
   </div>
 {% endblock headline %}
 
-{% block media-item %}
-  {% include "eligibility/includes/media-item--identification--start--login-gov.html" %}
-{% endblock media-item %}
+{% block eligibility-item %}
+  {% include "eligibility/includes/eligibility-item--identification--start--login-gov.html" %}
+{% endblock eligibility-item %}
 
 {% block call-to-action-button %}
   {% translate "Get started with" as button_text %}
diff --git a/benefits/eligibility/templates/eligibility/start--veteran.html b/benefits/eligibility/templates/eligibility/start--veteran.html
index fa7019547..92930bd47 100644
--- a/benefits/eligibility/templates/eligibility/start--veteran.html
+++ b/benefits/eligibility/templates/eligibility/start--veteran.html
@@ -11,9 +11,9 @@ <h1>{% translate "You selected a Veteran transit benefit." %}</h1>
   </div>
 {% endblock headline %}
 
-{% block media-item %}
-  {% include "eligibility/includes/media-item--identification--start--login-gov.html" %}
-{% endblock media-item %}
+{% block eligibility-item %}
+  {% include "eligibility/includes/eligibility-item--identification--start--login-gov.html" %}
+{% endblock eligibility-item %}
 
 {% block call-to-action-button %}
   {% translate "Get started with" as button_text %}
diff --git a/benefits/eligibility/templates/eligibility/start.html b/benefits/eligibility/templates/eligibility/start.html
index 23df79612..c6c521ebc 100644
--- a/benefits/eligibility/templates/eligibility/start.html
+++ b/benefits/eligibility/templates/eligibility/start.html
@@ -14,9 +14,9 @@
   <div class="col-lg-6">
     <p class="py-4">{% translate "You will need a few items to continue:" %}</p>
     <ul class="d-flex flex-column gap-4 list-unstyled ps-0 mb-0">
-      {% block media-item %}
-      {% endblock media-item %}
-      {% include "eligibility/includes/media-item--contactless-card--start.html" %}
+      {% block eligibility-item %}
+      {% endblock eligibility-item %}
+      {% include "eligibility/includes/eligibility-item--contactless-card--start.html" %}
     </ul>
   </div>
 {% endblock inner-content %}

From cf11c044ffc0760e20242517547e33715c3a18d0 Mon Sep 17 00:00:00 2001
From: Machiko Yasuda <machiko@compiler.la>
Date: Tue, 10 Dec 2024 21:02:57 +0000
Subject: [PATCH 4/4] refactor(elig-start): add h1 styling to start.html

---
 .../templates/eligibility/start--calfresh.html           | 8 +++-----
 .../templates/eligibility/start--cst-agency-card.html    | 8 +++-----
 .../templates/eligibility/start--medicare.html           | 8 +++-----
 .../templates/eligibility/start--mst-agency-card.html    | 8 +++-----
 .../templates/eligibility/start--sbmtd-agency-card.html  | 4 +---
 .../eligibility/templates/eligibility/start--senior.html | 8 +++-----
 .../templates/eligibility/start--veteran.html            | 8 +++-----
 benefits/eligibility/templates/eligibility/start.html    | 9 +++++++++
 8 files changed, 28 insertions(+), 33 deletions(-)

diff --git a/benefits/eligibility/templates/eligibility/start--calfresh.html b/benefits/eligibility/templates/eligibility/start--calfresh.html
index 0ae3cdeb2..55ca7fb63 100644
--- a/benefits/eligibility/templates/eligibility/start--calfresh.html
+++ b/benefits/eligibility/templates/eligibility/start--calfresh.html
@@ -5,11 +5,9 @@
   {% translate "CalFresh benefit overview" %}
 {% endblock page-title %}
 
-{% block headline %}
-  <div class="col-lg-6">
-    <h1>{% translate "You selected a CalFresh Cardholder transit benefit." %}</h1>
-  </div>
-{% endblock headline %}
+{% block headline-text %}
+  {% translate "You selected a CalFresh Cardholder transit benefit." %}
+{% endblock headline-text %}
 
 {% block eligibility-item %}
   {% include "eligibility/includes/eligibility-item--identification--start--login-gov.html" %}
diff --git a/benefits/eligibility/templates/eligibility/start--cst-agency-card.html b/benefits/eligibility/templates/eligibility/start--cst-agency-card.html
index df17b7311..7d4460cd1 100644
--- a/benefits/eligibility/templates/eligibility/start--cst-agency-card.html
+++ b/benefits/eligibility/templates/eligibility/start--cst-agency-card.html
@@ -5,11 +5,9 @@
   {% translate "Agency card overview" %}
 {% endblock page-title %}
 
-{% block headline %}
-  <div class="col-lg-6">
-    <h1>{% translate "You selected an Agency Card transit benefit." %}</h1>
-  </div>
-{% endblock headline %}
+{% block headline-text %}
+  {% translate "You selected an Agency Card transit benefit." %}
+{% endblock headline-text %}
 
 {% block eligibility-item %}
   {% include "eligibility/includes/eligibility-item--identification--start--cst-agency-card.html" %}
diff --git a/benefits/eligibility/templates/eligibility/start--medicare.html b/benefits/eligibility/templates/eligibility/start--medicare.html
index dfb9f213a..59f31166c 100644
--- a/benefits/eligibility/templates/eligibility/start--medicare.html
+++ b/benefits/eligibility/templates/eligibility/start--medicare.html
@@ -5,11 +5,9 @@
     {% translate "Medicare benefit overview" %}
 {% endblock page-title %}
 
-{% block headline %}
-    <div class="col-lg-6">
-        <h1>{% translate "You selected a Medicare Cardholder transit benefit." %}</h1>
-    </div>
-{% endblock headline %}
+{% block headline-text %}
+    {% translate "You selected a Medicare Cardholder transit benefit." %}
+{% endblock headline-text %}
 
 {% block eligibility-item %}
     {% include "eligibility/includes/eligibility-item--identification--start--medicare.html" %}
diff --git a/benefits/eligibility/templates/eligibility/start--mst-agency-card.html b/benefits/eligibility/templates/eligibility/start--mst-agency-card.html
index a38ffd8a7..5fe24ca47 100644
--- a/benefits/eligibility/templates/eligibility/start--mst-agency-card.html
+++ b/benefits/eligibility/templates/eligibility/start--mst-agency-card.html
@@ -5,11 +5,9 @@
   {% translate "Agency card overview" %}
 {% endblock page-title %}
 
-{% block headline %}
-  <div class="col-lg-6">
-    <h1>{% translate "You selected a Courtesy Card transit benefit." %}</h1>
-  </div>
-{% endblock headline %}
+{% block headline-text %}
+  {% translate "You selected a Courtesy Card transit benefit." %}
+{% endblock headline-text %}
 
 {% block eligibility-item %}
   {% include "eligibility/includes/eligibility-item--identification--start--mst-agency-card.html" %}
diff --git a/benefits/eligibility/templates/eligibility/start--sbmtd-agency-card.html b/benefits/eligibility/templates/eligibility/start--sbmtd-agency-card.html
index 2180b399d..ccccdeae3 100644
--- a/benefits/eligibility/templates/eligibility/start--sbmtd-agency-card.html
+++ b/benefits/eligibility/templates/eligibility/start--sbmtd-agency-card.html
@@ -6,9 +6,7 @@
 {% endblock page-title %}
 
 {% block headline %}
-    <div class="col-lg-6">
-        <h1>{% translate "You selected a Reduced Fare Mobility ID transit benefit." %}</h1>
-    </div>
+    {% translate "You selected a Reduced Fare Mobility ID transit benefit." %}
 {% endblock headline %}
 
 {% block eligibility-item %}
diff --git a/benefits/eligibility/templates/eligibility/start--senior.html b/benefits/eligibility/templates/eligibility/start--senior.html
index fd629bb63..2a9292048 100644
--- a/benefits/eligibility/templates/eligibility/start--senior.html
+++ b/benefits/eligibility/templates/eligibility/start--senior.html
@@ -5,11 +5,9 @@
   {% translate "Older Adult benefit overview" %}
 {% endblock page-title %}
 
-{% block headline %}
-  <div class="col-lg-6">
-    <h1>{% translate "You selected an Older Adult transit benefit." %}</h1>
-  </div>
-{% endblock headline %}
+{% block headline-text %}
+  {% translate "You selected an Older Adult transit benefit." %}
+{% endblock headline-text %}
 
 {% block eligibility-item %}
   {% include "eligibility/includes/eligibility-item--identification--start--login-gov.html" %}
diff --git a/benefits/eligibility/templates/eligibility/start--veteran.html b/benefits/eligibility/templates/eligibility/start--veteran.html
index 92930bd47..7c8072621 100644
--- a/benefits/eligibility/templates/eligibility/start--veteran.html
+++ b/benefits/eligibility/templates/eligibility/start--veteran.html
@@ -5,11 +5,9 @@
   {% translate "Veterans benefit overview" %}
 {% endblock page-title %}
 
-{% block headline %}
-  <div class="col-lg-6">
-    <h1>{% translate "You selected a Veteran transit benefit." %}</h1>
-  </div>
-{% endblock headline %}
+{% block headline-text %}
+  {% translate "You selected a Veteran transit benefit." %}
+{% endblock headline-text %}
 
 {% block eligibility-item %}
   {% include "eligibility/includes/eligibility-item--identification--start--login-gov.html" %}
diff --git a/benefits/eligibility/templates/eligibility/start.html b/benefits/eligibility/templates/eligibility/start.html
index c6c521ebc..ece92563a 100644
--- a/benefits/eligibility/templates/eligibility/start.html
+++ b/benefits/eligibility/templates/eligibility/start.html
@@ -10,6 +10,15 @@
   {% include "core/includes/button--previous-page.html" with url=url %}
 {% endblock nav-buttons %}
 
+{% block headline %}
+  <div class="col-lg-6">
+    <h1>
+      {% block headline-text %}
+      {% endblock headline-text %}
+    </h1>
+  </div>
+{% endblock headline %}
+
 {% block inner-content %}
   <div class="col-lg-6">
     <p class="py-4">{% translate "You will need a few items to continue:" %}</p>