FIX: Move overflow from cooked to parent element to allow for slight overflow of blur/italic/shadow

app/assets/stylesheets/common/base/topic-post.scss

@@ -496,9 +496,7 @@ aside.quote {
   // this is necessary for ANYTHING that extends past the right edge of
   // the post body, such as an image in a deeply nested list, image in
   // a deeply nested blockquote, and so on.. you get the idea.
-  .contents .cooked {
-    overflow: hidden;
-  }
+  overflow: hidden;
   &.highlighted {
     animation: background-fade-highlight 2.5s ease-out;
   }

app/assets/stylesheets/mobile/topic-post.scss

@@ -301,9 +301,9 @@ span.post-count {
   overflow: inherit;
 }
 
-// instead, for mobile we set overflow hidden on the cooked part of post body
+// instead, for mobile we set overflow hidden on the post's #main-outlet
 // this prevents image overflow on deeply nested blockquotes, lists, etc
-.cooked {
+[class*="archetype-"] #main-outlet {
   overflow: hidden;
 }