From e54880f6e300b8cfb26c4a9b221d90e0063c659e Mon Sep 17 00:00:00 2001
From: Svetlana Korobtseva <wizzzjer@gmail.com>
Date: Mon, 24 Jul 2023 21:36:34 +0600
Subject: [PATCH 01/14] =?UTF-8?q?=D0=9F=D0=B5=D1=80=D0=B5=D1=81=D0=BC?=
 =?UTF-8?q?=D0=B0=D1=82=D1=80=D0=B8=D0=B2=D0=B0=D0=B5=D1=82=20=D0=BE=D1=82?=
 =?UTF-8?q?=D1=81=D1=82=D1=83=D0=BF=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/blocks/article-heading.css | 16 ++++++++--------
 src/styles/blocks/questions.css       | 16 +++++++++++++---
 2 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/src/styles/blocks/article-heading.css b/src/styles/blocks/article-heading.css
index fe15aa041..9bb992e95 100644
--- a/src/styles/blocks/article-heading.css
+++ b/src/styles/blocks/article-heading.css
@@ -121,14 +121,14 @@
 
 .article-heading--level-2 {
   margin-top: 40px;
-  margin-bottom: 10px;
+  margin-bottom: 8px;
 }
 
 .article-heading--level-3,
 .article-heading--level-4,
 .article-heading--level-5 {
   margin-top: 20px;
-  margin-bottom: 10px;
+  margin-bottom: 8px;
 }
 
 .article-heading + .article-heading {
@@ -148,41 +148,41 @@
 @media (min-width: 768px) {
   .article-heading--level-2 {
     margin-top: 70px;
-    margin-bottom: 16px;
+    margin-bottom: 8px;
   }
 
   .article-heading--level-3,
   .article-heading--level-4,
   .article-heading--level-5 {
     margin-top: 24px;
-    margin-bottom: 16px;
+    margin-bottom: 8px;
   }
 }
 
 @media (min-width: 1024px) {
   .article-heading--level-2 {
     margin-top: 60px;
-    margin-bottom: 20px;
+    margin-bottom: 10px;
   }
 
   .article-heading--level-3,
   .article-heading--level-4,
   .article-heading--level-5 {
     margin-top: 40px;
-    margin-bottom: 20px;
+    margin-bottom: 10px;
   }
 }
 
 @media (min-width: 1680px) {
   .article-heading--level-2 {
     margin-top: 70px;
-    margin-bottom: 20px;
+    margin-bottom: 10px;
   }
 
   .article-heading--level-3,
   .article-heading--level-4,
   .article-heading--level-5 {
     margin-top: 50px;
-    margin-bottom: 20px;
+    margin-bottom: 10px;
   }
 }
diff --git a/src/styles/blocks/questions.css b/src/styles/blocks/questions.css
index 854fae597..ea0731bae 100644
--- a/src/styles/blocks/questions.css
+++ b/src/styles/blocks/questions.css
@@ -4,7 +4,7 @@
 }
 
 .question__request {
-  margin-top: 50px;
+  margin-top: 40px;
 }
 
 .content p.question__response-placeholder {
@@ -28,17 +28,27 @@
   }
 
   .question__request .questions__edit-button {
-    margin-top: 16px;
+    margin-top: 14px;
   }
 }
 
 @media (min-width: 1024px) {
+  .question__request {
+    margin-top: 50px;
+  }
+
   .content p.question__response-placeholder {
     margin-top: 20px;
     margin-bottom: 20px;
   }
 
   .question__request .questions__edit-button {
-    margin-top: 20px;
+    margin-top: 16px;
+  }
+}
+
+@media (min-width: 1680px) {
+  .question__request {
+    margin-top: 60px;
   }
 }

