@spectrum-web-components/styles 0.41.0 → 0.41.2

package/typography.css

@@ -9,8 +9,8 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
 OF ANY KIND, either express or implied. See the License for the specific language
 governing permissions and limitations under the License.
 */
-:host,
-:root {
+:root,
+:host {
     --spectrum-font-family-ar: myriad-arabic, adobe-clean, 'Source Sans Pro',
         -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu,
         'Trebuchet MS', 'Lucida Grande', sans-serif;
@@ -21,15 +21,18 @@ governing permissions and limitations under the License.
     --spectrum-font-style: var(--spectrum-default-font-style);
     --spectrum-font-size: var(--spectrum-font-size-100);
     font-family: var(--spectrum-font-family);
-    font-size: var(--spectrum-font-size);
     font-style: var(--spectrum-font-style);
+    font-size: var(--spectrum-font-size);
 }
+
 .spectrum:lang(ar) {
     font-family: var(--spectrum-font-family-ar);
 }
+
 .spectrum:lang(he) {
     font-family: var(--spectrum-font-family-he);
 }
+
 .spectrum-Heading {
     --spectrum-heading-sans-serif-font-family: var(
         --spectrum-sans-font-family-stack
@@ -49,53 +52,52 @@ governing permissions and limitations under the License.
             var(--spectrum-heading-margin-bottom-multiplier)
     );
 }
-@media (forced-colors: active) {
-    .spectrum-Heading {
-        --highcontrast-heading-font-color: Text;
-    }
-}
+
 .spectrum-Heading--sizeXXS {
     --spectrum-heading-font-size: var(--spectrum-heading-size-xxs);
     --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xxs);
 }
+
 .spectrum-Heading--sizeXS {
     --spectrum-heading-font-size: var(--spectrum-heading-size-xs);
     --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xs);
 }
+
 .spectrum-Heading--sizeS {
     --spectrum-heading-font-size: var(--spectrum-heading-size-s);
     --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-s);
 }
+
 .spectrum-Heading--sizeM {
     --spectrum-heading-font-size: var(--spectrum-heading-size-m);
     --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-m);
 }
+
 .spectrum-Heading--sizeL {
     --spectrum-heading-font-size: var(--spectrum-heading-size-l);
     --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-l);
 }
+
 .spectrum-Heading--sizeXL {
     --spectrum-heading-font-size: var(--spectrum-heading-size-xl);
     --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xl);
 }
+
 .spectrum-Heading--sizeXXL {
     --spectrum-heading-font-size: var(--spectrum-heading-size-xxl);
     --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xxl);
 }
+
 .spectrum-Heading--sizeXXXL {
     --spectrum-heading-font-size: var(--spectrum-heading-size-xxxl);
     --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xxxl);
 }
+
 .spectrum-Heading {
-    color: var(
-        --highcontrast-heading-font-color,
-        var(--mod-heading-font-color, var(--spectrum-heading-font-color))
-    );
     font-family: var(
         --mod-heading-sans-serif-font-family,
         var(--spectrum-heading-sans-serif-font-family)
     );
-    font-size: var(--mod-heading-font-size, var(--spectrum-heading-font-size));
     font-style: var(
         --mod-heading-sans-serif-font-style,
         var(--spectrum-heading-sans-serif-font-style)
@@ -104,15 +106,20 @@ governing permissions and limitations under the License.
         --mod-heading-sans-serif-font-weight,
         var(--spectrum-heading-sans-serif-font-weight)
     );
+    font-size: var(--mod-heading-font-size, var(--spectrum-heading-font-size));
+    color: var(
+        --highcontrast-heading-font-color,
+        var(--mod-heading-font-color, var(--spectrum-heading-font-color))
+    );
     line-height: var(
         --mod-heading-line-height,
         var(--spectrum-heading-line-height)
     );
-    margin-block-end: 0;
-    margin-block-start: 0;
+    margin-block: 0;
 }
-.spectrum-Heading .spectrum-Heading-strong,
-.spectrum-Heading strong {
+
+.spectrum-Heading strong,
+.spectrum-Heading .spectrum-Heading-strong {
     font-style: var(
         --mod-heading-sans-serif-strong-font-style,
         var(--spectrum-heading-sans-serif-strong-font-style)
@@ -122,8 +129,9 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-sans-serif-strong-font-weight)
     );
 }
