.ws-single-post--title {
       font-size: 40px;
       font-style: normal;
       font-weight: 600;
       line-height: 1;
       text-transform: capitalize;
   }

   .ws-post-single--main {
       width: 1066px;
       max-width: 100%;
       margin-inline: auto;
       display: flex;
       flex-direction: column;
       gap: 40px
   }

   .ws-single-post-grid {
       display: grid;
       grid-template-columns: minmax(0, 1fr) 400px;
       gap: 60px
   }

   .ws-single-post-grid__right {
       display: flex;
       flex-direction: column;
       gap: 24px;
       align-self: start;
       position: sticky;
       top: 80px
   }

   .ws-single-post-grid__right .ws-single-post-grid--right {
       position: static;
       top: auto
   }

   .ws-service-grid--item img {
       border-radius: 5px;
       background: url(<path-to-image>) lightgray 50% / cover no-repeat, #D9D9D9
   }

   .ws-post-single--main-name {
       font-size: 24px;
       font-style: normal;
       font-weight: 700;
       line-height: normal;
       text-transform: uppercase
   }

   /* .ws-single-post-grid a:not([data-ws-toc-link]) {
       color: var(--primary)
   }

   .ws-single-post-grid a:not([data-ws-toc-link]):hover:not(.ws-button) {
       color: var(--primary);
       text-decoration: underline
   } */

   .crayon-theme-green-white .crayon-toolbar {
       background: #fff !important
   }

   .crayon-theme-green-white .crayon-button:hover {
       background-color: unset !important
   }

   .single-ws_post {
       padding-block: 3rem;
       display: flex;
       flex-direction: column;
       gap: 1.5rem
   }

   .ws-single-post__breadcrumb {
       display: flex;
       gap: .5rem;
       justify-content: start
   }

   .ws-single-post__breadcrumb a {
       color: var(--body)
   }

   .ws-single-post__breadcrumb a:hover {
       text-decoration: underline;
       color: var(--primary)
   }

   .ws-post-single--main-content {
       color: #25293B;
       line-height: 1.7;
       font-size: 16px
   }

   .ws-post-single--main-content>*+* {
       margin-top: 1.25rem
   }

   .ws-post-single--main-content .is-layout-flow>*+* {
       margin-block-start: 1.25rem
   }

   .ws-post-single--main-content :is(h1, h2, h3, h4, h5, h6) {
       color: #25293B;
       font-weight: 700;
       line-height: 1.3;
       margin-top: 1.75rem;
       margin-bottom: .6rem
   }

   .ws-post-single--main-content h1 {
       font-size: clamp(1.85rem, 2.9vw, 2.25rem)
   }

   .ws-post-single--main-content h2 {
       font-size: clamp(1.45rem, 2.4vw, 1.8rem)
   }

   .ws-post-single--main-content h3 {
       font-size: clamp(1.2rem, 1.9vw, 1.45rem)
   }

   .ws-post-single--main-content h4 {
       font-size: 1.15rem
   }

   .ws-post-single--main-content :is(h2, h3)[id] {
       scroll-margin-top: 110px
   }

   .ws-post-single--main-content :is(ul, ol) {
       margin: .75rem 0;
       padding-left: 1.25rem
   }

   .ws-post-single--main-content ul {
       list-style: disc
   }

   .ws-post-single--main-content ol {
       list-style: decimal
   }

   .ws-post-single--main-content li+li {
       margin-top: .4rem
   }

   .ws-post-single--main-content figure {
       margin: 1.25rem 0
   }

   .ws-post-single--main-content figure img {
       display: block;
       max-width: 100%;
       height: auto
   }

   .ws-post-single--main-content blockquote {
       margin: 1.25rem 0;
       padding: .65rem .9rem;
       border-left: 4px solid var(--primary);
       background: #f8fafc
   }

   .ws-post-single--main-content pre {
       margin: 1.25rem 0;
       padding: .9rem;
       border-radius: .75rem;
       overflow: auto;
       background: #0f172a;
       color: #e2e8f0
   }

   .ws-post-single--main-content :not(pre)>code {
       padding: .2rem .45rem;
       border-radius: .375rem;
       background: #eef2ff;
       color: #1e1b4b
   }

   .ws-post-single--main-content table {
       width: 100%;
       margin: 1.25rem 0;
       border-collapse: collapse
   }

   .ws-post-single--main-content th,
   .ws-post-single--main-content td {
       border: 1px solid #e2e8f0;
       padding: .5rem .625rem;
       text-align: left
   }

   .ws-post-single--main-content .wp-block-separator {
       margin: 1.5rem auto;
       border: 0;
       border-top: 1px solid #e2e8f0
   }

   .wp-block-table thead {
       border-bottom: unset;
   }

   @media (max-width:1024px) {
       .ws-single-post--title {
           font-size: 3rem
       }

       .ws-single-post-grid {
           grid-template-columns: minmax(0, 1fr)
       }

       .ws-single-post-grid__right {
           position: static;
           top: auto
       }

   }

   @media (max-width:768px) {
       .ws-single-post--title {
           font-size: 2rem
       }
   }