From 68f8488e9b0d4d0cdf4180813fafa8787f9beb7e Mon Sep 17 00:00:00 2001
From: Svetlana Korobtseva <wizzzjer@gmail.com>
Date: Tue, 5 Dec 2023 22:38:00 +0800
Subject: [PATCH 02/14] =?UTF-8?q?=D0=A1=D0=B6=D0=B8=D0=BC=D0=B0=D0=B5?=
 =?UTF-8?q?=D1=82=20=D0=B2=D1=81=D1=91=20=D0=B6=D1=91=D1=81=D1=82=D0=BA?=
 =?UTF-8?q?=D0=BE,=20=D0=BA=D0=B0=D1=82=D0=B5=D0=B3=D0=BE=D1=80=D0=B8?=
 =?UTF-8?q?=D1=87=D0=BD=D0=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/blocks/answer.css    |  6 +++---
 src/styles/blocks/questions.css | 21 +++++++++++++++++++++
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/src/styles/blocks/answer.css b/src/styles/blocks/answer.css
index 219f30cf5..f2b4f0a60 100644
--- a/src/styles/blocks/answer.css
+++ b/src/styles/blocks/answer.css
@@ -1,5 +1,7 @@
 .answer {
   counter-increment: answer;
+  border: 1px solid var(--color-fade);
+  border-radius: 6px;
 }
 
 .answer__author {
@@ -53,8 +55,6 @@
 .answer__content {
   position: relative;
   overflow: hidden;
-  border: 1px solid var(--color-fade);
-  border-radius: 6px;
 }
 
 .answer__content::after {
@@ -80,7 +80,6 @@
 .answer__content > .answer__summary::before {
   grid-row-start: 1;
   content: counter(answer);
-  display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
@@ -91,6 +90,7 @@
   font-family: 'Spot Mono', monospace;
   font-size: 30px;
   font-weight: 400;
+  display: none;
 }
 
 .answer__content .answer__toggler {
diff --git a/src/styles/blocks/questions.css b/src/styles/blocks/questions.css
index ea0731bae..353645295 100644
--- a/src/styles/blocks/questions.css
+++ b/src/styles/blocks/questions.css
@@ -4,6 +4,9 @@
 }
 
 .question__request {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
   margin-top: 40px;
 }
 
@@ -12,6 +15,12 @@
   margin-bottom: 10px;
 }
 
+.question__answer > .article-heading {
+  margin-block-start: 0;
+  margin-block-end: 0;
+  padding: var(--offset);
+}
+
 .questions__edit-button {
   font-size: var(--font-size-s);
   line-height: var(--font-line-height-s);
@@ -21,6 +30,10 @@
   margin-top: 10px;
 }
 
+.question__answer {
+  margin-block-start: 10px;
+}
+
 @media (min-width: 768px) {
   .content p.question__response-placeholder {
     margin-top: 16px;
@@ -30,6 +43,10 @@
   .question__request .questions__edit-button {
     margin-top: 14px;
   }
+
+  .question__answer {
+    margin-block-start: 14px;
+  }
 }
 
 @media (min-width: 1024px) {
@@ -45,6 +62,10 @@
   .question__request .questions__edit-button {
     margin-top: 16px;
   }
+
+  .question__answer {
+    margin-block-start: 16px;
+  }
 }
 
 @media (min-width: 1680px) {

From 8c95d8824ecfd8a8b76fce46b4a1bfeb0321741f Mon Sep 17 00:00:00 2001
From: Svetlana Korobtseva <wizzzjer@gmail.com>
Date: Tue, 5 Dec 2023 23:08:09 +0800
Subject: [PATCH 03/14] =?UTF-8?q?=D0=92=20=D0=BB=D0=B5=D0=B3=D0=BA=D0=BE?=
 =?UTF-8?q?=D0=BC=20=D0=B7=D0=B0=D0=BC=D0=B5=D1=88=D0=B0=D1=82=D0=B5=D0=BB?=
 =?UTF-8?q?=D1=8C=D1=81=D1=82=D0=B2=D0=B5=20=D0=BE=D1=82=D0=BA=D0=BB=D1=8E?=
 =?UTF-8?q?=D1=87=D0=B0=D0=B5=D1=82=20=D0=B3=D1=80=D0=B8=D0=B4=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/blocks/answer.css | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/styles/blocks/answer.css b/src/styles/blocks/answer.css
index f2b4f0a60..5e4bf7907 100644
--- a/src/styles/blocks/answer.css
+++ b/src/styles/blocks/answer.css
@@ -68,10 +68,6 @@
 }
 
 .answer__content > .answer__summary {
-  grid-row-start: 2;
-  grid-row-end: 4;
-  display: grid;
-  grid-template-rows: 30px calc(var(--font-size) * 2) var(--font-size);
   height: 110px;
   padding: var(--offset);
   background-color: var(--color-background);
@@ -97,6 +93,7 @@
   appearance: none;
   display: block;
   position: absolute;
+  top: 0;
   margin-top: 170px;
   justify-self: start;
   font-size: var(--font-size-m, 100%);

From 801829eeef5761514bd9aab0f93911f8abd23afc Mon Sep 17 00:00:00 2001
From: Svetlana Korobtseva <wizzzjer@gmail.com>
Date: Wed, 6 Dec 2023 23:10:11 +0800
Subject: [PATCH 04/14] =?UTF-8?q?=D0=A0=D0=B0=D1=81=D0=BA=D0=B0=D1=82?=
 =?UTF-8?q?=D1=8B=D0=B2=D0=B0=D0=B5=D1=82=20=D1=82=D0=B5=20=D0=B6=D0=B5=20?=
 =?UTF-8?q?=D1=81=D1=82=D0=B8=D0=BB=D0=B8=20=D0=BD=D0=B0=20=D0=9F=D1=80?=
 =?UTF-8?q?=D0=B0=D0=BA=D1=82=D0=B8=D0=BA=D1=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/blocks/practices.css | 31 ++++++++++++++++++++++++-------
 1 file changed, 24 insertions(+), 7 deletions(-)

diff --git a/src/styles/blocks/practices.css b/src/styles/blocks/practices.css
index 90b2f145b..1d8f5ed01 100644
--- a/src/styles/blocks/practices.css
+++ b/src/styles/blocks/practices.css
@@ -1,10 +1,13 @@
 .practices > article {
-  display: grid;
-  grid-gap: 1em;
+  border: 1px solid var(--color-fade);
+  border-radius: 6px;
+  margin-top: 40px;
 }
 
 .practices > article > .article-heading {
-  margin-bottom: 0;
+  margin-block-start: 0;
+  margin-block-end: 0;
+  padding: var(--offset);
 }
 
 .practices__author-name > * {
@@ -20,8 +23,6 @@
   position: relative;
   counter-increment: practices__content;
   overflow: hidden;
-  border: 1px solid var(--color-fade);
-  border-radius: 6px;
 }
 
 .practices__content::after {
@@ -38,7 +39,7 @@
   grid-row-start: 2;
   grid-row-end: 4;
   display: grid;
-  grid-gap: var(--font-size-l);
+  grid-gap: 10px;
   grid-template-rows: 30px calc(var(--font-size) * 2) var(--font-size);
   height: 110px;
   padding: var(--offset);
@@ -48,7 +49,6 @@
 .practices__content > .practices__summary::before {
   grid-row-start: 1;
   content: counter(practices__content);
-  display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
@@ -58,6 +58,7 @@
   font-family: 'Spot Mono', monospace;
   font-size: 30px;
   font-weight: 400;
+  display: none;
 }
 
 .practices__content .practices__toggler {
@@ -105,3 +106,19 @@
 .practices__content--short::after {
   height: unset;
 }
+
+@media (min-width: 1024px) {
+  .practices > article {
+    margin-top: 50px;
+  }
+
+  .practices__content > .practices__summary {
+    grid-gap: 20px;
+  }
+}
+
+@media (min-width: 1680px) {
+  .practices > article {
+    margin-top: 60px;
+  }
+}

From ee44ccee9044c81a8c0778289001f247967835af Mon Sep 17 00:00:00 2001
From: Svetlana Korobtseva <wizzzjer@gmail.com>
Date: Fri, 8 Dec 2023 00:32:01 +0800
Subject: [PATCH 05/14] =?UTF-8?q?=D0=9F=D1=80=D0=B8=D1=87=D1=91=D1=81?=
 =?UTF-8?q?=D1=8B=D0=B2=D0=B0=D0=B5=D1=82=20=D0=BA=D0=BE=D0=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/blocks/answer.css    | 21 ++-------------------
 src/styles/blocks/practices.css | 26 +++++---------------------
 src/styles/blocks/questions.css | 28 ++++++++++++++++------------
 3 files changed, 23 insertions(+), 52 deletions(-)

diff --git a/src/styles/blocks/answer.css b/src/styles/blocks/answer.css
index 5e4bf7907..7b2d0d0af 100644
--- a/src/styles/blocks/answer.css
+++ b/src/styles/blocks/answer.css
@@ -1,5 +1,4 @@
 .answer {
-  counter-increment: answer;
   border: 1px solid var(--color-fade);
   border-radius: 6px;
 }
@@ -73,28 +72,12 @@
   background-color: var(--color-background);
 }
 
-.answer__content > .answer__summary::before {
-  grid-row-start: 1;
-  content: counter(answer);
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-  width: 30px;
-  height: 30px;
-  margin-block-end: var(--font-size-l);
-  border: 1px solid var(--color-text);
-  font-family: 'Spot Mono', monospace;
-  font-size: 30px;
-  font-weight: 400;
-  display: none;
-}
-
 .answer__content .answer__toggler {
   appearance: none;
   display: block;
   position: absolute;
   top: 0;
-  margin-top: 170px;
+  margin-block-start: 190px;
   justify-self: start;
   font-size: var(--font-size-m, 100%);
   font-family: var(--font-family);
@@ -125,7 +108,7 @@
   position: sticky;
   grid-row-start: unset;
   bottom: 1em;
-  margin-top: unset;
+  margin-block-start: unset;
 }
 
 .answer__content--short > .answer__summary {
diff --git a/src/styles/blocks/practices.css b/src/styles/blocks/practices.css
index 1d8f5ed01..a549fa16d 100644
--- a/src/styles/blocks/practices.css
+++ b/src/styles/blocks/practices.css
@@ -1,7 +1,7 @@
 .practices > article {
   border: 1px solid var(--color-fade);
   border-radius: 6px;
-  margin-top: 40px;
+  margin-block-start: 40px;
 }
 
 .practices > article > .article-heading {
@@ -21,7 +21,6 @@
 
 .practices__content {
   position: relative;
-  counter-increment: practices__content;
   overflow: hidden;
 }
 
@@ -46,26 +45,11 @@
   background-color: var(--color-background);
 }
 
-.practices__content > .practices__summary::before {
-  grid-row-start: 1;
-  content: counter(practices__content);
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-  width: 30px;
-  height: 30px;
-  border: 1px solid var(--color-text);
-  font-family: 'Spot Mono', monospace;
-  font-size: 30px;
-  font-weight: 400;
-  display: none;
-}
-
 .practices__content .practices__toggler {
   appearance: none;
   display: block;
   position: absolute;
-  margin-top: 170px;
+  margin-block-start: 170px;
   justify-self: start;
   font-size: var(--font-size-m, 100%);
   font-family: var(--font-family);
@@ -96,7 +80,7 @@
   position: sticky;
   grid-row-start: unset;
   bottom: 1em;
-  margin-top: unset;
+  margin-block-start: unset;
 }
 
 .practices__content--short > .practices__summary {
@@ -109,7 +93,7 @@
 
 @media (min-width: 1024px) {
   .practices > article {
-    margin-top: 50px;
+    margin-block-start: 50px;
   }
 
   .practices__content > .practices__summary {
@@ -119,6 +103,6 @@
 
 @media (min-width: 1680px) {
   .practices > article {
-    margin-top: 60px;
+    margin-block-start: 60px;
   }
 }
diff --git a/src/styles/blocks/questions.css b/src/styles/blocks/questions.css
index 353645295..dc60f6ff2 100644
--- a/src/styles/blocks/questions.css
+++ b/src/styles/blocks/questions.css
@@ -7,12 +7,16 @@
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  margin-top: 40px;
+  margin-block-start: 40px;
+}
+
+.question__request .callout {
+  align-self: stretch;
 }
 
 .content p.question__response-placeholder {
-  margin-top: 10px;
-  margin-bottom: 10px;
+  margin-block-start: 10px;
+  margin-block-end: 10px;
 }
 
 .question__answer > .article-heading {
@@ -27,7 +31,7 @@
 }
 
 .question__request .questions__edit-button {
-  margin-top: 10px;
+  margin-block-start: 10px;
 }
 
 .question__answer {
@@ -36,12 +40,12 @@
 
 @media (min-width: 768px) {
   .content p.question__response-placeholder {
-    margin-top: 16px;
-    margin-bottom: 16px;
+    margin-block-start: 16px;
+    margin-block-end: 16px;
   }
 
   .question__request .questions__edit-button {
-    margin-top: 14px;
+    margin-block-start: 14px;
   }
 
   .question__answer {
@@ -51,16 +55,16 @@
 
 @media (min-width: 1024px) {
   .question__request {
-    margin-top: 50px;
+    margin-block-start: 50px;
   }
 
   .content p.question__response-placeholder {
-    margin-top: 20px;
-    margin-bottom: 20px;
+    margin-block-start: 20px;
+    margin-block-end: 20px;
   }
 
   .question__request .questions__edit-button {
-    margin-top: 16px;
+    margin-block-start: 16px;
   }
 
   .question__answer {
@@ -70,6 +74,6 @@
 
 @media (min-width: 1680px) {
   .question__request {
-    margin-top: 60px;
+    margin-block-start: 60px;
   }
 }

From e02491149f2baf4cda333a7e18bd3e3fdbcfc421 Mon Sep 17 00:00:00 2001
From: Svetlana Korobtseva <wizzzjer@gmail.com>
Date: Wed, 20 Dec 2023 22:40:15 +0800
Subject: [PATCH 06/14] =?UTF-8?q?=D0=97=D0=B0=D0=B4=D1=83=D0=BC=D1=87?=
 =?UTF-8?q?=D0=B8=D0=B2=D0=BE=20=D0=BE=D1=82=D0=BA=D0=BB=D1=8E=D1=87=D0=B0?=
 =?UTF-8?q?=D0=B5=D1=82=20=D0=B3=D1=80=D0=B8=D0=B4=D1=8B=20=D0=B8=20=D0=B2?=
 =?UTF-8?q?=20=D0=9F=D1=80=D0=B0=D0=BA=D1=82=D0=B8=D0=BA=D0=B5=20=D1=82?=
 =?UTF-8?q?=D0=BE=D0=B6=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/blocks/practices.css | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/styles/blocks/practices.css b/src/styles/blocks/practices.css
index a549fa16d..c1c41c9f2 100644
--- a/src/styles/blocks/practices.css
+++ b/src/styles/blocks/practices.css
@@ -35,11 +35,6 @@
 }
 
 .practices__content > .practices__summary {
-  grid-row-start: 2;
-  grid-row-end: 4;
-  display: grid;
-  grid-gap: 10px;
-  grid-template-rows: 30px calc(var(--font-size) * 2) var(--font-size);
   height: 110px;
   padding: var(--offset);
   background-color: var(--color-background);
@@ -49,6 +44,7 @@
   appearance: none;
   display: block;
   position: absolute;
+  top: 0;
   margin-block-start: 170px;
   justify-self: start;
   font-size: var(--font-size-m, 100%);

From e38e902e517ccd321f694b332a03847d1b6df2ac Mon Sep 17 00:00:00 2001
From: Svetlana Korobtseva <wizzzjer@gmail.com>
Date: Wed, 20 Dec 2023 22:44:52 +0800
Subject: [PATCH 07/14] =?UTF-8?q?=D0=9F=D1=80=D0=B8=D0=B2=D0=BE=D0=B4?=
 =?UTF-8?q?=D0=B8=D1=82=20=D1=86=D0=B2=D0=B5=D1=82=20=D1=80=D0=B0=D0=BC?=
 =?UTF-8?q?=D0=BE=D0=BA=20=D0=B2=20~=D1=81=D0=BE=D0=BE=D1=82=D0=B2=D0=B5?=
 =?UTF-8?q?=D1=82=D1=81=D1=82=D0=B2=D0=B8=D0=B5=20=D0=BC=D0=B0=D0=BA=D0=B5?=
 =?UTF-8?q?=D1=82=D1=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/blocks/answer.css    | 4 +++-
 src/styles/blocks/practices.css | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/styles/blocks/answer.css b/src/styles/blocks/answer.css
index 7b2d0d0af..5867f20ec 100644
--- a/src/styles/blocks/answer.css
+++ b/src/styles/blocks/answer.css
@@ -1,5 +1,7 @@
 .answer {
-  border: 1px solid var(--color-fade);
+  --stroke-opacity: 0.3;
+  --stroke-color: hsl(var(--color-base-text) / var(--stroke-opacity));
+  border: 1px solid var(--stroke-color);
   border-radius: 6px;
 }
 
diff --git a/src/styles/blocks/practices.css b/src/styles/blocks/practices.css
index c1c41c9f2..a775383c8 100644
--- a/src/styles/blocks/practices.css
+++ b/src/styles/blocks/practices.css
@@ -1,5 +1,7 @@
 .practices > article {
-  border: 1px solid var(--color-fade);
+  --stroke-opacity: 0.3;
+  --stroke-color: hsl(var(--color-base-text) / var(--stroke-opacity));
+  border: 1px solid var(--stroke-color);
   border-radius: 6px;
   margin-block-start: 40px;
 }

From c43da361d9311005a7a998f0de67221a8da3ec96 Mon Sep 17 00:00:00 2001
From: Svetlana Korobtseva <wizzzjer@gmail.com>
Date: Wed, 20 Dec 2023 23:00:00 +0800
Subject: [PATCH 08/14] =?UTF-8?q?=D0=A3=D1=81=D1=82=D0=B0=D0=BD=D0=B0?=
 =?UTF-8?q?=D0=B2=D0=BB=D0=B8=D0=B2=D0=B0=D0=B5=D1=82=20=D0=B4=D0=BB=D1=8F?=
 =?UTF-8?q?=20=D0=BF=D1=80=D0=B0=D0=BA=D1=82=D0=B8=D0=BA=20=D1=82=D0=B0?=
 =?UTF-8?q?=D0=BA=D0=B8=D0=B5=20=D0=B6=D0=B5=20=D0=BE=D1=82=D1=81=D1=82?=
 =?UTF-8?q?=D1=83=D0=BF=D1=8B,=20=D0=BA=D0=B0=D0=BA=20=D0=B4=D0=BB=D1=8F?=
 =?UTF-8?q?=20=D0=BE=D1=82=D0=B2=D0=B5=D1=82=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/blocks/practices.css | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/styles/blocks/practices.css b/src/styles/blocks/practices.css
index a775383c8..f5b6ae327 100644
--- a/src/styles/blocks/practices.css
+++ b/src/styles/blocks/practices.css
@@ -3,7 +3,7 @@
   --stroke-color: hsl(var(--color-base-text) / var(--stroke-opacity));
   border: 1px solid var(--stroke-color);
   border-radius: 6px;
-  margin-block-start: 40px;
+  margin-block-start: 10px;
 }
 
 .practices > article > .article-heading {
@@ -89,9 +89,15 @@
   height: unset;
 }
 
+@media (min-width: 768px) {
+  .practices > article {
+    margin-block-start: 14px;
+  }
+}
+
 @media (min-width: 1024px) {
   .practices > article {
-    margin-block-start: 50px;
+    margin-block-start: 16px;
   }
 
   .practices__content > .practices__summary {
@@ -99,8 +105,8 @@
   }
 }
 
-@media (min-width: 1680px) {
+/* @media (min-width: 1680px) {
   .practices > article {
     margin-block-start: 60px;
   }
-}
+} */

From 7d6b8e98fed73e45c62f535c6ffb93e0bfe2b152 Mon Sep 17 00:00:00 2001
From: Svetlana Korobtseva <wizzzjer@gmail.com>
Date: Wed, 20 Dec 2023 23:26:37 +0800
Subject: [PATCH 09/14] =?UTF-8?q?=D0=92=D0=BE=D1=81=D0=BF=D0=B8=D1=82?=
 =?UTF-8?q?=D1=8B=D0=B2=D0=B0=D0=B5=D1=82=20=D0=BE=D1=82=D1=81=D1=82=D1=83?=
 =?UTF-8?q?=D0=BF=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/blocks/practices.css |  1 +
 src/styles/blocks/questions.css | 13 +++++++------
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/styles/blocks/practices.css b/src/styles/blocks/practices.css
index f5b6ae327..ce12de365 100644
--- a/src/styles/blocks/practices.css
+++ b/src/styles/blocks/practices.css
@@ -10,6 +10,7 @@
   margin-block-start: 0;
   margin-block-end: 0;
   padding: var(--offset);
+  padding-block-end: 0;
 }
 
 .practices__author-name > * {
diff --git a/src/styles/blocks/questions.css b/src/styles/blocks/questions.css
index dc60f6ff2..7dba60e0a 100644
--- a/src/styles/blocks/questions.css
+++ b/src/styles/blocks/questions.css
@@ -15,14 +15,15 @@
 }
 
 .content p.question__response-placeholder {
-  margin-block-start: 10px;
-  margin-block-end: 10px;
+  margin-block-start: 4px;
+  margin-block-end: 4px;
 }
 
 .question__answer > .article-heading {
   margin-block-start: 0;
   margin-block-end: 0;
   padding: var(--offset);
+  padding-block-end: 0;
 }
 
 .questions__edit-button {
@@ -40,8 +41,8 @@
 
 @media (min-width: 768px) {
   .content p.question__response-placeholder {
-    margin-block-start: 16px;
-    margin-block-end: 16px;
+    margin-block-start: 7px;
+    margin-block-end: 7px;
   }
 
   .question__request .questions__edit-button {
@@ -59,8 +60,8 @@
   }
 
   .content p.question__response-placeholder {
-    margin-block-start: 20px;
-    margin-block-end: 20px;
+    margin-block-start: 10px;
+    margin-block-end: 10px;
   }
 
   .question__request .questions__edit-button {

From e628111d21629ed8d9612307952cf7e0102716cb Mon Sep 17 00:00:00 2001
From: Svetlana Korobtseva <wizzzjer@gmail.com>
Date: Wed, 20 Dec 2023 23:27:03 +0800
Subject: [PATCH 10/14] =?UTF-8?q?=D0=94=D0=BE=D0=BA=D0=B8=D0=B4=D1=8B?=
 =?UTF-8?q?=D0=B2=D0=B0=D0=B5=D1=82=20=D0=BA=D0=BB=D0=B0=D1=81=D1=81=20?=
 =?UTF-8?q?=D0=B2=20=D1=88=D0=B0=D0=B1=D0=BB=D0=BE=D0=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/includes/practices.njk | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/includes/practices.njk b/src/includes/practices.njk
index e3e2f13d1..11e141498 100644
--- a/src/includes/practices.njk
+++ b/src/includes/practices.njk
@@ -27,7 +27,7 @@
           советует
         </h3>
         <div class="practices__content {% if not practice.isLong %}practices__content--short{% endif %} content">
-          <div class="practices__summary">
+          <div class="practices__summary content">
             {{ practice.templateContent | safe }}
             {% if practice.isLong %}
               <button class="practices__toggler" type="button" aria-live="polite" data-collapsed>

From 40efcd86981f61a180ac268322dbd4a1602bf365 Mon Sep 17 00:00:00 2001
From: Igor Korovchenko <igsekor@gmail.com>
Date: Mon, 25 Dec 2023 01:22:49 +0300
Subject: [PATCH 11/14] =?UTF-8?q?=D0=A3=D1=81=D1=82=D1=80=D0=B0=D0=BD?=
 =?UTF-8?q?=D1=8F=D0=B5=D1=82=20=D0=BD=D0=B5=D0=B4=D0=BE=D1=81=D1=82=D0=B0?=
 =?UTF-8?q?=D1=82=D0=BA=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/workflows/pr-preview.yml | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/.github/workflows/pr-preview.yml b/.github/workflows/pr-preview.yml
index 4fce8e6ca..f8416479d 100644
--- a/.github/workflows/pr-preview.yml
+++ b/.github/workflows/pr-preview.yml
@@ -21,6 +21,11 @@ jobs:
         with:
           repository: doka-guide/content
           path: content
+      - name: Загрузка кеша
+        uses: actions/checkout@v2
+        with:
+          repository: doka-guide/cache
+          path: cache
       - uses: actions/setup-node@v2
         with:
           node-version: 16
@@ -44,6 +49,8 @@ jobs:
           echo "::set-output name=check_id::$check_run_id"
       - name: Установка модулей
         run: npm ci
+      - name: Копирование кеша
+        run: cp -r ./cache/.cache ./
       - name: Сообщение о начале публикации превью
         uses: hasura/comment-progress@v2.1.0
         with:

From d4fa271bbdf3b2297eee49facdffb80817873d6b Mon Sep 17 00:00:00 2001
From: Svetlana Korobtseva <wizzzjer@gmail.com>
Date: Thu, 25 Jan 2024 20:41:56 +0800
Subject: [PATCH 12/14] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D1=8F=D0=B5=D1=82=20=D1=80=D0=B0=D0=BC=D0=BA=D1=83=20=D0=B4?=
 =?UTF-8?q?=D0=BB=D1=8F=20=D1=82=D0=BE=D0=B3=D0=B3=D0=BB=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/blocks/answer.css    | 2 +-
 src/styles/blocks/practices.css | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/styles/blocks/answer.css b/src/styles/blocks/answer.css
index 5867f20ec..45e4b931e 100644
--- a/src/styles/blocks/answer.css
+++ b/src/styles/blocks/answer.css
@@ -85,7 +85,7 @@
   font-family: var(--font-family);
   padding: 4px 15px;
   box-shadow: 0 0 10px 5px rgb(0 0 0 / 0.1);
-  border: none;
+  border: 1px solid var(--stroke-color);
   border-radius: 5px;
   background-color: var(--color-background);
   z-index: 1;
diff --git a/src/styles/blocks/practices.css b/src/styles/blocks/practices.css
index ce12de365..c1007c206 100644
--- a/src/styles/blocks/practices.css
+++ b/src/styles/blocks/practices.css
@@ -54,7 +54,7 @@
   font-family: var(--font-family);
   padding: 4px 15px;
   box-shadow: 0 0 10px 5px rgb(0 0 0 / 0.1);
-  border: none;
+  border: 1px solid var(--stroke-color);
   border-radius: 5px;
   background-color: var(--color-background);
   z-index: 1;

From 2168318a4b301c7338f2872d476eb6be5b926918 Mon Sep 17 00:00:00 2001
From: Svetlana Korobtseva <wizzzjer@gmail.com>
Date: Thu, 25 Jan 2024 19:26:19 +0600
Subject: [PATCH 13/14] =?UTF-8?q?=D0=A3=D1=80=D0=B0=D0=B2=D0=BD=D0=B8?=
 =?UTF-8?q?=D0=B2=D0=B0=D0=B5=D1=82=20=D0=BE=D1=82=D1=81=D1=82=D1=83=D0=BF?=
 =?UTF-8?q?=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

170px > 190px
---
 src/styles/blocks/practices.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/styles/blocks/practices.css b/src/styles/blocks/practices.css
index c1007c206..43e32dbe5 100644
--- a/src/styles/blocks/practices.css
+++ b/src/styles/blocks/practices.css
@@ -48,7 +48,7 @@
   display: block;
   position: absolute;
   top: 0;
-  margin-block-start: 170px;
+  margin-block-start: 190px;
   justify-self: start;
   font-size: var(--font-size-m, 100%);
   font-family: var(--font-family);

From 0514878f34dd2ccf17ef332be418a18f4c5c533e Mon Sep 17 00:00:00 2001
From: Svetlana Korobtseva <wizzzjer@gmail.com>
Date: Thu, 25 Jan 2024 21:40:54 +0800
Subject: [PATCH 14/14] =?UTF-8?q?=D0=A3=D0=B1=D0=BB=D0=B0=D0=B6=D0=B0?=
 =?UTF-8?q?=D0=B5=D1=82=20=D0=BB=D0=B8=D0=BD=D1=82=D0=B5=D1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/blocks/practices.css | 21 ++++++++++-----------
 src/styles/blocks/questions.css |  4 ++--
 2 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/styles/blocks/practices.css b/src/styles/blocks/practices.css
index 43e32dbe5..9c543def2 100644
--- a/src/styles/blocks/practices.css
+++ b/src/styles/blocks/practices.css
@@ -14,7 +14,7 @@
 }
 
 .practices__author-name > * {
-  font-family: 'Spot Mono', monospace;
+  font-family: "Spot Mono", monospace;
   font-weight: 300;
   font-size: var(--font-size-l);
   line-height: var(--font-line-height-l);
@@ -28,11 +28,16 @@
 }
 
 .practices__content::after {
-  content: ' ';
+  content: " ";
   display: block;
   position: relative;
   height: 100px;
-  background: linear-gradient(180deg, hsla(var(--color-base-background) / 0) 0%, hsla(var(--color-base-background) / 0.67) 100%);
+  background:
+    linear-gradient(
+      180deg,
+      hsla(var(--color-base-background) / 0) 0%,
+      hsla(var(--color-base-background) / 0.67) 100%
+    );
   border-radius: 8px;
   z-index: 0;
 }
@@ -90,13 +95,13 @@
   height: unset;
 }
 
-@media (min-width: 768px) {
+@media (width >= 768px) {
   .practices > article {
     margin-block-start: 14px;
   }
 }
 
-@media (min-width: 1024px) {
+@media (width >= 1024px) {
   .practices > article {
     margin-block-start: 16px;
   }
@@ -105,9 +110,3 @@
     grid-gap: 20px;
   }
 }
-
-/* @media (min-width: 1680px) {
-  .practices > article {
-    margin-block-start: 60px;
-  }
-} */
diff --git a/src/styles/blocks/questions.css b/src/styles/blocks/questions.css
index 1d6016891..e3acd33ff 100644
--- a/src/styles/blocks/questions.css
+++ b/src/styles/blocks/questions.css
@@ -54,7 +54,7 @@
   }
 }
 
-@media (min-width: 1024px) {
+@media (width >= 1024px) {
   .question__request {
     margin-block-start: 50px;
   }
@@ -73,7 +73,7 @@
   }
 }
 
-@media (min-width: 1680px) {
+@media (width >= 1680px) {
   .question__request {
     margin-block-start: 60px;
   }