-.spectrum-Heading .spectrum-Heading-emphasized,
-.spectrum-Heading em {
+
+.spectrum-Heading em,
+.spectrum-Heading .spectrum-Heading-emphasized {
     font-style: var(
         --mod-heading-sans-serif-emphasized-font-style,
         var(--spectrum-heading-sans-serif-emphasized-font-style)
@@ -133,9 +141,10 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-sans-serif-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading .spectrum-Heading-strong.spectrum-Heading-emphasized,
-.spectrum-Heading em strong,
-.spectrum-Heading strong em {
+.spectrum-Heading strong em,
+.spectrum-Heading em strong {
     font-style: var(
         --mod-heading-sans-serif-strong-emphasized-font-style,
         var(--spectrum-heading-sans-serif-strong-emphasized-font-style)
@@ -145,17 +154,14 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-sans-serif-strong-emphasized-font-weight)
     );
 }
+
+.spectrum-Heading:lang(zh),
 .spectrum-Heading:lang(ja),
-.spectrum-Heading:lang(ko),
-.spectrum-Heading:lang(zh) {
+.spectrum-Heading:lang(ko) {
     font-family: var(
         --mod-heading-cjk-font-family,
         var(--spectrum-heading-cjk-font-family)
     );
-    font-size: var(
-        --mod-heading-cjk-font-size,
-        var(--spectrum-heading-cjk-font-size)
-    );
     font-style: var(
         --mod-heading-cjk-font-style,
         var(--spectrum-heading-cjk-font-style)
@@ -164,21 +170,26 @@ governing permissions and limitations under the License.
         --mod-heading-cjk-font-weight,
         var(--spectrum-heading-cjk-font-weight)
     );
-    letter-spacing: var(
-        --mod-heading-cjk-letter-spacing,
-        var(--spectrum-heading-cjk-letter-spacing)
+    font-size: var(
+        --mod-heading-cjk-font-size,
+        var(--spectrum-heading-cjk-font-size)
     );
     line-height: var(
         --mod-heading-cjk-line-height,
         var(--spectrum-heading-cjk-line-height)
     );
+    letter-spacing: var(
+        --mod-heading-cjk-letter-spacing,
+        var(--spectrum-heading-cjk-letter-spacing)
+    );
 }
-.spectrum-Heading:lang(ja) .spectrum-Heading-emphasized,
+
+.spectrum-Heading:lang(zh) em,
+.spectrum-Heading:lang(zh) .spectrum-Heading-emphasized,
 .spectrum-Heading:lang(ja) em,
-.spectrum-Heading:lang(ko) .spectrum-Heading-emphasized,
+.spectrum-Heading:lang(ja) .spectrum-Heading-emphasized,
 .spectrum-Heading:lang(ko) em,
-.spectrum-Heading:lang(zh) .spectrum-Heading-emphasized,
-.spectrum-Heading:lang(zh) em {
+.spectrum-Heading:lang(ko) .spectrum-Heading-emphasized {
     font-style: var(
         --mod-heading-cjk-emphasized-font-style,
         var(--spectrum-heading-cjk-emphasized-font-style)
@@ -188,12 +199,13 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-cjk-emphasized-font-weight)
     );
 }
-.spectrum-Heading:lang(ja) .spectrum-Heading-strong,
+
+.spectrum-Heading:lang(zh) strong,
+.spectrum-Heading:lang(zh) .spectrum-Heading-strong,
 .spectrum-Heading:lang(ja) strong,
-.spectrum-Heading:lang(ko) .spectrum-Heading-strong,
+.spectrum-Heading:lang(ja) .spectrum-Heading-strong,
 .spectrum-Heading:lang(ko) strong,
-.spectrum-Heading:lang(zh) .spectrum-Heading-strong,
-.spectrum-Heading:lang(zh) strong {
+.spectrum-Heading:lang(ko) .spectrum-Heading-strong {
     font-style: var(
         --mod-heading-cjk-strong-font-style,
         var(--spectrum-heading-cjk-strong-font-style)
@@ -203,15 +215,16 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-cjk-strong-font-weight)
     );
 }
+
+.spectrum-Heading:lang(zh) .spectrum-Heading-strong.spectrum-Heading-emphasized,
+.spectrum-Heading:lang(zh) strong em,
+.spectrum-Heading:lang(zh) em strong,
 .spectrum-Heading:lang(ja) .spectrum-Heading-strong.spectrum-Heading-emphasized,
-.spectrum-Heading:lang(ja) em strong,
 .spectrum-Heading:lang(ja) strong em,
+.spectrum-Heading:lang(ja) em strong,
 .spectrum-Heading:lang(ko) .spectrum-Heading-strong.spectrum-Heading-emphasized,
-.spectrum-Heading:lang(ko) em strong,
 .spectrum-Heading:lang(ko) strong em,
-.spectrum-Heading:lang(zh) .spectrum-Heading-strong.spectrum-Heading-emphasized,
-.spectrum-Heading:lang(zh) em strong,
-.spectrum-Heading:lang(zh) strong em {
+.spectrum-Heading:lang(ko) em strong {
     font-style: var(
         --mod-heading-cjk-strong-emphasized-font-style,
         var(--spectrum-heading-cjk-strong-emphasized-font-style)
@@ -221,6 +234,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-cjk-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading--heavy {
     font-style: var(
         --mod-heading-sans-serif-heavy-font-style,
@@ -231,8 +245,9 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-sans-serif-heavy-font-weight)
     );
 }
-.spectrum-Heading--heavy .spectrum-Heading-strong,
-.spectrum-Heading--heavy strong {
+
+.spectrum-Heading--heavy strong,
+.spectrum-Heading--heavy .spectrum-Heading-strong {
     font-style: var(
         --mod-heading-sans-serif-heavy-strong-font-style,
         var(--spectrum-heading-sans-serif-heavy-strong-font-style)
@@ -242,8 +257,9 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-sans-serif-heavy-strong-font-weight)
     );
 }
-.spectrum-Heading--heavy .spectrum-Heading-emphasized,
-.spectrum-Heading--heavy em {
+
+.spectrum-Heading--heavy em,
+.spectrum-Heading--heavy .spectrum-Heading-emphasized {
     font-style: var(
         --mod-heading-sans-serif-heavy-emphasized-font-style,
         var(--spectrum-heading-sans-serif-heavy-emphasized-font-style)
@@ -253,9 +269,10 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-sans-serif-heavy-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading--heavy .spectrum-Heading-strong.spectrum-Heading-emphasized,
-.spectrum-Heading--heavy em strong,
-.spectrum-Heading--heavy strong em {
+.spectrum-Heading--heavy strong em,
+.spectrum-Heading--heavy em strong {
     font-style: var(
         --mod-heading-sans-serif-heavy-strong-emphasized-font-style,
         var(--spectrum-heading-sans-serif-heavy-strong-emphasized-font-style)
@@ -265,9 +282,10 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-sans-serif-heavy-strong-emphasized-font-weight)
     );
 }
+
+.spectrum-Heading--heavy:lang(zh),
 .spectrum-Heading--heavy:lang(ja),
-.spectrum-Heading--heavy:lang(ko),
-.spectrum-Heading--heavy:lang(zh) {
+.spectrum-Heading--heavy:lang(ko) {
     font-style: var(
         --mod-heading-cjk-heavy-font-style,
         var(--spectrum-heading-cjk-heavy-font-style)
@@ -277,12 +295,13 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-cjk-heavy-font-weight)
     );
 }
-.spectrum-Heading--heavy:lang(ja) .spectrum-Heading-emphasized,
+
+.spectrum-Heading--heavy:lang(zh) em,
+.spectrum-Heading--heavy:lang(zh) .spectrum-Heading-emphasized,
 .spectrum-Heading--heavy:lang(ja) em,
-.spectrum-Heading--heavy:lang(ko) .spectrum-Heading-emphasized,
+.spectrum-Heading--heavy:lang(ja) .spectrum-Heading-emphasized,
 .spectrum-Heading--heavy:lang(ko) em,
-.spectrum-Heading--heavy:lang(zh) .spectrum-Heading-emphasized,
-.spectrum-Heading--heavy:lang(zh) em {
+.spectrum-Heading--heavy:lang(ko) .spectrum-Heading-emphasized {
     font-style: var(
         --mod-heading-cjk-heavy-emphasized-font-style,
         var(--spectrum-heading-cjk-heavy-emphasized-font-style)
@@ -292,12 +311,13 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-cjk-heavy-emphasized-font-weight)
     );
 }
-.spectrum-Heading--heavy:lang(ja) .spectrum-Heading-strong,
+
+.spectrum-Heading--heavy:lang(zh) strong,
+.spectrum-Heading--heavy:lang(zh) .spectrum-Heading-strong,
 .spectrum-Heading--heavy:lang(ja) strong,
-.spectrum-Heading--heavy:lang(ko) .spectrum-Heading-strong,
+.spectrum-Heading--heavy:lang(ja) .spectrum-Heading-strong,
 .spectrum-Heading--heavy:lang(ko) strong,
-.spectrum-Heading--heavy:lang(zh) .spectrum-Heading-strong,
-.spectrum-Heading--heavy:lang(zh) strong {
+.spectrum-Heading--heavy:lang(ko) .spectrum-Heading-strong {
     font-style: var(
         --mod-heading-cjk-heavy-strong-font-style,
         var(--spectrum-heading-cjk-heavy-strong-font-style)
@@ -307,18 +327,19 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-cjk-heavy-strong-font-weight)
     );
 }
+
+.spectrum-Heading--heavy:lang(zh)
+    .spectrum-Heading-strong.spectrum-Heading-emphasized,
+.spectrum-Heading--heavy:lang(zh) strong em,
+.spectrum-Heading--heavy:lang(zh) em strong,
 .spectrum-Heading--heavy:lang(ja)
     .spectrum-Heading-strong.spectrum-Heading-emphasized,
-.spectrum-Heading--heavy:lang(ja) em strong,
 .spectrum-Heading--heavy:lang(ja) strong em,
+.spectrum-Heading--heavy:lang(ja) em strong,
 .spectrum-Heading--heavy:lang(ko)
     .spectrum-Heading-strong.spectrum-Heading-emphasized,
-.spectrum-Heading--heavy:lang(ko) em strong,
 .spectrum-Heading--heavy:lang(ko) strong em,
-.spectrum-Heading--heavy:lang(zh)
-    .spectrum-Heading-strong.spectrum-Heading-emphasized,
-.spectrum-Heading--heavy:lang(zh) em strong,
-.spectrum-Heading--heavy:lang(zh) strong em {
+.spectrum-Heading--heavy:lang(ko) em strong {
     font-style: var(
         --mod-heading-cjk-heavy-strong-emphasized-font-style,
         var(--spectrum-heading-cjk-heavy-strong-emphasized-font-style)
@@ -328,6 +349,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-cjk-heavy-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading--light {
     font-style: var(
         --mod-heading-sans-serif-light-font-style,
@@ -338,8 +360,9 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-sans-serif-light-font-weight)
     );
 }
-.spectrum-Heading--light .spectrum-Heading-emphasized,
-.spectrum-Heading--light em {
+
+.spectrum-Heading--light em,
+.spectrum-Heading--light .spectrum-Heading-emphasized {
     font-style: var(
         --mod-heading-sans-serif-light-emphasized-font-style,
         var(--spectrum-heading-sans-serif-light-emphasized-font-style)
@@ -349,8 +372,9 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-sans-serif-light-emphasized-font-weight)
     );
 }
-.spectrum-Heading--light .spectrum-Heading-strong,
-.spectrum-Heading--light strong {
+
+.spectrum-Heading--light strong,
+.spectrum-Heading--light .spectrum-Heading-strong {
     font-style: var(
         --mod-heading-sans-serif-light-strong-font-style,
         var(--spectrum-heading-sans-serif-light-strong-font-style)
@@ -360,9 +384,10 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-sans-serif-light-strong-font-weight)
     );
 }
+
 .spectrum-Heading--light .spectrum-Heading-strong.spectrum-Heading-emphasized,
-.spectrum-Heading--light em strong,
-.spectrum-Heading--light strong em {
+.spectrum-Heading--light strong em,
+.spectrum-Heading--light em strong {
     font-style: var(
         --mod-heading-sans-serif-light-strong-emphasized-font-style,
         var(--spectrum-heading-sans-serif-light-strong-emphasized-font-style)
@@ -372,9 +397,10 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-sans-serif-light-strong-emphasized-font-weight)
     );
 }
+
+.spectrum-Heading--light:lang(zh),
 .spectrum-Heading--light:lang(ja),
-.spectrum-Heading--light:lang(ko),
-.spectrum-Heading--light:lang(zh) {
+.spectrum-Heading--light:lang(ko) {
     font-style: var(
         --mod-heading-cjk-light-font-style,
         var(--spectrum-heading-cjk-light-font-style)
@@ -384,12 +410,13 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-cjk-light-font-weight)
     );
 }
-.spectrum-Heading--light:lang(ja) .spectrum-Heading-strong,
+
+.spectrum-Heading--light:lang(zh) strong,
+.spectrum-Heading--light:lang(zh) .spectrum-Heading-strong,
 .spectrum-Heading--light:lang(ja) strong,
-.spectrum-Heading--light:lang(ko) .spectrum-Heading-strong,
+.spectrum-Heading--light:lang(ja) .spectrum-Heading-strong,
 .spectrum-Heading--light:lang(ko) strong,
-.spectrum-Heading--light:lang(zh) .spectrum-Heading-strong,
-.spectrum-Heading--light:lang(zh) strong {
+.spectrum-Heading--light:lang(ko) .spectrum-Heading-strong {
     font-style: var(
         --mod-heading-cjk-light-strong-font-style,
         var(--spectrum-heading-cjk-light-strong-font-style)
@@ -399,12 +426,13 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-cjk-light-strong-font-weight)
     );
 }
-.spectrum-Heading--light:lang(ja) .spectrum-Heading-emphasized,
+
+.spectrum-Heading--light:lang(zh) em,
+.spectrum-Heading--light:lang(zh) .spectrum-Heading-emphasized,
 .spectrum-Heading--light:lang(ja) em,
-.spectrum-Heading--light:lang(ko) .spectrum-Heading-emphasized,
+.spectrum-Heading--light:lang(ja) .spectrum-Heading-emphasized,
 .spectrum-Heading--light:lang(ko) em,
-.spectrum-Heading--light:lang(zh) .spectrum-Heading-emphasized,
-.spectrum-Heading--light:lang(zh) em {
+.spectrum-Heading--light:lang(ko) .spectrum-Heading-emphasized {
     font-style: var(
         --mod-heading-cjk-light-emphasized-font-style,
         var(--spectrum-heading-cjk-light-emphasized-font-style)
@@ -414,18 +442,19 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-cjk-light-emphasized-font-weight)
     );
 }
+
+.spectrum-Heading--light:lang(zh)
+    .spectrum-Heading-strong.spectrum-Heading-emphasized,
+.spectrum-Heading--light:lang(zh) strong em,
+.spectrum-Heading--light:lang(zh) em strong,
 .spectrum-Heading--light:lang(ja)
     .spectrum-Heading-strong.spectrum-Heading-emphasized,
-.spectrum-Heading--light:lang(ja) em strong,
 .spectrum-Heading--light:lang(ja) strong em,
+.spectrum-Heading--light:lang(ja) em strong,
 .spectrum-Heading--light:lang(ko)
     .spectrum-Heading-strong.spectrum-Heading-emphasized,
-.spectrum-Heading--light:lang(ko) em strong,
 .spectrum-Heading--light:lang(ko) strong em,
-.spectrum-Heading--light:lang(zh)
-    .spectrum-Heading-strong.spectrum-Heading-emphasized,
-.spectrum-Heading--light:lang(zh) em strong,
-.spectrum-Heading--light:lang(zh) strong em {
+.spectrum-Heading--light:lang(ko) em strong {
     font-style: var(
         --mod-heading-cjk-light-strong-emphasized-font-style,
         var(--spectrum-heading-cjk-light-strong-emphasized-font-style)
@@ -435,6 +464,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-cjk-light-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading--serif {
     font-family: var(
         --mod-heading-serif-font-family,
@@ -449,8 +479,9 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-serif-font-weight)
     );
 }
-.spectrum-Heading--serif .spectrum-Heading-emphasized,
-.spectrum-Heading--serif em {
+
+.spectrum-Heading--serif em,
+.spectrum-Heading--serif .spectrum-Heading-emphasized {
     font-style: var(
         --mod-heading-serif-emphasized-font-style,
         var(--spectrum-heading-serif-emphasized-font-style)
@@ -460,8 +491,9 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-serif-emphasized-font-weight)
     );
 }
-.spectrum-Heading--serif .spectrum-Heading-strong,
-.spectrum-Heading--serif strong {
+
+.spectrum-Heading--serif strong,
+.spectrum-Heading--serif .spectrum-Heading-strong {
     font-style: var(
         --mod-heading-serif-strong-font-style,
         var(--spectrum-heading-serif-strong-font-style)
@@ -471,9 +503,10 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-serif-strong-font-weight)
     );
 }
+
 .spectrum-Heading--serif .spectrum-Heading-strong.spectrum-Heading-emphasized,
-.spectrum-Heading--serif em strong,
-.spectrum-Heading--serif strong em {
+.spectrum-Heading--serif strong em,
+.spectrum-Heading--serif em strong {
     font-style: var(
         --mod-heading-serif-strong-emphasized-font-style,
         var(--spectrum-heading-serif-strong-emphasized-font-style)
@@ -483,6 +516,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-serif-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading--serif.spectrum-Heading--heavy {
     font-style: var(
         --mod-heading-serif-heavy-font-style,
@@ -493,8 +527,9 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-serif-heavy-font-weight)
     );
 }
-.spectrum-Heading--serif.spectrum-Heading--heavy .spectrum-Heading-strong,
-.spectrum-Heading--serif.spectrum-Heading--heavy strong {
+
+.spectrum-Heading--serif.spectrum-Heading--heavy strong,
+.spectrum-Heading--serif.spectrum-Heading--heavy .spectrum-Heading-strong {
     font-style: var(
         --mod-heading-serif-heavy-strong-font-style,
         var(--spectrum-heading-serif-heavy-strong-font-style)
@@ -504,8 +539,9 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-serif-heavy-strong-font-weight)
     );
 }
-.spectrum-Heading--serif.spectrum-Heading--heavy .spectrum-Heading-emphasized,
-.spectrum-Heading--serif.spectrum-Heading--heavy em {
+
+.spectrum-Heading--serif.spectrum-Heading--heavy em,
+.spectrum-Heading--serif.spectrum-Heading--heavy .spectrum-Heading-emphasized {
     font-style: var(
         --mod-heading-serif-heavy-emphasized-font-style,
         var(--spectrum-heading-serif-heavy-emphasized-font-style)
@@ -515,10 +551,11 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-serif-heavy-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading--serif.spectrum-Heading--heavy
     .spectrum-Heading-strong.spectrum-Heading-emphasized,
-.spectrum-Heading--serif.spectrum-Heading--heavy em strong,
-.spectrum-Heading--serif.spectrum-Heading--heavy strong em {
+.spectrum-Heading--serif.spectrum-Heading--heavy strong em,
+.spectrum-Heading--serif.spectrum-Heading--heavy em strong {
     font-style: var(
         --mod-heading-serif-heavy-strong-emphasized-font-style,
         var(--spectrum-heading-serif-heavy-strong-emphasized-font-style)
@@ -528,6 +565,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-serif-heavy-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading--serif.spectrum-Heading--light {
     font-style: var(
         --mod-heading-serif-light-font-style,
@@ -538,8 +576,9 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-serif-light-font-weight)
     );
 }
-.spectrum-Heading--serif.spectrum-Heading--light .spectrum-Heading-emphasized,
-.spectrum-Heading--serif.spectrum-Heading--light em {
+
+.spectrum-Heading--serif.spectrum-Heading--light em,
+.spectrum-Heading--serif.spectrum-Heading--light .spectrum-Heading-emphasized {
     font-style: var(
         --mod-heading-serif-light-emphasized-font-style,
         var(--spectrum-heading-serif-light-emphasized-font-style)
@@ -549,8 +588,9 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-serif-light-emphasized-font-weight)
     );
 }
-.spectrum-Heading--serif.spectrum-Heading--light .spectrum-Heading-strong,
-.spectrum-Heading--serif.spectrum-Heading--light strong {
+
+.spectrum-Heading--serif.spectrum-Heading--light strong,
+.spectrum-Heading--serif.spectrum-Heading--light .spectrum-Heading-strong {
     font-style: var(
         --mod-heading-serif-light-strong-font-style,
         var(--spectrum-heading-serif-light-strong-font-style)
@@ -560,10 +600,11 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-serif-light-strong-font-weight)
     );
 }
+
 .spectrum-Heading--serif.spectrum-Heading--light
     .spectrum-Heading-strong.spectrum-Heading-emphasized,
-.spectrum-Heading--serif.spectrum-Heading--light em strong,
-.spectrum-Heading--serif.spectrum-Heading--light strong em {
+.spectrum-Heading--serif.spectrum-Heading--light strong em,
+.spectrum-Heading--serif.spectrum-Heading--light em strong {
     font-style: var(
         --mod-heading-serif-light-strong-emphasized-font-style,
         var(--spectrum-heading-serif-light-strong-emphasized-font-style)
@@ -573,16 +614,18 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-serif-light-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Typography .spectrum-Heading {
-    margin-block-end: var(
-        --mod-heading-margin-end,
-        var(--spectrum-heading-margin-end)
-    );
     margin-block-start: var(
         --mod-heading-margin-start,
         var(--spectrum-heading-margin-start)
     );
+    margin-block-end: var(
+        --mod-heading-margin-end,
+        var(--spectrum-heading-margin-end)
+    );
 }
+
 .spectrum-Body {
     --spectrum-body-sans-serif-font-family: var(
         --spectrum-sans-font-family-stack
@@ -596,42 +639,40 @@ governing permissions and limitations under the License.
     );
     --spectrum-body-font-color: var(--spectrum-body-color);
 }
-@media (forced-colors: active) {
-    .spectrum-Body {
-        --highcontrast-body-font-color: Text;
-    }
-}
+
 .spectrum-Body--sizeXS {
     --spectrum-body-font-size: var(--spectrum-body-size-xs);
 }
+
 .spectrum-Body--sizeS {
     --spectrum-body-font-size: var(--spectrum-body-size-s);
 }
+
 .spectrum-Body--sizeM {
     --spectrum-body-font-size: var(--spectrum-body-size-m);
 }
+
 .spectrum-Body--sizeL {
     --spectrum-body-font-size: var(--spectrum-body-size-l);
 }
+
 .spectrum-Body--sizeXL {
     --spectrum-body-font-size: var(--spectrum-body-size-xl);
 }
+
 .spectrum-Body--sizeXXL {
     --spectrum-body-font-size: var(--spectrum-body-size-xxl);
 }
+
 .spectrum-Body--sizeXXXL {
     --spectrum-body-font-size: var(--spectrum-body-size-xxxl);
 }
+
 .spectrum-Body {
-    color: var(
-        --highcontrast-body-font-color,
-        var(--mod-body-font-color, var(--spectrum-body-font-color))
-    );
     font-family: var(
         --mod-body-sans-serif-font-family,
         var(--spectrum-body-sans-serif-font-family)
     );
-    font-size: var(--mod-body-font-size, var(--spectrum-body-font-size));
     font-style: var(
         --mod-body-sans-serif-font-style,
         var(--spectrum-body-sans-serif-font-style)
@@ -640,12 +681,17 @@ governing permissions and limitations under the License.
         --mod-body-sans-serif-font-weight,
         var(--spectrum-body-sans-serif-font-weight)
     );
+    font-size: var(--mod-body-font-size, var(--spectrum-body-font-size));
+    color: var(
+        --highcontrast-body-font-color,
+        var(--mod-body-font-color, var(--spectrum-body-font-color))
+    );
     line-height: var(--mod-body-line-height, var(--spectrum-body-line-height));
-    margin-block-end: 0;
-    margin-block-start: 0;
+    margin-block: 0;
 }
-.spectrum-Body .spectrum-Body-strong,
-.spectrum-Body strong {
+
+.spectrum-Body strong,
+.spectrum-Body .spectrum-Body-strong {
     font-style: var(
         --mod-body-sans-serif-strong-font-style,
         var(--spectrum-body-sans-serif-strong-font-style)
@@ -655,8 +701,9 @@ governing permissions and limitations under the License.
         var(--spectrum-body-sans-serif-strong-font-weight)
     );
 }
-.spectrum-Body .spectrum-Body-emphasized,
-.spectrum-Body em {
+
+.spectrum-Body em,
+.spectrum-Body .spectrum-Body-emphasized {
     font-style: var(
         --mod-body-sans-serif-emphasized-font-style,
         var(--spectrum-body-sans-serif-emphasized-font-style)
@@ -666,6 +713,7 @@ governing permissions and limitations under the License.
         var(--spectrum-body-sans-serif-emphasized-font-weight)
     );
 }
+
 .spectrum-Body .spectrum-Body-strong.spectrum-Body-emphasized,
 .spectrum-Body em strong,
 .spectrum-Body strong em {
@@ -678,9 +726,10 @@ governing permissions and limitations under the License.
         var(--spectrum-body-sans-serif-strong-emphasized-font-weight)
     );
 }
+
+.spectrum-Body:lang(zh),
 .spectrum-Body:lang(ja),
-.spectrum-Body:lang(ko),
-.spectrum-Body:lang(zh) {
+.spectrum-Body:lang(ko) {
     font-family: var(
         --mod-body-cjk-font-family,
         var(--spectrum-body-cjk-font-family)
@@ -693,21 +742,22 @@ governing permissions and limitations under the License.
         --mod-body-cjk-font-weight,
         var(--spectrum-body-cjk-font-weight)
     );
-    letter-spacing: var(
-        --mod-body-cjk-letter-spacing,
-        var(--spectrum-body-cjk-letter-spacing)
-    );
     line-height: var(
         --mod-body-cjk-line-height,
         var(--spectrum-body-cjk-line-height)
     );
+    letter-spacing: var(
+        --mod-body-cjk-letter-spacing,
+        var(--spectrum-body-cjk-letter-spacing)
+    );
 }
-.spectrum-Body:lang(ja) .spectrum-Body-strong,
+
+.spectrum-Body:lang(zh) strong,
+.spectrum-Body:lang(zh) .spectrum-Body-strong,
 .spectrum-Body:lang(ja) strong,
-.spectrum-Body:lang(ko) .spectrum-Body-strong,
+.spectrum-Body:lang(ja) .spectrum-Body-strong,
 .spectrum-Body:lang(ko) strong,
-.spectrum-Body:lang(zh) .spectrum-Body-strong,
-.spectrum-Body:lang(zh) strong {
+.spectrum-Body:lang(ko) .spectrum-Body-strong {
     font-style: var(
         --mod-body-cjk-strong-font-style,
         var(--spectrum-body-cjk-strong-font-style)
@@ -717,12 +767,13 @@ governing permissions and limitations under the License.
         var(--spectrum-body-cjk-strong-font-weight)
     );
 }
-.spectrum-Body:lang(ja) .spectrum-Body-emphasized,
+
+.spectrum-Body:lang(zh) em,
+.spectrum-Body:lang(zh) .spectrum-Body-emphasized,
 .spectrum-Body:lang(ja) em,
-.spectrum-Body:lang(ko) .spectrum-Body-emphasized,
+.spectrum-Body:lang(ja) .spectrum-Body-emphasized,
 .spectrum-Body:lang(ko) em,
-.spectrum-Body:lang(zh) .spectrum-Body-emphasized,
-.spectrum-Body:lang(zh) em {
+.spectrum-Body:lang(ko) .spectrum-Body-emphasized {
     font-style: var(
         --mod-body-cjk-emphasized-font-style,
         var(--spectrum-body-cjk-emphasized-font-style)
@@ -732,15 +783,16 @@ governing permissions and limitations under the License.
         var(--spectrum-body-cjk-emphasized-font-weight)
     );
 }
+
+.spectrum-Body:lang(zh) .spectrum-Body-strong.spectrum-Body-emphasized,
+.spectrum-Body:lang(zh) em strong,
+.spectrum-Body:lang(zh) strong em,
 .spectrum-Body:lang(ja) .spectrum-Body-strong.spectrum-Body-emphasized,
 .spectrum-Body:lang(ja) em strong,
 .spectrum-Body:lang(ja) strong em,
 .spectrum-Body:lang(ko) .spectrum-Body-strong.spectrum-Body-emphasized,
 .spectrum-Body:lang(ko) em strong,
-.spectrum-Body:lang(ko) strong em,
-.spectrum-Body:lang(zh) .spectrum-Body-strong.spectrum-Body-emphasized,
-.spectrum-Body:lang(zh) em strong,
-.spectrum-Body:lang(zh) strong em {
+.spectrum-Body:lang(ko) strong em {
     font-style: var(
         --mod-body-cjk-strong-emphasized-font-style,
         var(--spectrum-body-cjk-strong-emphasized-font-style)
@@ -750,22 +802,24 @@ governing permissions and limitations under the License.
         var(--spectrum-body-cjk-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Body--serif {
     font-family: var(
         --mod-body-serif-font-family,
         var(--spectrum-body-serif-font-family)
     );
-    font-style: var(
-        --mod-body-serif-font-style,
-        var(--spectrum-body-serif-font-style)
-    );
     font-weight: var(
         --mod-body-serif-font-weight,
         var(--spectrum-body-serif-font-weight)
     );
+    font-style: var(
+        --mod-body-serif-font-style,
+        var(--spectrum-body-serif-font-style)
+    );
 }
-.spectrum-Body--serif .spectrum-Body-strong,
-.spectrum-Body--serif strong {
+
+.spectrum-Body--serif strong,
+.spectrum-Body--serif .spectrum-Body-strong {
     font-style: var(
         --mod-body-serif-strong-font-style,
         var(--spectrum-body-serif-strong-font-style)
@@ -775,8 +829,9 @@ governing permissions and limitations under the License.
         var(--spectrum-body-serif-strong-font-weight)
     );
 }
-.spectrum-Body--serif .spectrum-Body-emphasized,
-.spectrum-Body--serif em {
+
+.spectrum-Body--serif em,
+.spectrum-Body--serif .spectrum-Body-emphasized {
     font-style: var(
         --mod-body-serif-emphasized-font-style,
         var(--spectrum-body-serif-emphasized-font-style)
@@ -786,6 +841,7 @@ governing permissions and limitations under the License.
         var(--spectrum-body-serif-emphasized-font-weight)
     );
 }
+
 .spectrum-Body--serif .spectrum-Body-strong.spectrum-Body-emphasized,
 .spectrum-Body--serif em strong,
 .spectrum-Body--serif strong em {
@@ -798,9 +854,11 @@ governing permissions and limitations under the License.
         var(--spectrum-body-serif-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Typography .spectrum-Body {
     margin-block-end: var(--mod-body-margin, var(--spectrum-body-margin));
 }
+
 .spectrum-Detail {
     --spectrum-detail-sans-serif-font-family: var(
         --spectrum-sans-font-family-stack
@@ -819,33 +877,28 @@ governing permissions and limitations under the License.
     );
     --spectrum-detail-font-color: var(--spectrum-detail-color);
 }
-@media (forced-colors: active) {
-    .spectrum-Detail {
-        --highcontrast-detail-font-color: Text;
-    }
-}
+
 .spectrum-Detail--sizeS {
     --spectrum-detail-font-size: var(--spectrum-detail-size-s);
 }
+
 .spectrum-Detail--sizeM {
     --spectrum-detail-font-size: var(--spectrum-detail-size-m);
 }
+
 .spectrum-Detail--sizeL {
     --spectrum-detail-font-size: var(--spectrum-detail-size-l);
 }
+
 .spectrum-Detail--sizeXL {
     --spectrum-detail-font-size: var(--spectrum-detail-size-xl);
 }
+
 .spectrum-Detail {
-    color: var(
-        --highcontrast-detail-font-color,
-        var(--mod-detail-font-color, var(--spectrum-detail-font-color))
-    );
     font-family: var(
         --mod-detail-sans-serif-font-family,
         var(--spectrum-detail-sans-serif-font-family)
     );
-    font-size: var(--mod-detail-font-size, var(--spectrum-detail-font-size));
     font-style: var(
         --mod-detail-sans-serif-font-style,
         var(--spectrum-detail-sans-serif-font-style)
@@ -854,20 +907,25 @@ governing permissions and limitations under the License.
         --mod-detail-sans-serif-font-weight,
         var(--spectrum-detail-sans-serif-font-weight)
     );
-    letter-spacing: var(
-        --mod-detail-letter-spacing,
-        var(--spectrum-detail-letter-spacing)
+    font-size: var(--mod-detail-font-size, var(--spectrum-detail-font-size));
+    color: var(
+        --highcontrast-detail-font-color,
+        var(--mod-detail-font-color, var(--spectrum-detail-font-color))
     );
     line-height: var(
         --mod-detail-line-height,
         var(--spectrum-detail-line-height)
     );
-    margin-block-end: 0;
-    margin-block-start: 0;
+    letter-spacing: var(
+        --mod-detail-letter-spacing,
+        var(--spectrum-detail-letter-spacing)
+    );
     text-transform: uppercase;
+    margin-block: 0;
 }
-.spectrum-Detail .spectrum-Detail-strong,
-.spectrum-Detail strong {
+
+.spectrum-Detail strong,
+.spectrum-Detail .spectrum-Detail-strong {
     font-style: var(
         --mod-detail-sans-serif-strong-font-style,
         var(--spectrum-detail-sans-serif-strong-font-style)
@@ -877,8 +935,9 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-sans-serif-strong-font-weight)
     );
 }
-.spectrum-Detail .spectrum-Detail-emphasized,
-.spectrum-Detail em {
+
+.spectrum-Detail em,
+.spectrum-Detail .spectrum-Detail-emphasized {
     font-style: var(
         --mod-detail-sans-serif-emphasized-font-style,
         var(--spectrum-detail-sans-serif-emphasized-font-style)
@@ -888,6 +947,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-sans-serif-emphasized-font-weight)
     );
 }
+
 .spectrum-Detail .spectrum-Detail-strong.spectrum-Detail-emphasized,
 .spectrum-Detail em strong,
 .spectrum-Detail strong em {
@@ -900,9 +960,10 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-sans-serif-strong-emphasized-font-weight)
     );
 }
+
+.spectrum-Detail:lang(zh),
 .spectrum-Detail:lang(ja),
-.spectrum-Detail:lang(ko),
-.spectrum-Detail:lang(zh) {
+.spectrum-Detail:lang(ko) {
     font-family: var(
         --mod-detail-cjk-font-family,
         var(--spectrum-detail-cjk-font-family)
@@ -920,12 +981,13 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-cjk-line-height)
     );
 }
-.spectrum-Detail:lang(ja) .spectrum-Detail-strong,
+
+.spectrum-Detail:lang(zh) strong,
+.spectrum-Detail:lang(zh) .spectrum-Detail-strong,
 .spectrum-Detail:lang(ja) strong,
-.spectrum-Detail:lang(ko) .spectrum-Detail-strong,
+.spectrum-Detail:lang(ja) .spectrum-Detail-strong,
 .spectrum-Detail:lang(ko) strong,
-.spectrum-Detail:lang(zh) .spectrum-Detail-strong,
-.spectrum-Detail:lang(zh) strong {
+.spectrum-Detail:lang(ko) .spectrum-Detail-strong {
     font-style: var(
         --mod-detail-cjk-strong-font-style,
         var(--spectrum-detail-cjk-strong-font-style)
@@ -935,12 +997,13 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-cjk-strong-font-weight)
     );
 }
-.spectrum-Detail:lang(ja) .spectrum-Detail-emphasized,
+
+.spectrum-Detail:lang(zh) em,
+.spectrum-Detail:lang(zh) .spectrum-Detail-emphasized,
 .spectrum-Detail:lang(ja) em,
-.spectrum-Detail:lang(ko) .spectrum-Detail-emphasized,
+.spectrum-Detail:lang(ja) .spectrum-Detail-emphasized,
 .spectrum-Detail:lang(ko) em,
-.spectrum-Detail:lang(zh) .spectrum-Detail-emphasized,
-.spectrum-Detail:lang(zh) em {
+.spectrum-Detail:lang(ko) .spectrum-Detail-emphasized {
     font-style: var(
         --mod-detail-cjk-emphasized-font-style,
         var(--spectrum-detail-cjk-emphasized-font-style)
@@ -950,15 +1013,16 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-cjk-emphasized-font-weight)
     );
 }
+
+.spectrum-Detail:lang(zh) .spectrum-Detail-strong.spectrum-Detail-emphasized,
+.spectrum-Detail:lang(zh) em strong,
+.spectrum-Detail:lang(zh) strong em,
 .spectrum-Detail:lang(ja) .spectrum-Detail-strong.spectrum-Detail-emphasized,
 .spectrum-Detail:lang(ja) em strong,
 .spectrum-Detail:lang(ja) strong em,
 .spectrum-Detail:lang(ko) .spectrum-Detail-strong.spectrum-Detail-emphasized,
 .spectrum-Detail:lang(ko) em strong,
-.spectrum-Detail:lang(ko) strong em,
-.spectrum-Detail:lang(zh) .spectrum-Detail-strong.spectrum-Detail-emphasized,
-.spectrum-Detail:lang(zh) em strong,
-.spectrum-Detail:lang(zh) strong em {
+.spectrum-Detail:lang(ko) strong em {
     font-style: var(
         --mod-detail-cjk-strong-emphasized-font-style,
         var(--spectrum-detail-cjk-strong-emphasized-font-style)
@@ -968,6 +1032,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-cjk-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Detail--serif {
     font-family: var(
         --mod-detail-serif-font-family,
@@ -982,8 +1047,9 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-serif-font-weight)
     );
 }
-.spectrum-Detail--serif .spectrum-Detail-strong,
-.spectrum-Detail--serif strong {
+
+.spectrum-Detail--serif strong,
+.spectrum-Detail--serif .spectrum-Detail-strong {
     font-style: var(
         --mod-detail-serif-strong-font-style,
         var(--spectrum-detail-serif-strong-font-style)
@@ -993,8 +1059,9 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-serif-strong-font-weight)
     );
 }
-.spectrum-Detail--serif .spectrum-Detail-emphasized,
-.spectrum-Detail--serif em {
+
+.spectrum-Detail--serif em,
+.spectrum-Detail--serif .spectrum-Detail-emphasized {
     font-style: var(
         --mod-detail-serif-emphasized-font-style,
         var(--spectrum-detail-serif-emphasized-font-style)
@@ -1004,6 +1071,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-serif-emphasized-font-weight)
     );
 }
+
 .spectrum-Detail--serif .spectrum-Detail-strong.spectrum-Detail-emphasized,
 .spectrum-Detail--serif em strong,
 .spectrum-Detail--serif strong em {
@@ -1016,6 +1084,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-serif-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Detail--light {
     font-style: var(
         --mod-detail-sans-serif-light-font-style,
@@ -1026,8 +1095,9 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-sans-serif-light-font-weight)
     );
 }
-.spectrum-Detail--light .spectrum-Detail-strong,
-.spectrum-Detail--light strong {
+
+.spectrum-Detail--light strong,
+.spectrum-Detail--light .spectrum-Detail-strong {
     font-style: var(
         --mod-detail-sans-serif-light-strong-font-style,
         var(--spectrum-detail-sans-serif-light-strong-font-style)
@@ -1037,8 +1107,9 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-sans-serif-light-strong-font-weight)
     );
 }
-.spectrum-Detail--light .spectrum-Detail-emphasized,
-.spectrum-Detail--light em {
+
+.spectrum-Detail--light em,
+.spectrum-Detail--light .spectrum-Detail-emphasized {
     font-style: var(
         --mod-detail-sans-serif-light-emphasized-font-style,
         var(--spectrum-detail-sans-serif-light-emphasized-font-style)
@@ -1048,6 +1119,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-sans-serif-light-emphasized-font-weight)
     );
 }
+
 .spectrum-Detail--light .spectrum-Detail-strong.spectrum-Body-emphasized,
 .spectrum-Detail--light em strong,
 .spectrum-Detail--light strong em {
@@ -1060,9 +1132,10 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-sans-serif-light-strong-emphasized-font-weight)
     );
 }
+
+.spectrum-Detail--light:lang(zh),
 .spectrum-Detail--light:lang(ja),
-.spectrum-Detail--light:lang(ko),
-.spectrum-Detail--light:lang(zh) {
+.spectrum-Detail--light:lang(ko) {
     font-style: var(
         --mod-detail-cjk-light-font-style,
         var(--spectrum-detail-cjk-light-font-style)
@@ -1072,12 +1145,13 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-cjk-light-font-weight)
     );
 }
-.spectrum-Detail--light:lang(ja) .spectrum-Detail-strong,
+
+.spectrum-Detail--light:lang(zh) strong,
+.spectrum-Detail--light:lang(zh) .spectrum-Detail-strong,
 .spectrum-Detail--light:lang(ja) strong,
-.spectrum-Detail--light:lang(ko) .spectrum-Detail-strong,
+.spectrum-Detail--light:lang(ja) .spectrum-Detail-strong,
 .spectrum-Detail--light:lang(ko) strong,
-.spectrum-Detail--light:lang(zh) .spectrum-Detail-strong,
-.spectrum-Detail--light:lang(zh) strong {
+.spectrum-Detail--light:lang(ko) .spectrum-Detail-strong {
     font-style: var(
         --mod-detail-cjk-light-strong-font-style,
         var(--spectrum-detail-cjk-light-strong-font-style)
@@ -1087,12 +1161,13 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-cjk-light-strong-font-weight)
     );
 }
-.spectrum-Detail--light:lang(ja) .spectrum-Detail-emphasized,
+
+.spectrum-Detail--light:lang(zh) em,
+.spectrum-Detail--light:lang(zh) .spectrum-Detail-emphasized,
 .spectrum-Detail--light:lang(ja) em,
-.spectrum-Detail--light:lang(ko) .spectrum-Detail-emphasized,
+.spectrum-Detail--light:lang(ja) .spectrum-Detail-emphasized,
 .spectrum-Detail--light:lang(ko) em,
-.spectrum-Detail--light:lang(zh) .spectrum-Detail-emphasized,
-.spectrum-Detail--light:lang(zh) em {
+.spectrum-Detail--light:lang(ko) .spectrum-Detail-emphasized {
     font-style: var(
         --mod-detail-cjk-light-emphasized-font-style,
         var(--spectrum-detail-cjk-light-emphasized-font-style)
@@ -1102,11 +1177,12 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-cjk-light-emphasized-font-weight)
     );
 }
+
+.spectrum-Detail--light:lang(zh)
+    .spectrum-Detail-strong.spectrum-Detail-emphasized,
 .spectrum-Detail--light:lang(ja)
     .spectrum-Detail-strong.spectrum-Detail-emphasized,
 .spectrum-Detail--light:lang(ko)
-    .spectrum-Detail-strong.spectrum-Detail-emphasized,
-.spectrum-Detail--light:lang(zh)
     .spectrum-Detail-strong.spectrum-Detail-emphasized {
     font-style: var(
         --mod-detail-cjk-light-strong-emphasized-font-style,
@@ -1117,6 +1193,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-cjk-light-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Detail--serif.spectrum-Detail--light {
     font-style: var(
         --mod-detail-serif-light-font-style,
@@ -1127,8 +1204,9 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-serif-light-font-weight)
     );
 }
-.spectrum-Detail--serif.spectrum-Detail--light .spectrum-Detail-strong,
-.spectrum-Detail--serif.spectrum-Detail--light strong {
+
+.spectrum-Detail--serif.spectrum-Detail--light strong,
+.spectrum-Detail--serif.spectrum-Detail--light .spectrum-Detail-strong {
     font-style: var(
         --mod-detail-serif-light-strong-font-style,
         var(--spectrum-detail-serif-light-strong-font-style)
@@ -1138,8 +1216,9 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-serif-light-strong-font-weight)
     );
 }
-.spectrum-Detail--serif.spectrum-Detail--light .spectrum-Detail-emphasized,
-.spectrum-Detail--serif.spectrum-Detail--light em {
+
+.spectrum-Detail--serif.spectrum-Detail--light em,
+.spectrum-Detail--serif.spectrum-Detail--light .spectrum-Detail-emphasized {
     font-style: var(
         --mod-detail-serif-light-emphasized-font-style,
         var(--spectrum-detail-serif-light-emphasized-font-style)
@@ -1149,6 +1228,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-serif-light-emphasized-font-weight)
     );
 }
+
 .spectrum-Detail--serif.spectrum-Detail--light
     .spectrum-Detail-strong.spectrum-Body-emphasized,
 .spectrum-Detail--serif.spectrum-Detail--light em strong,
@@ -1162,56 +1242,59 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-serif-light-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Typography .spectrum-Detail {
-    margin-block-end: var(
-        --mod-detail-margin-end,
-        var(--spectrum-detail-margin-end)
-    );
     margin-block-start: var(
         --mod-detail-margin-start,
         var(--spectrum-detail-margin-start)
     );
+    margin-block-end: var(
+        --mod-detail-margin-end,
+        var(--spectrum-detail-margin-end)
+    );
 }
+
 .spectrum-Code {
     --spectrum-code-font-family: var(--spectrum-code-font-family-stack);
     --spectrum-code-cjk-letter-spacing: var(--spectrum-cjk-letter-spacing);
     --spectrum-code-font-color: var(--spectrum-code-color);
 }
-@media (forced-colors: active) {
-    .spectrum-Code {
-        --highcontrast-code-font-color: Text;
-    }
-}
+
 .spectrum-Code--sizeXS {
     --spectrum-code-font-size: var(--spectrum-code-size-xs);
 }
+
 .spectrum-Code--sizeS {
     --spectrum-code-font-size: var(--spectrum-code-size-s);
 }
+
 .spectrum-Code--sizeM {
     --spectrum-code-font-size: var(--spectrum-code-size-m);
 }
+
 .spectrum-Code--sizeL {
     --spectrum-code-font-size: var(--spectrum-code-size-l);
 }
+
 .spectrum-Code--sizeXL {
     --spectrum-code-font-size: var(--spectrum-code-size-xl);
 }
+
 .spectrum-Code {
-    color: var(
-        --highcontrast-code-font-color,
-        var(--mod-code-font-color, var(--spectrum-code-font-color))
-    );
     font-family: var(--mod-code-font-family, var(--spectrum-code-font-family));
-    font-size: var(--mod-code-font-size, var(--spectrum-code-font-size));
     font-style: var(--mod-code-font-style, var(--spectrum-code-font-style));
     font-weight: var(--mod-code-font-weight, var(--spectrum-code-font-weight));
+    font-size: var(--mod-code-font-size, var(--spectrum-code-font-size));
     line-height: var(--mod-code-line-height, var(--spectrum-code-line-height));
-    margin-block-end: 0;
-    margin-block-start: 0;
+    color: var(
+        --highcontrast-code-font-color,
+        var(--mod-code-font-color, var(--spectrum-code-font-color))
+    );
+    margin-block: 0;
 }
-.spectrum-Code .spectrum-Code-strong,
-.spectrum-Code strong {
+
+.spectrum-Code strong,
+.spectrum-Code .spectrum-Code-strong {
     font-style: var(
         --mod-code-strong-font-style,
         var(--spectrum-code-strong-font-style)
@@ -1221,8 +1304,9 @@ governing permissions and limitations under the License.
         var(--spectrum-code-strong-font-weight)
     );
 }
-.spectrum-Code .spectrum-Code-emphasized,
-.spectrum-Code em {
+
+.spectrum-Code em,
+.spectrum-Code .spectrum-Code-emphasized {
     font-style: var(
         --mod-code-emphasized-font-style,
         var(--spectrum-code-emphasized-font-style)
@@ -1232,6 +1316,7 @@ governing permissions and limitations under the License.
         var(--spectrum-code-emphasized-font-weight)
     );
 }
+
 .spectrum-Code .spectrum-Code-strong.spectrum-Code-emphasized,
 .spectrum-Code em strong,
 .spectrum-Code strong em {
@@ -1244,9 +1329,10 @@ governing permissions and limitations under the License.
         var(--spectrum-code-strong-emphasized-font-weight)
     );
 }
+
+.spectrum-Code:lang(zh),
 .spectrum-Code:lang(ja),
-.spectrum-Code:lang(ko),
-.spectrum-Code:lang(zh) {
+.spectrum-Code:lang(ko) {
     font-family: var(
         --mod-code-cjk-font-family,
         var(--spectrum-code-cjk-font-family)
@@ -1259,21 +1345,22 @@ governing permissions and limitations under the License.
         --mod-code-cjk-font-weight,
         var(--spectrum-code-cjk-font-weight)
     );
-    letter-spacing: var(
-        --mod-code-cjk-letter-spacing,
-        var(--spectrum-code-cjk-letter-spacing)
-    );
     line-height: var(
         --mod-code-cjk-line-height,
         var(--spectrum-code-cjk-line-height)
     );
+    letter-spacing: var(
+        --mod-code-cjk-letter-spacing,
+        var(--spectrum-code-cjk-letter-spacing)
+    );
 }
-.spectrum-Code:lang(ja) .spectrum-Code-strong,
+
+.spectrum-Code:lang(zh) strong,
+.spectrum-Code:lang(zh) .spectrum-Code-strong,
 .spectrum-Code:lang(ja) strong,
-.spectrum-Code:lang(ko) .spectrum-Code-strong,
+.spectrum-Code:lang(ja) .spectrum-Code-strong,
 .spectrum-Code:lang(ko) strong,
-.spectrum-Code:lang(zh) .spectrum-Code-strong,
-.spectrum-Code:lang(zh) strong {
+.spectrum-Code:lang(ko) .spectrum-Code-strong {
     font-style: var(
         --mod-code-cjk-strong-font-style,
         var(--spectrum-code-cjk-strong-font-style)
@@ -1283,12 +1370,13 @@ governing permissions and limitations under the License.
         var(--spectrum-code-cjk-strong-font-weight)
     );
 }
-.spectrum-Code:lang(ja) .spectrum-Code-emphasized,
+
+.spectrum-Code:lang(zh) em,
+.spectrum-Code:lang(zh) .spectrum-Code-emphasized,
 .spectrum-Code:lang(ja) em,
-.spectrum-Code:lang(ko) .spectrum-Code-emphasized,
+.spectrum-Code:lang(ja) .spectrum-Code-emphasized,
 .spectrum-Code:lang(ko) em,
-.spectrum-Code:lang(zh) .spectrum-Code-emphasized,
-.spectrum-Code:lang(zh) em {
+.spectrum-Code:lang(ko) .spectrum-Code-emphasized {
     font-style: var(
         --mod-code-cjk-emphasized-font-style,
         var(--spectrum-code-cjk-emphasized-font-style)
@@ -1298,15 +1386,16 @@ governing permissions and limitations under the License.
         var(--spectrum-code-cjk-emphasized-font-weight)
     );
 }
+
+.spectrum-Code:lang(zh) .spectrum-Code-strong.spectrum-Code-emphasized,
+.spectrum-Code:lang(zh) em strong,
+.spectrum-Code:lang(zh) strong em,
 .spectrum-Code:lang(ja) .spectrum-Code-strong.spectrum-Code-emphasized,
 .spectrum-Code:lang(ja) em strong,
 .spectrum-Code:lang(ja) strong em,
 .spectrum-Code:lang(ko) .spectrum-Code-strong.spectrum-Code-emphasized,
 .spectrum-Code:lang(ko) em strong,
-.spectrum-Code:lang(ko) strong em,
-.spectrum-Code:lang(zh) .spectrum-Code-strong.spectrum-Code-emphasized,
-.spectrum-Code:lang(zh) em strong,
-.spectrum-Code:lang(zh) strong em {
+.spectrum-Code:lang(ko) strong em {
     font-style: var(
         --mod-code-cjk-strong-emphasized-font-style,
         var(--spectrum-code-cjk-strong-emphasized-font-style)