Fix how content overflow is handled

Instead of overriding it on every element on its own, set up text
overflow on the article itself.

docs/kitchen-sink/really-long.md

@@ -100,9 +100,9 @@ Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque sit temporibus c
 
 Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque sit temporibus cupiditate in ducimus illum assumenda dolor, dignissimos laboriosam voluptate dolorem dolore eum repellendus minima, nisi sequi? Eveniet, dignissimos asperiores!
 
-## Heading 17
+## Heading_17_is_a_really_long_heading_that_is_not_code_and_should_wrap_when_it_reaches_the_sidebar
 
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque sit temporibus cupiditate in ducimus illum assumenda dolor, dignissimos laboriosam voluptate dolorem dolore eum repellendus minima, nisi sequi? Eveniet, dignissimos asperiores!
+This_is_a_really_long_sentence_that_is_not_code_and_needs_more_words_and_should_wrap_when_it_reaches_the_sidebar
 
 ## Heading 18
 

src/furo/assets/styles/_scaffold.sass

@@ -47,6 +47,7 @@ body
 article
   color: var(--color-content-foreground)
   background: var(--color-content-background)
+  overflow-wrap: break-word
 
 .page
   display: flex

src/furo/assets/styles/content/_api.sass

@@ -68,10 +68,6 @@ dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.
       font-weight: normal
       width: 3.5rem
 
-  // Break words when they're too long
-  span.pre
-    overflow-wrap: anywhere
-
 em.property
   font-style: normal
   &:first-child

src/furo/assets/styles/content/_code.sass

@@ -6,8 +6,6 @@ code.literal, .sig-inline
   font-size: var(--font-size--small--2)
   padding: 0.1em 0.2em
 
-  overflow-wrap: break-word
-
   p &
     border: 1px solid var(--color-background-border)