styles : correction de la largeur du texte

Tout le texte a une largeur réduite, sauf les h1 qui s'étendent un peu
plus loin.

css/codecode.coop.css

@@ -13,6 +13,8 @@
 
   --article-title-color: #000000;
   --article-subtitle-color: var(--accent-color);
+  --article-title-max-width: 640px;
+  --article-text-max-width: 536px;
 
   --footer-color: #666666;
 
@@ -211,9 +213,14 @@ a:hover {
  */
 
 .main-content {
+  max-width: var(--article-title-max-width);
   word-wrap: break-word;
 }
 
+.main-content > *:not(h1) {
+  max-width: var(--article-text-max-width);
+}
+
 .main-content h1 {
   margin-top: 92px;
   margin-bottom: 29px;
@@ -251,17 +258,16 @@ a:hover {
 }
 .main-content h3[id|="section-suivante"] {
   margin-top: 73px;
+  max-width: var(--article-title-max-width);
 }
 
 .main-content p {
-  max-width: 536px;
-  line-height: var(--baseline);
   margin-top: 5px;
-  /* Push the text down and sit it on the baseline */
   margin-bottom: 0;
   padding-bottom: 19px;
-  /* Extra line between the paragraphs (with padding to avoid margin collapse) */
+
   font-size: 18px;
+  line-height: var(--baseline);
   letter-spacing: 0;
 }