/*
============================================================
WebStoreSEO Blog Post — Design System v2
============================================================
Purpose:
Re-skin Duda's imported internal blog-post template so it
visually belongs to the current WebStoreSEO site.

This stylesheet is intended to REPLACE the earlier blog CSS,
not be appended to it.
============================================================
*/

body[data-page-alias="d1-internal-blog-post"] {
  --wss-black: #0b0c0d;
  --wss-charcoal: #151715;
  --wss-olive: #6b7050;
  --wss-olive-dark: #50543d;
  --wss-gold: #c77f18;
  --wss-gold-light: #e6ad50;
  --wss-cream: #f7f4ec;
  --wss-white: #ffffff;
  --wss-text: #20221f;
  --wss-muted: #696d66;
  --wss-border: rgba(15, 17, 15, 0.12);
  --wss-shadow: 0 24px 70px rgba(15, 17, 15, 0.12);
  --wss-radius-xl: 32px;
  --wss-radius-lg: 24px;
  --wss-radius-md: 16px;
  --wss-max: 1180px;

  background: var(--wss-cream);
  color: var(--wss-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body[data-page-alias="d1-internal-blog-post"] *,
body[data-page-alias="d1-internal-blog-post"] *::before,
body[data-page-alias="d1-internal-blog-post"] *::after {
  box-sizing: border-box;
}

body[data-page-alias="d1-internal-blog-post"] h1,
body[data-page-alias="d1-internal-blog-post"] h2,
body[data-page-alias="d1-internal-blog-post"] h3,
body[data-page-alias="d1-internal-blog-post"] h4,
body[data-page-alias="d1-internal-blog-post"] p,
body[data-page-alias="d1-internal-blog-post"] a,
body[data-page-alias="d1-internal-blog-post"] span,
body[data-page-alias="d1-internal-blog-post"] li,
body[data-page-alias="d1-internal-blog-post"] strong,
body[data-page-alias="d1-internal-blog-post"] b {
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
}

body[data-page-alias="d1-internal-blog-post"] #dmStyle_innerContainer,
body[data-page-alias="d1-internal-blog-post"] .dmInner,
body[data-page-alias="d1-internal-blog-post"] #dm_content,
body[data-page-alias="d1-internal-blog-post"] .dmContent {
  background: var(--wss-cream) !important;
}

/* HERO */
body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner [data-flex-id="63f75e446a61e8121ae33d0e"] {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 20%, rgba(199, 127, 24, 0.20), rgba(199, 127, 24, 0) 28%),
    radial-gradient(circle at 5% 100%, rgba(107, 112, 80, 0.18), rgba(107, 112, 80, 0) 31%),
    var(--wss-cream) !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner [data-flex-id="63f75e446a61e8121ae33d0e"] [data-layout-grid] {
  background-color: transparent !important;
  background-image: none !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner [data-flex-id="63f75e446a61e8121ae33d0e"] [data-layout-grid]::before,
body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner [data-flex-id="63f75e446a61e8121ae33d0e"] .bgExtraLayerOverlay {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  background: transparent !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner [data-flex-id="63f75e446a61e8121ae33d0e"] > section > .flex-element.grid > .flex-element.group {
  width: min(var(--wss-max), calc(100% - 40px)) !important;
  max-width: var(--wss-max) !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 104px 0 76px !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner [data-flex-id="63f75e446a61e8121ae33d0e"] .flex-element.group > .flex-element.group {
  width: 100% !important;
  max-width: 980px !important;
  padding: 0 !important;
  row-gap: 12px !important;
  align-items: flex-start !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner [data-flex-id="63f75e446a61e8121ae33d0e"] h1::before {
  display: block;
  margin: 0 0 24px;
  color: var(--wss-olive-dark);
  content: "SEARCH VISIBILITY INSIGHTS";
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1.2;
  text-transform: uppercase;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner [data-flex-id="63f75e446a61e8121ae33d0e"] h1 {
  max-width: 960px !important;
  margin: 0 !important;
  color: var(--wss-black) !important;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-size: clamp(2.7rem, 5.3vw, 5.4rem) !important;
  font-weight: 850 !important;
  letter-spacing: -0.052em !important;
  line-height: 0.98 !important;
  text-align: left !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner [data-flex-id="63f75e446a61e8121ae33d0e"] h1 *,
body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner [data-flex-id="63f75e446a61e8121ae33d0e"] h1 span {
  color: inherit !important;
  font: inherit !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner [data-flex-id="63f75e446a61e8121ae33d0e"] .dmNewParagraph[data-bound="true"] {
  width: auto !important;
  margin-top: 8px !important;
  color: var(--wss-muted) !important;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

/* HIDE LEGACY SHARE STRIP */
body[data-page-alias="d1-internal-blog-post"] #dm .dmInner section:has(.dmShare) {
  display: none !important;
}

/* ARTICLE CARD */
body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot {
  width: min(100%, 1040px) !important;
  max-width: 1040px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  color: var(--wss-text) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot .blog-post-row,
body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot .blog-post-row > section {
  margin: 0 !important;
  padding: 0 !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot .blog-post-row > section > .flex-element.grid {
  background: var(--wss-white) !important;
  border: 1px solid var(--wss-border) !important;
  border-radius: var(--wss-radius-xl) !important;
  box-shadow: 0 20px 60px rgba(15, 17, 15, 0.07) !important;
  overflow: hidden !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot .blog-post-row > section > .flex-element.grid > .flex-element.group,
body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot .blog-post-row > section > .flex-element.grid > .flex-element.group > .flex-element.group {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  row-gap: 0 !important;
}

/* FEATURED IMAGE */
body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot [data-widget-type="image"],
body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot .imageWidget {
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot .imageWidget img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 590px !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* ARTICLE TEXT */
body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot [data-widget-type="paragraph"] {
  width: 100% !important;
  max-width: 100% !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot [data-widget-type="paragraph"] > .dmNewParagraph {
  width: min(820px, calc(100% - 64px)) !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  padding: 58px 0 68px !important;
  color: var(--wss-text) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.78 !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot [data-rss-type="text"] {
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot [data-rss-type="text"] span {
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot p {
  margin: 0 0 1.35em !important;
  color: var(--wss-text) !important;
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot strong,
body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot b {
  color: var(--wss-black) !important;
  font-weight: 800 !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot h2,
body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot h3,
body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot h4 {
  color: var(--wss-black) !important;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 850 !important;
  letter-spacing: -0.04em !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot h2 {
  margin: 2.1em 0 0.62em !important;
  font-size: clamp(2rem, 3.4vw, 3rem) !important;
  line-height: 1.04 !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot h3 {
  margin: 2em 0 0.62em !important;
  font-size: clamp(1.7rem, 2.8vw, 2.35rem) !important;
  line-height: 1.08 !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot h4 {
  margin: 1.8em 0 0.55em !important;
  font-size: clamp(1.28rem, 2vw, 1.6rem) !important;
  line-height: 1.15 !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot h2 span,
body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot h3 span,
body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot h4 span {
  color: inherit !important;
  font: inherit !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot a {
  color: var(--wss-gold) !important;
  font-weight: 750 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 4px !important;
  transition: color 160ms ease !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot a:hover {
  color: var(--wss-olive-dark) !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot ul,
body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot ol {
  margin: 1.25rem 0 1.75rem 1.25rem !important;
  padding: 0 !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot li {
  margin: 0.55rem 0 !important;
  padding-left: 0.25rem !important;
  color: var(--wss-text) !important;
  line-height: 1.68 !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot li::marker {
  color: var(--wss-gold) !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot blockquote {
  margin: 2.2rem 0 !important;
  padding: 24px 28px 24px 30px !important;
  border: 1px solid rgba(199, 127, 24, 0.18) !important;
  border-left: 4px solid var(--wss-gold) !important;
  border-radius: 0 var(--wss-radius-md) var(--wss-radius-md) 0 !important;
  background: var(--wss-cream) !important;
  color: #4e524b !important;
  font-size: 1.03em !important;
  font-style: italic !important;
  line-height: 1.7 !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot table {
  width: 100% !important;
  margin: 2rem 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid var(--wss-border) !important;
  border-radius: var(--wss-radius-md) !important;
  overflow: hidden !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot th,
body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot td {
  padding: 14px 16px !important;
  border-bottom: 1px solid var(--wss-border) !important;
  text-align: left !important;
  vertical-align: top !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .postPageExtRoot th {
  background: var(--wss-black) !important;
  color: var(--wss-white) !important;
  font-weight: 800 !important;
}

/* PREV / NEXT */
body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .prev-next-links {
  width: min(1040px, calc(100% - 40px)) !important;
  max-width: 1040px !important;
  margin: 24px auto 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  border: 0 !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .prev-next-links a {
  display: flex !important;
  min-height: 58px !important;
  align-items: center !important;
  width: 100% !important;
  padding: 16px 20px !important;
  border: 1px solid var(--wss-border) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.76) !important;
  color: var(--wss-black) !important;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .prev-next-links a:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(199,127,24,0.35) !important;
  background: var(--wss-white) !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .prev-next-links a:last-child {
  justify-content: flex-end !important;
  text-align: right !important;
}

/* RELATED POSTS */
body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner [data-flex-id="63f763e86a61e8121ae357c9"] {
  margin-top: 78px !important;
  background: var(--wss-black) !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner [data-flex-id="63f763e86a61e8121ae357c9"] > section > .flex-element.grid {
  background: transparent !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner [data-flex-id="63f763e86a61e8121ae357c9"] > section > .flex-element.grid > .flex-element.group {
  width: min(var(--wss-max), calc(100% - 40px)) !important;
  max-width: var(--wss-max) !important;
  margin: 0 auto !important;
  padding: 90px 0 100px !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner [data-flex-id="63f763e86a61e8121ae357c9"] > section > .flex-element.grid > .flex-element.group > .flex-element.group {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner #widget_abe h3 {
  margin: 0 0 42px !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner #widget_abe h3::before {
  display: block;
  margin-bottom: 15px;
  color: #d7dbca;
  content: "KEEP EXPLORING";
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1.2;
  text-transform: uppercase;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner #widget_abe h3::after {
  display: block;
  max-width: 760px;
  color: var(--wss-white);
  content: "More Search Visibility Insights";
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(2.1rem, 4vw, 4rem);
  font-weight: 850;
  letter-spacing: -0.045em;
  line-height: 1.02;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .mainBlog > .inner {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .mainBlog .postArticle {
  min-width: 0 !important;
  margin: 0 !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .mainBlog .postArticle > .inner {
  height: 100% !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: var(--wss-radius-lg) !important;
  background: rgba(255,255,255,0.055) !important;
  box-shadow: none !important;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .mainBlog .postArticle > .inner:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(199,127,24,0.42) !important;
  background: rgba(255,255,255,0.075) !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .mainBlog .blogImgLink {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .mainBlog .blogImg,
body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .mainBlog .blogImg img {
  width: 100% !important;
  height: 100% !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .mainBlog .blogImg {
  background-position: center !important;
  background-size: cover !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .mainBlog .blogImg img {
  object-fit: cover !important;
  transition: transform 300ms ease !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .mainBlog .postArticle > .inner:hover .blogImg img {
  transform: scale(1.035) !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .mainBlog .postTextContainer {
  display: block !important;
  padding: 22px 22px 24px !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .mainBlog .postTitle h3 {
  margin: 0 0 12px !important;
  font-size: 1.14rem !important;
  line-height: 1.25 !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .mainBlog .postTitle a {
  display: block !important;
  color: var(--wss-white) !important;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-size: inherit !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  line-height: inherit !important;
  text-decoration: none !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .mainBlog .postTitle a:hover {
  color: #f2c679 !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .mainBlog .authorBar,
body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .mainBlog .authorBar span {
  margin: 0 !important;
  color: rgba(255,255,255,0.52) !important;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 0.76rem !important;
  font-weight: 750 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .mainBlog .postDescription {
  display: none !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .mainBlog .more-posts-text-container {
  display: flex !important;
  width: fit-content !important;
  min-width: 0 !important;
  min-height: 52px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 38px auto 0 !important;
  padding: 14px 22px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: var(--wss-gold) !important;
  color: var(--wss-black) !important;
  cursor: pointer !important;
  box-shadow: 0 14px 30px rgba(199,127,24,0.24) !important;
  text-decoration: none !important;
  transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .mainBlog .more-posts-text-container:hover {
  transform: translateY(-2px) !important;
  background: var(--wss-gold-light) !important;
  box-shadow: 0 18px 38px rgba(199,127,24,0.30) !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .mainBlog .more-posts-text-container .morePosts {
  color: var(--wss-black) !important;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 0 !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

body[data-page-alias="d1-internal-blog-post"]
#dm .dmInner .mainBlog .more-posts-text-container .morePosts::after {
  content: "View More Articles  →";
  font-size: 0.92rem !important;
}

@media (max-width: 980px) {
  body[data-page-alias="d1-internal-blog-post"]
  #dm .dmInner [data-flex-id="63f75e446a61e8121ae33d0e"] > section > .flex-element.grid > .flex-element.group {
    width: min(var(--wss-max), calc(100% - 32px)) !important;
    padding: 84px 0 62px !important;
  }

  body[data-page-alias="d1-internal-blog-post"]
  #dm .dmInner .postPageExtRoot,
  body[data-page-alias="d1-internal-blog-post"]
  #dm .dmInner .prev-next-links {
    width: calc(100% - 32px) !important;
  }

  body[data-page-alias="d1-internal-blog-post"]
  #dm .dmInner [data-flex-id="63f763e86a61e8121ae357c9"] > section > .flex-element.grid > .flex-element.group {
    width: calc(100% - 32px) !important;
    padding: 76px 0 84px !important;
  }

  body[data-page-alias="d1-internal-blog-post"]
  #dm .dmInner .mainBlog > .inner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  body[data-page-alias="d1-internal-blog-post"]
  #dm .dmInner [data-flex-id="63f75e446a61e8121ae33d0e"] > section > .flex-element.grid > .flex-element.group {
    width: calc(100% - 24px) !important;
    padding: 58px 0 46px !important;
  }

  body[data-page-alias="d1-internal-blog-post"]
  #dm .dmInner [data-flex-id="63f75e446a61e8121ae33d0e"] h1::before {
    margin-bottom: 18px;
    font-size: 0.7rem;
  }

  body[data-page-alias="d1-internal-blog-post"]
  #dm .dmInner [data-flex-id="63f75e446a61e8121ae33d0e"] h1 {
    font-size: clamp(2.35rem, 12.5vw, 3.7rem) !important;
    line-height: 1 !important;
  }

  body[data-page-alias="d1-internal-blog-post"]
  #dm .dmInner .postPageExtRoot,
  body[data-page-alias="d1-internal-blog-post"]
  #dm .dmInner .prev-next-links {
    width: calc(100% - 24px) !important;
  }

  body[data-page-alias="d1-internal-blog-post"]
  #dm .dmInner .postPageExtRoot .blog-post-row > section > .flex-element.grid {
    border-radius: 24px !important;
  }

  body[data-page-alias="d1-internal-blog-post"]
  #dm .dmInner .postPageExtRoot [data-widget-type="paragraph"] > .dmNewParagraph {
    width: calc(100% - 40px) !important;
    padding: 38px 0 48px !important;
    font-size: 17px !important;
    line-height: 1.72 !important;
  }

  body[data-page-alias="d1-internal-blog-post"]
  #dm .dmInner .postPageExtRoot h2 {
    font-size: 2rem !important;
  }

  body[data-page-alias="d1-internal-blog-post"]
  #dm .dmInner .postPageExtRoot h3 {
    font-size: 1.72rem !important;
  }

  body[data-page-alias="d1-internal-blog-post"]
  #dm .dmInner .prev-next-links {
    grid-template-columns: 1fr !important;
  }

  body[data-page-alias="d1-internal-blog-post"]
  #dm .dmInner .prev-next-links a,
  body[data-page-alias="d1-internal-blog-post"]
  #dm .dmInner .prev-next-links a:last-child {
    justify-content: flex-start !important;
    text-align: left !important;
  }

  body[data-page-alias="d1-internal-blog-post"]
  #dm .dmInner [data-flex-id="63f763e86a61e8121ae357c9"] {
    margin-top: 58px !important;
  }

  body[data-page-alias="d1-internal-blog-post"]
  #dm .dmInner [data-flex-id="63f763e86a61e8121ae357c9"] > section > .flex-element.grid > .flex-element.group {
    width: calc(100% - 24px) !important;
    padding: 62px 0 70px !important;
  }

  body[data-page-alias="d1-internal-blog-post"]
  #dm .dmInner .mainBlog > .inner {
    grid-template-columns: 1fr !important;
  }

  body[data-page-alias="d1-internal-blog-post"]
  #dm .dmInner .mainBlog .postTextContainer {
    padding: 20px 20px 22px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page-alias="d1-internal-blog-post"] *,
  body[data-page-alias="d1-internal-blog-post"] *::before,
  body[data-page-alias="d1-internal-blog-post"] *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}