Amend the browser support policy for Safari, per: emberjs/rfcs#984

Author: NullVoxPopuli

app/templates/browser-support.hbs

@@ -3,6 +3,40 @@
   <section aria-labelledby="section-browser-support-policy">
     <h1 id="section-browser-support-policy">Ember.js Browser Support Policy</h1>
 
+    <h2>Ember 6.0.0</h2>
+
+    <p>
+      In Ember 6.0.0, the framework supports the following major browsers:
+    </p>
+
+    <ul class="list-unstyled layout my-3">
+      <EsCard class="lg:col-2">
+        <div class="text-center text-md">Desktop</div>
+        <ul>
+          <li>Google Chrome >= 103</li>
+          <li>Mozilla Firefox >= 102</li>
+          <li>Microsoft Edge >= 110</li>
+          <li>Safari >= 16.4</li>
+        </ul>
+      </EsCard>
+      <EsCard class="lg:col-2">
+        <div class="text-center text-md">Mobile</div>
+        <ul>
+          <li>Google Chrome >= 112</li>
+          <li>Mozilla Firefox >= 110</li>
+          <li>Safari >= 16.4</li>
+        </ul>
+      </EsCard>
+      <EsCard class="lg:col-2">
+        <div class="text-center text-md">Testing</div>
+        <ul>
+          <li>Google Chrome</li>
+          <li>Mozilla Firefox</li>
+        </ul>
+      </EsCard>
+    </ul>
+
+
     <h2>Ember 5.0.0</h2>
 
     <p>
@@ -109,13 +143,15 @@
           <li>Google Chrome</li>
           <li>Mozilla Firefox</li>
           <li>Microsoft Edge</li>
+          <li>Safari</li>
         </ul>
       </EsCard>
       <EsCard class="lg:col-2">
         <div class="text-center text-md">Mobile</div>
         <ul>
           <li>Google Chrome</li>
           <li>Mozilla Firefox</li>
+          <li>Safari</li>
         </ul>
       </EsCard>
       <EsCard class="lg:col-2">
@@ -127,34 +163,18 @@
       </EsCard>
     </ul>
 
-    <h3 class="text-center">Non-evergreen</h3>
-
-    <div class="layout">
-      <ul class="list-unstyled layout lg:col-4 lg:start-2 my-3">
-        <EsCard class="lg:col-3">
-          <div class="text-center text-md">Desktop</div>
-          <ul>
-            <li>Safari</li>
-          </ul>
-        </EsCard>
-        <EsCard class="lg:col-3">
-          <div class="text-center text-md">Mobile</div>
-          <ul>
-            <li>Safari</li>
-          </ul>
-        </EsCard>
-      </ul>
-    </div>
-
     <p>
-      For evergreen browsers, the minimum version of the browser that we support is
+      For evergreen browsers, the minimum version of the browser that we support can be
       determined at the time of every minor release, following this formula:
     </p>
 
     <div class="layout my-3">
       <div class="card">
         <div class="card__content">
-          <p>Whichever browser version is greater/more recent out of:</p>
+           <p>
+            Whichever browser version is greater/more recent out of the following,
+            given that the owning entity (e.g.: Apple, Google, Mozilla) still supports the version
+          </p>
 
           <ol>
             <li>
@@ -181,26 +201,10 @@
 
     <p>
       For non-evergreen browsers, support is locked at a specific major version, and
-      we support all major versions above that version:
+      we support all major versions above that version.
+      However, all supported browsers are considered evergreen.
     </p>
 
-    <div class="layout">
-      <ul class="list-unstyled layout lg:col-4 lg:start-2 my-3">
-        <EsCard class="lg:col-3">
-          <div class="text-center text-md">Desktop</div>
-          <ul>
-            <li>Safari: 12</li>
-          </ul>
-        </EsCard>
-        <EsCard class="lg:col-3">
-          <div class="text-center text-md">Mobile</div>
-          <ul>
-            <li>Safari: 12</li>
-          </ul>
-        </EsCard>
-      </ul>
-    </div>
-
     Within a version of a browser, we only support the most recent patch release.
   </section>
 </div>