/* Unified article template. Loaded last so older generated styles cannot fragment the layout. */
body.blog-template-v2 {
  --article-navy: #0b213d;
  --article-ink: #142943;
  --article-copy: #566b82;
  --article-green: #438f52;
  --article-blue: #2469c9;
  --article-line: #dce5eb;
  --article-soft: #f4f8f5;
  background: #fff;
  color: var(--article-ink);
}

body.blog-template-v2 .site-title-banner {
  position: relative;
  margin-top: 0;
  padding: clamp(52px, 7vw, 86px) 32px clamp(46px, 6vw, 72px);
  overflow: hidden;
  background: #c2d2d5 url("/assets/images/generated/blog-title-energy-insights-v1.png") center / cover no-repeat;
  background-blend-mode: multiply;
  color: var(--article-ink);
}

body.blog-template-v2 .site-title-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .82) 0%, rgba(255, 255, 255, .48) 34%, rgba(255, 255, 255, .08) 62%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(180deg, rgba(7, 22, 42, .20) 0%, rgba(7, 22, 42, .08) 68%, rgba(255, 255, 255, .18) 100%),
    radial-gradient(circle at 28% 72%, rgba(67, 143, 82, .18), transparent 34%);
  pointer-events: none;
}

body.blog-template-v2 .site-title-banner::after {
  display: none;
}

body.blog-template-v2 .site-title-container {
  position: relative;
  z-index: 1;
  width: min(1440px, 100%);
  margin: 0 auto;
}

body.blog-template-v2 .site-title-card {
  position: relative;
  display: block;
  min-height: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.blog-template-v2 .site-title-card::before {
  content: "";
  position: absolute;
  left: -32px;
  top: 50%;
  width: min(760px, 60vw);
  height: min(360px, 32vw);
  transform: translateY(-50%);
  border-radius: 999px;
  background: rgba(255, 255, 255, .24);
  filter: blur(34px);
  pointer-events: none;
}

body.blog-template-v2 .site-title-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  width: min(760px, 100%);
  min-height: clamp(260px, 25vw, 360px);
  padding: 0;
  text-align: left;
  background: transparent;
}

body.blog-template-v2 .site-breadcrumb {
  max-width: 100%;
  margin: 0 0 30px;
  overflow: hidden;
}

body.blog-template-v2 .site-breadcrumb ol {
  justify-content: flex-start;
  flex-wrap: nowrap;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.blog-template-v2 .site-breadcrumb li {
  flex: 0 0 auto;
  color: #4c7d5a;
  font-size: 11px;
  letter-spacing: .12em;
}

body.blog-template-v2 .site-breadcrumb li:last-child {
  min-width: 0;
  overflow: hidden;
  color: #668078;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.blog-template-v2 .site-title-heading {
  max-width: 700px;
  margin: 0;
  color: var(--article-navy);
  font-family: "Montserrat", sans-serif;
  font-size: clamp(48px, 4.4vw, 78px);
  font-weight: 800;
  line-height: 1.06;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
}

body.blog-template-v2 .site-title-media {
  display: none;
}

body.blog-template-v2 .site-article-meta-strip {
  padding: 0 32px;
  border: 0;
  background: #fff;
}

body.blog-template-v2 .site-article-meta-strip .blog-article-meta {
  width: min(1440px, 100%);
  margin: 0 auto !important;
  padding: 25px clamp(24px, 4vw, 54px);
  border: 1px solid var(--article-line);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background: #fff;
  color: #64778b;
  text-align: left;
}

body.blog-template-v2 .blog-article-wrap.page-section {
  padding: 72px 32px 96px !important;
  background: #fff !important;
}

body.blog-template-v2 .blog-article-wrap.page-section::before,
body.blog-template-v2 .blog-article-wrap.page-section::after,
body.blog-template-v2 .blog-article-grid::before,
body.blog-template-v2 .blog-article-grid::after {
  display: none !important;
}

body.blog-template-v2 .blog-article-wrap > .container {
  width: min(1240px, 100%) !important;
  max-width: none !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.blog-template-v2 .blog-article-grid {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.blog-template-v2 .blog-article-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.blog-template-v2 .blog-article-main > * {
  width: 100%;
  max-width: 980px;
  margin: 0 auto 64px !important;
}

body.blog-template-v2 .blog-intro-card {
  position: relative;
  padding: 44px 48px 40px !important;
  border: 1px solid #dbe6df !important;
  border-left: 5px solid var(--article-green) !important;
  border-radius: 6px !important;
  background: linear-gradient(135deg, #f3f8f3, #fff) !important;
  box-shadow: 0 14px 36px rgba(31, 62, 49, .07) !important;
  text-align: left !important;
}

body.blog-template-v2 .blog-intro-card::before,
body.blog-template-v2 .blog-intro-card::after { display: none !important; }

body.blog-template-v2 .blog-intro-card h2,
body.blog-template-v2 .blog-content-block h2,
body.blog-template-v2 .blog-article-main section h2 {
  color: var(--article-navy) !important;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  letter-spacing: 0;
}

body.blog-template-v2 .blog-intro-card h2 {
  max-width: 760px;
  margin: 0 0 18px !important;
  font-size: clamp(28px, 3vw, 38px) !important;
  line-height: 1.15 !important;
  text-align: left !important;
}

body.blog-template-v2 .blog-intro-card p { text-align: left !important; }

body.blog-template-v2 .blog-article-main p,
body.blog-template-v2 .blog-article-main li {
  color: var(--article-copy);
  font-size: 17px;
  line-height: 1.78;
}

body.blog-template-v2 .blog-article-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 20px 0 0;
}

body.blog-template-v2 .blog-article-tags li {
  padding: 7px 11px;
  border: 1px solid #dbe6df;
  border-radius: 4px;
  background: #fff;
  color: #4f6859;
  font-size: 12px;
  font-weight: 700;
}

body.blog-template-v2 .blog-content-block {
  padding: 0 0 48px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--article-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.blog-template-v2 .blog-content-block h2 {
  max-width: 800px;
  margin-bottom: 18px;
  font-size: clamp(27px, 3vw, 38px) !important;
  line-height: 1.18;
}

body.blog-template-v2 .blog-content-block ul {
  display: grid;
  gap: 10px;
  margin-top: 24px;
  padding-left: 24px;
}

body.blog-template-v2 .blog-insight-dashboard,
body.blog-template-v2 .blog-workflow-visual,
body.blog-template-v2 .blog-comparison-chart,
body.blog-template-v2 .blog-playbook-panel,
body.blog-template-v2 .blog-faq-cluster,
body.blog-template-v2 .energy-section {
  max-width: 1160px;
  padding: clamp(34px, 5vw, 58px) !important;
  overflow: hidden;
  border: 1px solid var(--article-line) !important;
  border-radius: 8px !important;
  background: #f7faf8 !important;
  color: var(--article-ink) !important;
  box-shadow: 0 16px 42px rgba(23, 48, 69, .07) !important;
}

body.blog-template-v2 .blog-workflow-visual,
body.blog-template-v2 .blog-playbook-panel {
  background: var(--article-navy) !important;
  color: #fff !important;
}

body.blog-template-v2 .blog-workflow-visual h2,
body.blog-template-v2 .blog-workflow-visual h3,
body.blog-template-v2 .blog-workflow-visual p,
body.blog-template-v2 .blog-playbook-panel h2,
body.blog-template-v2 .blog-playbook-panel h3,
body.blog-template-v2 .blog-playbook-panel p {
  color: #fff !important;
}

body.blog-template-v2 .blog-dashboard-grid,
body.blog-template-v2 .blog-playbook-grid,
body.blog-template-v2 .blog-faq-grid,
body.blog-template-v2 .energy-card-grid,
body.blog-template-v2 .energy-signal-grid,
body.blog-template-v2 .energy-use-grid {
  gap: 16px !important;
}

body.blog-template-v2 .blog-dashboard-tile,
body.blog-template-v2 .blog-playbook-step,
body.blog-template-v2 .blog-faq-card,
body.blog-template-v2 .energy-card,
body.blog-template-v2 .energy-signal-card,
body.blog-template-v2 .energy-flip-card {
  border: 1px solid var(--article-line) !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.blog-template-v2 .blog-playbook-step {
  border-color: rgba(255,255,255,.16) !important;
  background: rgba(255,255,255,.08) !important;
}

body.blog-template-v2 .blog-panel-label,
body.blog-template-v2 .energy-section-head > span,
body.blog-template-v2 .energy-label {
  color: var(--article-green) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
}

body.blog-template-v2 .blog-comparison-chart { background: #fff !important; }

body.blog-template-v2 .blog-cta-panel {
  max-width: 1160px;
  padding: clamp(42px, 6vw, 70px) !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: linear-gradient(130deg, #0a2039, #123b42) !important;
  color: #fff;
  box-shadow: 0 22px 54px rgba(10, 31, 56, .18) !important;
}

body.blog-template-v2 .blog-cta-panel h3,
body.blog-template-v2 .blog-cta-panel p,
body.blog-template-v2 .blog-cta-panel li { color: #fff !important; }

body.blog-template-v2 .blog-related-section {
  max-width: 1160px;
  padding-top: 10px;
}

body.blog-template-v2 .blog-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

body.blog-template-v2 .blog-related-card {
  border: 1px solid var(--article-line) !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: 0 10px 30px rgba(23, 48, 69, .06) !important;
}

body.blog-template-v2 .blog-related-card h3 {
  color: var(--article-navy) !important;
  font-size: 19px !important;
  line-height: 1.35 !important;
}

body.blog-template-v2 .blog-related-tags { display: none; }

@media (max-width: 991px) {
  body.blog-template-v2 .site-title-banner { padding: 44px 18px 42px; }
  body.blog-template-v2 .site-title-card { min-height: 0; }
  body.blog-template-v2 .site-title-content { min-height: 250px; }
  body.blog-template-v2 .site-title-heading { font-size: clamp(36px, 7vw, 58px); }
  body.blog-template-v2 .site-article-meta-strip { padding: 0 18px; }
  body.blog-template-v2 .blog-related-grid { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
  body.blog-template-v2 .site-title-banner { padding: 34px 18px 36px; }
  body.blog-template-v2 .site-title-content { min-height: 220px; }
  body.blog-template-v2 .site-breadcrumb { margin-bottom: 22px; }
  body.blog-template-v2 .site-title-heading { font-size: clamp(32px, 10vw, 44px); line-height: 1.08; }
  body.blog-template-v2 .site-article-meta-strip { padding: 0 12px; }
  body.blog-template-v2 .site-article-meta-strip .blog-article-meta { gap: 8px 18px; padding: 18px 20px; }
  body.blog-template-v2 .blog-article-wrap.page-section { padding: 44px 16px 70px !important; }
  body.blog-template-v2 .blog-article-main > * { margin-bottom: 42px !important; }
  body.blog-template-v2 .blog-intro-card,
  body.blog-template-v2 .blog-insight-dashboard,
  body.blog-template-v2 .blog-workflow-visual,
  body.blog-template-v2 .blog-comparison-chart,
  body.blog-template-v2 .blog-playbook-panel,
  body.blog-template-v2 .blog-faq-cluster,
  body.blog-template-v2 .energy-section,
  body.blog-template-v2 .blog-cta-panel { padding: 28px 22px !important; }
  body.blog-template-v2 .blog-article-main p,
  body.blog-template-v2 .blog-article-main li { font-size: 16px; line-height: 1.7; }
  body.blog-template-v2 .blog-dashboard-grid,
  body.blog-template-v2 .blog-playbook-grid,
  body.blog-template-v2 .blog-faq-grid,
  body.blog-template-v2 .energy-card-grid,
  body.blog-template-v2 .energy-signal-grid,
  body.blog-template-v2 .energy-use-grid { grid-template-columns: 1fr !important; }
}

/* Premium article orientation layer. Keeps the existing navbar and footer unchanged. */
body.blog-template-v2.blog-premium-ui {
  --article-navy: #061733;
  --article-ink: #101a2c;
  --article-copy: #526176;
  --article-muted: #7a8798;
  --article-green: #87c837;
  --article-green-deep: #08715f;
  --article-cyan: #53c9c2;
  --article-blue: #2469c9;
  --article-line: rgba(16, 32, 51, .11);
  --article-soft: #f6f9f8;
  --article-warm: #fbfcfb;
  background: #fbfcfb;
}

body.blog-template-v2.blog-premium-ui .site-title-banner {
  overflow: hidden;
  isolation: isolate;
  width: 100vw;
  max-width: 100vw;
  min-height: clamp(330px, 31vw, 430px);
  margin-left: 0;
  margin-right: 0;
  padding: clamp(104px, 10vw, 132px) clamp(28px, 6vw, 92px) clamp(44px, 5vw, 68px);
  background: #eef5f7 url("/assets/images/generated/blog-title-energy-insights-v1.png") center / cover no-repeat;
}

body.blog-template-v2.blog-premium-ui .site-title-container {
  width: min(100%, 1440px);
  margin: 0;
  min-width: 0;
}

body.blog-template-v2.blog-premium-ui .site-title-card {
  display: flex !important;
  width: min(760px, 56vw) !important;
  max-width: 100% !important;
  min-height: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
}

body.blog-template-v2.blog-premium-ui .site-title-content {
  width: 100%;
  max-width: 100%;
  padding: 0;
  background: transparent;
}

body.blog-template-v2.blog-premium-ui .site-breadcrumb {
  margin-bottom: 26px;
}

body.blog-template-v2.blog-premium-ui .site-breadcrumb ol {
  gap: 10px;
}

body.blog-template-v2.blog-premium-ui .site-breadcrumb li {
  color: #41536a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

body.blog-template-v2.blog-premium-ui .site-breadcrumb li:not(:last-child)::after {
  content: "›";
  margin-left: 10px;
  color: rgba(16, 32, 51, .42);
}

body.blog-template-v2.blog-premium-ui .site-title-heading {
  max-width: 100%;
  color: #080f24;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(46px, 4.8vw, 74px);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: 0;
  text-wrap: balance;
}

body.blog-template-v2.blog-premium-ui .site-title-media {
  display: none !important;
}

body.blog-template-v2.blog-premium-ui .site-title-media::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(251, 252, 251, .82) 0%, rgba(251, 252, 251, .28) 28%, rgba(6, 23, 51, .18) 100%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(6,23,51,.18));
  pointer-events: none;
}

body.blog-template-v2.blog-premium-ui .site-title-media::after {
  z-index: 2;
  background:
    linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(0deg, rgba(255,255,255,.16) 1px, transparent 1px) 0 0 / 72px 72px;
  opacity: .38;
}

body.blog-template-v2.blog-premium-ui .site-title-media img {
  object-fit: cover;
  object-position: center;
  filter: saturate(.92) contrast(1.04);
}

body.blog-template-v2.blog-premium-ui .site-article-meta-strip {
  padding: 0;
  background: #fff;
}

body.blog-template-v2.blog-premium-ui .site-article-meta-strip .blog-article-meta {
  width: min(1380px, calc(100% - 48px));
  padding: 22px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #33435a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
}

body.blog-template-v2.blog-premium-ui .blog-premium-orientation {
  position: sticky;
  top: 0;
  z-index: 50;
  border-top: 1px solid var(--article-line);
  border-bottom: 1px solid var(--article-line);
  background: rgba(255, 255, 255, .92);
  backdrop-filter: blur(18px);
}

body.blog-template-v2.blog-premium-ui .blog-premium-orientation-inner {
  display: grid;
  grid-template-columns: minmax(210px, .8fr) minmax(360px, 1.4fr) minmax(300px, .95fr);
  gap: 28px;
  align-items: center;
  width: min(1380px, calc(100% - 48px));
  min-height: 62px;
  margin: 0 auto;
}

body.blog-template-v2.blog-premium-ui .blog-premium-progress {
  display: grid;
  grid-template-columns: auto minmax(80px, 1fr) auto;
  gap: 12px;
  align-items: center;
  color: #33435a;
  font-size: 13px;
  font-weight: 700;
}

body.blog-template-v2.blog-premium-ui .blog-premium-progress i {
  overflow: hidden;
  height: 5px;
  border-radius: 999px;
  background: #e3e9ee;
}

body.blog-template-v2.blog-premium-ui .blog-premium-progress b {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--article-green-deep), var(--article-green), var(--article-cyan));
}

body.blog-template-v2.blog-premium-ui .blog-premium-anchor-nav,
body.blog-template-v2.blog-premium-ui .blog-premium-actions {
  display: flex;
  align-items: center;
  gap: 22px;
}

body.blog-template-v2.blog-premium-ui .blog-premium-anchor-nav {
  justify-content: center;
}

body.blog-template-v2.blog-premium-ui .blog-premium-anchor-nav a,
body.blog-template-v2.blog-premium-ui .blog-premium-actions button {
  padding: 0;
  border: 0;
  background: transparent;
  color: #263850;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 14px;
  line-height: 1.2;
}

body.blog-template-v2.blog-premium-ui .blog-premium-actions {
  justify-content: flex-end;
}

body.blog-template-v2.blog-premium-ui .blog-premium-actions a,
body.blog-template-v2.blog-premium-ui .blog-premium-rail-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 18px;
  border-radius: 3px;
  background: linear-gradient(135deg, #006f60, #049f82);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 14px 32px rgba(0, 111, 96, .18);
}

body.blog-template-v2.blog-premium-ui .blog-article-wrap.page-section {
  padding: 72px 0 110px !important;
  background: #fbfcfb !important;
}

body.blog-template-v2.blog-premium-ui .blog-article-wrap > .container {
  width: min(1380px, calc(100% - 48px)) !important;
}

body.blog-template-v2.blog-premium-ui .blog-article-grid {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}

body.blog-template-v2.blog-premium-ui .blog-premium-section-rail,
body.blog-template-v2.blog-premium-ui .blog-premium-rail-inner {
  position: sticky;
  top: 94px;
}

body.blog-template-v2.blog-premium-ui .blog-premium-section-rail {
  display: none !important;
  flex: 0 0 170px !important;
  gap: 0;
  width: 170px !important;
  max-width: 170px !important;
  padding-top: 20px;
  border-right: 1px solid var(--article-line);
}

body.blog-template-v2.blog-premium-ui .blog-premium-section-rail a {
  position: relative;
  display: grid;
  gap: 6px;
  min-height: 74px;
  padding: 0 20px 22px 34px;
  color: #8a95a5;
}

body.blog-template-v2.blog-premium-ui .blog-premium-section-rail a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 12px;
  height: 12px;
  border: 1px solid #bcc8d3;
  border-radius: 50%;
  background: #fbfcfb;
}

body.blog-template-v2.blog-premium-ui .blog-premium-section-rail a:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 20px;
  bottom: 4px;
  width: 1px;
  background: #d7dee5;
}

body.blog-template-v2.blog-premium-ui .blog-premium-section-rail a.is-active {
  color: var(--article-green-deep);
}

body.blog-template-v2.blog-premium-ui .blog-premium-section-rail a.is-active::before {
  border-color: var(--article-green-deep);
  background: var(--article-green-deep);
  box-shadow: 0 0 0 6px rgba(83, 201, 194, .12);
}

body.blog-template-v2.blog-premium-ui .blog-premium-section-rail span {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
}

body.blog-template-v2.blog-premium-ui .blog-premium-section-rail strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
}

body.blog-template-v2.blog-premium-ui .blog-article-main {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  width: min(100%, 1040px) !important;
  max-width: 1040px !important;
  min-width: 0 !important;
  margin: 0 auto !important;
}

body.blog-template-v2.blog-premium-ui .blog-article-main > * {
  width: 100% !important;
  max-width: none;
  grid-column: auto !important;
  margin: 0 0 54px !important;
}

body.blog-template-v2.blog-premium-ui .blog-intro-card {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 28px;
  grid-column: 1 / -1 !important;
  padding: 30px 34px !important;
  border: 1px solid rgba(8, 113, 95, .14) !important;
  border-left: 3px solid var(--article-cyan) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(90deg, rgba(83, 201, 194, .12), rgba(255,255,255,.84)),
    #fff !important;
  box-shadow: none !important;
}

body.blog-template-v2.blog-premium-ui .blog-intro-card::before {
  content: "";
  display: block !important;
  width: 58px;
  height: 58px;
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(135, 200, 55, .18), rgba(83, 201, 194, .18)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%2308715f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M8 13h8M8 17h6'/%3E%3C/svg%3E") center / 28px 28px no-repeat;
}

body.blog-template-v2.blog-premium-ui .blog-intro-card::after {
  display: none !important;
}

body.blog-template-v2.blog-premium-ui .blog-intro-card > * {
  grid-column: 2;
}

body.blog-template-v2.blog-premium-ui .blog-intro-card h2 {
  margin-bottom: 12px !important;
  color: #080f24 !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 3vw, 40px) !important;
  font-weight: 700;
  line-height: 1.1 !important;
}

body.blog-template-v2.blog-premium-ui .blog-intro-card p,
body.blog-template-v2.blog-premium-ui .blog-intro-card > p:first-of-type {
  max-width: 860px !important;
  margin: 0 !important;
  color: #526176 !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
  text-align: left !important;
}

body.blog-template-v2.blog-premium-ui .blog-article-tags {
  justify-content: flex-start !important;
  margin-top: 22px !important;
}

body.blog-template-v2.blog-premium-ui .blog-article-tags li {
  border-radius: 999px !important;
  background: #fff !important;
  color: #26445e !important;
}

body.blog-template-v2.blog-premium-ui .blog-content-block {
  padding: 0 0 46px !important;
}

body.blog-template-v2.blog-premium-ui .blog-content-block h2,
body.blog-template-v2.blog-premium-ui .blog-article-main section h2,
body.blog-template-v2.blog-premium-ui .blog-cta-panel h3,
body.blog-template-v2.blog-premium-ui .blog-article-section-title {
  color: #080f24 !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(34px, 3.6vw, 48px) !important;
  font-weight: 700;
  line-height: 1.05 !important;
}

body.blog-template-v2.blog-premium-ui .blog-content-block p,
body.blog-template-v2.blog-premium-ui .blog-content-block li {
  max-width: 850px;
  color: #526176 !important;
  font-size: 17px !important;
  line-height: 1.82 !important;
}

body.blog-template-v2.blog-premium-ui .blog-insight-dashboard,
body.blog-template-v2.blog-premium-ui .blog-workflow-visual,
body.blog-template-v2.blog-premium-ui .blog-comparison-chart,
body.blog-template-v2.blog-premium-ui .blog-playbook-panel,
body.blog-template-v2.blog-premium-ui .blog-faq-cluster,
body.blog-template-v2.blog-premium-ui .energy-section {
  max-width: none;
  border: 1px solid var(--article-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: 0 18px 44px rgba(16, 32, 51, .055) !important;
}

body.blog-template-v2.blog-premium-ui .blog-workflow-visual,
body.blog-template-v2.blog-premium-ui .blog-playbook-panel {
  background:
    radial-gradient(circle at 88% 12%, rgba(83, 201, 194, .14), transparent 26%),
    linear-gradient(135deg, #061733, #0b2d3a) !important;
}

body.blog-template-v2.blog-premium-ui .blog-dashboard-tile,
body.blog-template-v2.blog-premium-ui .blog-playbook-step,
body.blog-template-v2.blog-premium-ui .blog-faq-card,
body.blog-template-v2.blog-premium-ui .energy-card,
body.blog-template-v2.blog-premium-ui .energy-signal-card,
body.blog-template-v2.blog-premium-ui .energy-flip-card,
body.blog-template-v2.blog-premium-ui .blog-comparison-row,
body.blog-template-v2.blog-premium-ui .blog-related-card {
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.blog-template-v2.blog-premium-ui .blog-premium-rail {
  display: none !important;
  flex: 0 0 320px !important;
  width: 320px !important;
  max-width: 320px !important;
}

body.blog-template-v2.blog-premium-ui .blog-premium-rail-inner {
  display: grid;
  gap: 18px;
}

body.blog-template-v2.blog-premium-ui .blog-premium-rail-card {
  padding: 26px;
  border: 1px solid var(--article-line);
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 14px 34px rgba(16, 32, 51, .045);
}

body.blog-template-v2.blog-premium-ui .blog-premium-rail-label {
  margin: 0 0 14px;
  color: #080f24;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.1;
}

body.blog-template-v2.blog-premium-ui .blog-premium-toc,
body.blog-template-v2.blog-premium-ui .blog-premium-takeaways {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.blog-template-v2.blog-premium-ui .blog-premium-toc a {
  display: block;
  padding-left: 16px;
  border-left: 2px solid #d6dfe7;
  color: #59687a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
  line-height: 1.35;
}

body.blog-template-v2.blog-premium-ui .blog-premium-toc a.is-active {
  border-color: var(--article-green-deep);
  color: #080f24;
}

body.blog-template-v2.blog-premium-ui .blog-premium-takeaways li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

body.blog-template-v2.blog-premium-ui .blog-premium-takeaways span {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background:
    linear-gradient(135deg, rgba(135, 200, 55, .18), rgba(83, 201, 194, .2)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2308715f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 14px 14px no-repeat;
}

body.blog-template-v2.blog-premium-ui .blog-premium-takeaways p,
body.blog-template-v2.blog-premium-ui .blog-premium-rail-cta p {
  margin: 0;
  color: #59687a;
  font-size: 14px;
  line-height: 1.55;
}

body.blog-template-v2.blog-premium-ui .blog-premium-service-links {
  display: grid;
  gap: 10px;
}

body.blog-template-v2.blog-premium-ui .blog-premium-service-links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(16, 32, 51, .08);
  color: #263850;
  font-size: 14px;
  font-weight: 800;
}

body.blog-template-v2.blog-premium-ui .blog-premium-rail-cta {
  background:
    radial-gradient(circle at 100% 100%, rgba(83, 201, 194, .18), transparent 42%),
    linear-gradient(180deg, #f4fbf8, #fff);
}

body.blog-template-v2.blog-premium-ui .blog-premium-rail-cta h3 {
  margin: 0 0 10px;
  color: #080f24;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
}

body.blog-template-v2.blog-premium-ui .blog-premium-rail-cta a {
  width: 100%;
  margin-top: 18px;
}

body.blog-template-v2.blog-premium-ui .blog-related-section {
  max-width: none;
}

@media (max-width: 1190px) {
  body.blog-template-v2.blog-premium-ui .site-title-card {
    grid-template-columns: 1fr;
  }

  body.blog-template-v2.blog-premium-ui .site-title-media {
    height: 420px;
    min-height: 420px;
  }

  body.blog-template-v2.blog-premium-ui .blog-premium-orientation-inner {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 14px 0;
  }

  body.blog-template-v2.blog-premium-ui .blog-premium-anchor-nav,
  body.blog-template-v2.blog-premium-ui .blog-premium-actions {
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  body.blog-template-v2.blog-premium-ui .blog-article-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.blog-template-v2.blog-premium-ui .blog-premium-section-rail,
  body.blog-template-v2.blog-premium-ui .blog-premium-rail {
    display: none !important;
  }
}

@media (max-width: 767px) {
  body.blog-template-v2.blog-premium-ui .site-title-banner {
    padding-top: 22px;
  }

  body.blog-template-v2.blog-premium-ui .site-title-content {
    padding: 38px 22px;
  }

  body.blog-template-v2.blog-premium-ui .site-title-heading {
    font-size: clamp(42px, 13vw, 58px);
  }

  body.blog-template-v2.blog-premium-ui .site-title-media {
    height: 280px;
    min-height: 280px;
  }

  body.blog-template-v2.blog-premium-ui .site-article-meta-strip .blog-article-meta,
  body.blog-template-v2.blog-premium-ui .blog-premium-orientation-inner,
  body.blog-template-v2.blog-premium-ui .blog-article-wrap > .container {
    width: min(100% - 28px, 100%) !important;
  }

  body.blog-template-v2.blog-premium-ui .blog-premium-orientation {
    position: relative;
  }

  body.blog-template-v2.blog-premium-ui .blog-premium-anchor-nav {
    display: none;
  }

  body.blog-template-v2.blog-premium-ui .blog-premium-actions {
    gap: 12px;
  }

  body.blog-template-v2.blog-premium-ui .blog-premium-actions a {
    min-width: max-content;
  }

  body.blog-template-v2.blog-premium-ui .blog-intro-card {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 26px 22px !important;
  }

  body.blog-template-v2.blog-premium-ui .blog-intro-card > * {
    grid-column: 1;
  }

  body.blog-template-v2.blog-premium-ui .blog-content-block h2,
  body.blog-template-v2.blog-premium-ui .blog-article-main section h2 {
    font-size: clamp(28px, 10vw, 38px) !important;
  }
}

/* Editorial reset: blog pages should read like focused guides, not a dashboard stack. */
body.blog-template-v2.blog-premium-ui .blog-premium-orientation,
body.blog-template-v2.blog-premium-ui .blog-premium-section-rail,
body.blog-template-v2.blog-premium-ui .blog-premium-rail {
  display: none !important;
}

body.blog-template-v2.blog-premium-ui .site-article-meta-strip {
  border-bottom: 1px solid rgba(16, 32, 51, .08);
}

body.blog-template-v2.blog-premium-ui .site-article-meta-strip .blog-article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  width: min(1040px, calc(100% - 48px));
  padding: 18px 0;
  color: #526176;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

body.blog-template-v2.blog-premium-ui .blog-article-wrap.page-section {
  padding: 58px 0 96px !important;
  background:
    linear-gradient(90deg, rgba(8, 113, 95, .035) 0, transparent 22%, transparent 78%, rgba(135, 200, 55, .04) 100%),
    #fff !important;
}

body.blog-template-v2.blog-premium-ui .blog-article-wrap > .container,
body.blog-template-v2.blog-premium-ui .blog-article-main {
  width: min(940px, calc(100% - 48px)) !important;
  max-width: 940px !important;
}

body.blog-template-v2.blog-premium-ui .blog-article-main > * {
  margin-bottom: 40px !important;
}

body.blog-template-v2.blog-premium-ui .blog-insight-dashboard,
body.blog-template-v2.blog-premium-ui .blog-workflow-visual,
body.blog-template-v2.blog-premium-ui .blog-comparison-chart,
body.blog-template-v2.blog-premium-ui .blog-playbook-panel,
body.blog-template-v2.blog-premium-ui .blog-faq-cluster,
body.blog-template-v2.blog-premium-ui .energy-section {
  display: none !important;
}

body.blog-template-v2.blog-premium-ui .blog-intro-card {
  display: block;
  padding: 34px 38px !important;
  border: 1px solid rgba(8, 113, 95, .16) !important;
  border-left: 5px solid var(--article-green-deep) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, rgba(246, 249, 248, .98), #fff) !important;
  box-shadow: 0 18px 44px rgba(16, 32, 51, .06) !important;
}

body.blog-template-v2.blog-premium-ui .blog-intro-card::before,
body.blog-template-v2.blog-premium-ui .blog-intro-card::after {
  display: none !important;
}

body.blog-template-v2.blog-premium-ui .blog-intro-card > * {
  grid-column: auto;
}

body.blog-template-v2.blog-premium-ui .blog-intro-card h2 {
  margin: 0 0 14px !important;
  color: #061733 !important;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(24px, 2.6vw, 34px) !important;
  font-weight: 800;
  line-height: 1.18 !important;
}

body.blog-template-v2.blog-premium-ui .blog-intro-card p,
body.blog-template-v2.blog-premium-ui .blog-intro-card > p:first-of-type {
  max-width: 820px !important;
  color: #42546b !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
}

body.blog-template-v2.blog-premium-ui .blog-article-tags {
  gap: 8px;
  margin-top: 20px !important;
  padding: 0 !important;
}

body.blog-template-v2.blog-premium-ui .blog-article-tags li {
  border: 1px solid rgba(8, 113, 95, .16) !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #08715f !important;
  font-size: 12px !important;
}

body.blog-template-v2.blog-premium-ui .blog-content-block {
  padding: 0 0 38px !important;
  border-bottom: 1px solid rgba(16, 32, 51, .10) !important;
}

body.blog-template-v2.blog-premium-ui .blog-content-block h2,
body.blog-template-v2.blog-premium-ui .blog-article-main section h2,
body.blog-template-v2.blog-premium-ui .blog-article-section-title {
  max-width: 780px;
  margin: 0 0 16px !important;
  color: #061733 !important;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(28px, 3vw, 38px) !important;
  font-weight: 800;
  line-height: 1.18 !important;
}

body.blog-template-v2.blog-premium-ui .blog-content-block p,
body.blog-template-v2.blog-premium-ui .blog-content-block li {
  max-width: 820px;
  color: #4b5f75 !important;
  font-size: 17px !important;
  line-height: 1.82 !important;
}

body.blog-template-v2.blog-premium-ui .blog-content-block ul {
  display: grid;
  gap: 10px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

body.blog-template-v2.blog-premium-ui .blog-content-block li {
  position: relative;
  padding-left: 24px;
}

body.blog-template-v2.blog-premium-ui .blog-content-block li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .78em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--article-green);
}

body.blog-template-v2.blog-premium-ui .blog-cta-panel {
  border-radius: 8px !important;
}

body.blog-template-v2.blog-premium-ui .blog-related-section {
  width: min(1180px, calc(100% - 48px)) !important;
  max-width: 1180px !important;
  margin: 30px auto 0 !important;
}

@media (max-width: 767px) {
  body.blog-template-v2.blog-premium-ui .site-article-meta-strip .blog-article-meta,
  body.blog-template-v2.blog-premium-ui .blog-article-wrap > .container,
  body.blog-template-v2.blog-premium-ui .blog-article-main,
  body.blog-template-v2.blog-premium-ui .blog-related-section {
    width: min(100% - 28px, 100%) !important;
  }

  body.blog-template-v2.blog-premium-ui .blog-article-wrap.page-section {
    padding: 42px 0 72px !important;
  }

  body.blog-template-v2.blog-premium-ui .blog-intro-card {
    padding: 26px 22px !important;
  }
}

/* Premium readable article system with defined orientation icons. */
body.blog-template-v2.blog-premium-ui {
  --reader-navy: #061733;
  --reader-ink: #172640;
  --reader-copy: #516276;
  --reader-green: #87c837;
  --reader-teal: #08715f;
  --reader-blue: #1f6bc8;
  --reader-line: rgba(16, 32, 51, .11);
  --reader-panel: #ffffff;
  --reader-soft: #f6faf8;
}

body.blog-template-v2.blog-premium-ui .blog-article-wrap.page-section {
  padding: 64px 0 104px !important;
  background:
    linear-gradient(180deg, #fff 0%, #fbfdfc 36%, #f4faf7 100%) !important;
}

body.blog-template-v2.blog-premium-ui .blog-article-wrap > .container,
body.blog-template-v2.blog-premium-ui .blog-article-main {
  width: min(1180px, calc(100% - 56px)) !important;
  max-width: 1180px !important;
}

body.blog-template-v2.blog-premium-ui .blog-article-main {
  display: grid !important;
  grid-template-columns: minmax(230px, 280px) minmax(0, 760px);
  gap: 34px 74px !important;
  align-items: start;
  justify-content: center;
}

body.blog-template-v2.blog-premium-ui .blog-intro-card,
body.blog-template-v2.blog-premium-ui .blog-reader-outcomes,
body.blog-template-v2.blog-premium-ui .blog-reader-visual,
body.blog-template-v2.blog-premium-ui .blog-workflow-premium,
body.blog-template-v2.blog-premium-ui .blog-decision-table,
body.blog-template-v2.blog-premium-ui .blog-cta-panel,
body.blog-template-v2.blog-premium-ui .blog-related-section {
  grid-column: 1 / -1 !important;
}

body.blog-template-v2.blog-premium-ui .blog-reader-aside {
  grid-column: 1;
  grid-row: span 10;
  position: sticky;
  top: 96px;
  align-self: start;
}

body.blog-template-v2.blog-premium-ui .blog-content-block {
  grid-column: 2;
  width: 100% !important;
  margin: 0 0 42px !important;
}

body.blog-template-v2.blog-premium-ui .blog-intro-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px 34px;
  margin-bottom: 10px !important;
  padding: 38px 42px !important;
  overflow: hidden;
  border: 1px solid rgba(8, 113, 95, .13) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(135, 200, 55, .13), transparent 32%),
    linear-gradient(135deg, #fff, #f7fbf9) !important;
  box-shadow: 0 22px 58px rgba(16, 32, 51, .08) !important;
}

body.blog-template-v2.blog-premium-ui .blog-summary-badge {
  display: inline-flex;
  grid-column: 1 / -1;
  align-items: center;
  gap: 10px;
  width: max-content;
  max-width: 100%;
  padding: 8px 12px;
  border: 1px solid rgba(8, 113, 95, .14);
  border-radius: 999px;
  background: #fff;
  color: var(--reader-teal);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.blog-template-v2.blog-premium-ui .blog-summary-badge i {
  color: var(--reader-green);
  font-size: 14px;
}

body.blog-template-v2.blog-premium-ui .blog-intro-card h2 {
  grid-column: 1;
  margin: 0 !important;
  color: var(--reader-navy) !important;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(32px, 4vw, 52px) !important;
  font-weight: 900;
  line-height: 1.03 !important;
}

body.blog-template-v2.blog-premium-ui .blog-intro-card p {
  grid-column: 1;
  max-width: 760px !important;
  margin: 0 !important;
  color: var(--reader-copy) !important;
  font-size: 18px !important;
  line-height: 1.72 !important;
}

body.blog-template-v2.blog-premium-ui .blog-article-tags {
  grid-column: 2;
  grid-row: 2 / span 2;
  align-self: start;
  display: grid !important;
  min-width: 210px;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.blog-template-v2.blog-premium-ui .blog-article-tags li {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 9px 12px !important;
  border: 1px solid rgba(16, 32, 51, .09) !important;
  border-radius: 7px !important;
  background: rgba(255, 255, 255, .88) !important;
  color: #273b54 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  box-shadow: 0 8px 22px rgba(16, 32, 51, .035);
}

body.blog-template-v2.blog-premium-ui .blog-article-tags li::before {
  content: "\f058";
  flex: 0 0 auto;
  color: var(--reader-green);
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  font-weight: 900;
}

body.blog-template-v2.blog-premium-ui .blog-reader-outcomes {
  margin: 0 0 28px !important;
  padding: 34px !important;
  border: 1px solid var(--reader-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 46px rgba(16, 32, 51, .055);
}

body.blog-template-v2.blog-premium-ui .blog-reader-outcomes-head {
  display: grid;
  gap: 8px;
  max-width: 780px;
  margin-bottom: 24px;
}

body.blog-template-v2.blog-premium-ui .blog-reader-outcomes-head span {
  color: var(--reader-teal);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.blog-template-v2.blog-premium-ui .blog-reader-outcomes h2 {
  margin: 0 !important;
  color: var(--reader-navy) !important;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(26px, 3vw, 38px) !important;
  font-weight: 900;
  line-height: 1.14 !important;
}

body.blog-template-v2.blog-premium-ui .blog-reader-outcomes p {
  margin: 0;
  color: var(--reader-copy);
  font-size: 16px;
  line-height: 1.65;
}

body.blog-template-v2.blog-premium-ui .blog-reader-outcome-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

body.blog-template-v2.blog-premium-ui .blog-reader-outcome-grid article {
  min-height: 190px;
  padding: 22px 20px;
  border: 1px solid rgba(16, 32, 51, .09);
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #fbfdfc);
}

body.blog-template-v2.blog-premium-ui .blog-reader-outcome-grid i {
  display: grid;
  width: 44px;
  height: 44px;
  margin-bottom: 18px;
  place-items: center;
  border-radius: 8px;
  background: rgba(135, 200, 55, .15);
  color: var(--reader-teal);
  font-size: 18px;
}

body.blog-template-v2.blog-premium-ui .blog-reader-outcome-grid h3 {
  margin: 0 0 8px;
  color: var(--reader-navy);
  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  font-weight: 900;
}

body.blog-template-v2.blog-premium-ui .blog-reader-outcome-grid p {
  font-size: 14px;
  line-height: 1.58;
}

body.blog-template-v2.blog-premium-ui .blog-reader-visual {
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(420px, 1.14fr);
  gap: 28px;
  align-items: stretch;
  margin: 0 0 28px !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(16, 32, 51, .10);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 22px 58px rgba(16, 32, 51, .07);
}

body.blog-template-v2.blog-premium-ui .blog-reader-visual-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 38px;
}

body.blog-template-v2.blog-premium-ui .blog-reader-visual-copy > span,
body.blog-template-v2.blog-premium-ui .blog-workflow-premium-head span,
body.blog-template-v2.blog-premium-ui .blog-decision-table-head span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: max-content;
  max-width: 100%;
  margin-bottom: 14px;
  color: var(--reader-teal);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.blog-template-v2.blog-premium-ui .blog-reader-visual-copy h2,
body.blog-template-v2.blog-premium-ui .blog-workflow-premium-head h2,
body.blog-template-v2.blog-premium-ui .blog-decision-table-head h2 {
  margin: 0;
  color: var(--reader-navy);
  font-family: "Montserrat", sans-serif;
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 900;
  line-height: 1.12;
}

body.blog-template-v2.blog-premium-ui .blog-reader-visual-copy p {
  margin: 16px 0 0;
  color: var(--reader-copy);
  font-size: 16px;
  line-height: 1.72;
}

body.blog-template-v2.blog-premium-ui .blog-reader-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 28px;
}

body.blog-template-v2.blog-premium-ui .blog-reader-metrics div {
  padding: 14px 12px;
  border: 1px solid rgba(16, 32, 51, .09);
  border-radius: 8px;
  background: #fbfdfc;
}

body.blog-template-v2.blog-premium-ui .blog-reader-metrics strong {
  display: block;
  color: var(--reader-teal);
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 900;
}

body.blog-template-v2.blog-premium-ui .blog-reader-metrics small {
  display: block;
  margin-top: 4px;
  color: #526176;
  font-size: 12px;
  font-weight: 800;
}

body.blog-template-v2.blog-premium-ui .blog-reader-image {
  position: relative;
  min-height: 360px;
  margin: 0;
  overflow: hidden;
  background: #061733;
}

body.blog-template-v2.blog-premium-ui .blog-reader-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, transparent 45%, rgba(6, 23, 51, .78) 100%),
    radial-gradient(circle at 80% 20%, rgba(135, 200, 55, .18), transparent 28%);
}

body.blog-template-v2.blog-premium-ui .blog-reader-image img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
  object-position: center;
}

body.blog-template-v2.blog-premium-ui .blog-reader-image-fallback {
  display: grid;
  min-height: 360px;
  place-items: center;
  color: #fff;
  font-size: 54px;
}

body.blog-template-v2.blog-premium-ui .blog-reader-image figcaption {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 20px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium {
  margin: 0 0 30px !important;
  padding: 36px !important;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px;
  background:
    radial-gradient(circle at 92% 8%, rgba(135, 200, 55, .22), transparent 30%),
    linear-gradient(135deg, #061733, #0a2b3c) !important;
  color: #fff;
  box-shadow: 0 24px 58px rgba(6, 23, 51, .18);
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-head {
  max-width: 780px;
  margin-bottom: 28px;
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-head span,
body.blog-template-v2.blog-premium-ui .blog-workflow-premium-head h2 {
  color: #fff;
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid article {
  position: relative;
  padding: 22px 18px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.065);
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid article:not(:last-child)::after {
  content: "\f061";
  position: absolute;
  top: 30px;
  right: -11px;
  z-index: 2;
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border-radius: 50%;
  background: var(--reader-green);
  color: #061733;
  font-family: "Font Awesome 5 Free";
  font-size: 10px;
  font-weight: 900;
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid i {
  display: grid;
  width: 44px;
  height: 44px;
  margin-bottom: 18px;
  place-items: center;
  border-radius: 8px;
  background: rgba(135, 200, 55, .18);
  color: var(--reader-green);
  font-size: 18px;
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid strong {
  display: block;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.25;
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid p {
  margin: 10px 0 0;
  color: rgba(255,255,255,.78);
  font-size: 13px;
  line-height: 1.55;
}

body.blog-template-v2.blog-premium-ui .blog-decision-table {
  margin: 0 0 34px !important;
  padding: 34px !important;
  border: 1px solid var(--reader-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 46px rgba(16, 32, 51, .055);
}

body.blog-template-v2.blog-premium-ui .blog-decision-table-head {
  max-width: 760px;
  margin-bottom: 22px;
}

body.blog-template-v2.blog-premium-ui .blog-decision-table-wrap {
  overflow-x: auto;
}

body.blog-template-v2.blog-premium-ui .blog-decision-table table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  color: var(--reader-copy);
  font-size: 14px;
}

body.blog-template-v2.blog-premium-ui .blog-decision-table th {
  padding: 14px 16px;
  background: #f4f8f5;
  color: var(--reader-navy);
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-weight: 900;
  text-align: left;
}

body.blog-template-v2.blog-premium-ui .blog-decision-table td {
  padding: 16px;
  border-top: 1px solid rgba(16, 32, 51, .09);
  line-height: 1.55;
  vertical-align: top;
}

body.blog-template-v2.blog-premium-ui .blog-decision-table td:first-child {
  color: var(--reader-navy);
  font-weight: 900;
  white-space: nowrap;
}

body.blog-template-v2.blog-premium-ui .blog-decision-table td i {
  margin-right: 9px;
  color: var(--reader-teal);
}

body.blog-template-v2.blog-premium-ui .blog-reader-aside-inner {
  padding: 22px;
  border: 1px solid rgba(16, 32, 51, .10);
  border-radius: 8px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 18px 46px rgba(16, 32, 51, .06);
}

body.blog-template-v2.blog-premium-ui .blog-reader-aside-label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 16px;
  color: var(--reader-navy);
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: 900;
}

body.blog-template-v2.blog-premium-ui .blog-reader-aside-label i {
  color: var(--reader-teal);
}

body.blog-template-v2.blog-premium-ui .blog-reader-aside ol {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.blog-template-v2.blog-premium-ui .blog-reader-aside a {
  text-decoration: none;
}

body.blog-template-v2.blog-premium-ui .blog-reader-aside li a {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid rgba(16, 32, 51, .08);
  color: #40536a;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}

body.blog-template-v2.blog-premium-ui .blog-reader-aside li i {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 7px;
  background: rgba(8, 113, 95, .08);
  color: var(--reader-teal);
  font-size: 12px;
}

body.blog-template-v2.blog-premium-ui .blog-reader-aside-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  margin-top: 18px;
  border-radius: 7px;
  background: linear-gradient(135deg, var(--reader-teal), #0ca487);
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}

body.blog-template-v2.blog-premium-ui .blog-section-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 28px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: rgba(135, 200, 55, .16);
  color: var(--reader-teal);
  font-size: 12px;
  font-weight: 900;
}

body.blog-template-v2.blog-premium-ui .blog-content-block {
  position: relative;
  padding: 0 0 36px !important;
  border-bottom: 1px solid rgba(16, 32, 51, .10) !important;
}

body.blog-template-v2.blog-premium-ui .blog-content-block h2 {
  margin-bottom: 14px !important;
  color: var(--reader-navy) !important;
  font-size: clamp(30px, 3.1vw, 42px) !important;
  line-height: 1.12 !important;
}

body.blog-template-v2.blog-premium-ui .blog-content-block p,
body.blog-template-v2.blog-premium-ui .blog-content-block li {
  color: var(--reader-copy) !important;
  font-size: 17px !important;
  line-height: 1.82 !important;
}

body.blog-template-v2.blog-premium-ui .blog-content-block ul {
  margin-top: 22px;
}

body.blog-template-v2.blog-premium-ui .blog-content-block li::before {
  top: .82em;
  background: var(--reader-green);
  box-shadow: 0 0 0 4px rgba(135, 200, 55, .12);
}

@media (max-width: 1100px) {
  body.blog-template-v2.blog-premium-ui .blog-article-main {
    grid-template-columns: 1fr;
  }

  body.blog-template-v2.blog-premium-ui .blog-reader-aside,
  body.blog-template-v2.blog-premium-ui .blog-content-block {
    grid-column: 1;
  }

  body.blog-template-v2.blog-premium-ui .blog-reader-aside {
    position: static;
    grid-row: auto;
  }

  body.blog-template-v2.blog-premium-ui .blog-reader-aside ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 18px;
  }

  body.blog-template-v2.blog-premium-ui .blog-reader-outcome-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.blog-template-v2.blog-premium-ui .blog-reader-visual,
  body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid {
    grid-template-columns: 1fr;
  }

  body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid article:not(:last-child)::after {
    top: auto;
    right: auto;
    left: 28px;
    bottom: -11px;
    transform: rotate(90deg);
  }
}

@media (max-width: 767px) {
  body.blog-template-v2.blog-premium-ui .blog-article-wrap > .container,
  body.blog-template-v2.blog-premium-ui .blog-article-main {
    width: min(100% - 28px, 100%) !important;
  }

  body.blog-template-v2.blog-premium-ui .blog-intro-card {
    grid-template-columns: 1fr;
    padding: 28px 22px !important;
  }

  body.blog-template-v2.blog-premium-ui .blog-article-tags {
    grid-column: 1;
    grid-row: auto;
    min-width: 0;
  }

  body.blog-template-v2.blog-premium-ui .blog-reader-outcomes {
    padding: 26px 20px !important;
  }

  body.blog-template-v2.blog-premium-ui .blog-reader-outcome-grid,
  body.blog-template-v2.blog-premium-ui .blog-reader-aside ol {
    grid-template-columns: 1fr;
  }

  body.blog-template-v2.blog-premium-ui .blog-reader-visual-copy,
  body.blog-template-v2.blog-premium-ui .blog-workflow-premium,
  body.blog-template-v2.blog-premium-ui .blog-decision-table {
    padding: 24px 20px !important;
  }

  body.blog-template-v2.blog-premium-ui .blog-reader-metrics {
    grid-template-columns: 1fr;
  }

  body.blog-template-v2.blog-premium-ui .blog-reader-image,
  body.blog-template-v2.blog-premium-ui .blog-reader-image img,
  body.blog-template-v2.blog-premium-ui .blog-reader-image-fallback {
    min-height: 260px;
  }
}

/* Editorial4 correction: fewer blocks, stronger hierarchy, real image/workflow/table structure. */
body.blog-template-v2.blog-premium-ui .blog-reader-outcomes,
body.blog-template-v2.blog-premium-ui .blog-reader-visual {
  display: none !important;
}

body.blog-template-v2.blog-premium-ui .blog-article-wrap.page-section {
  padding: 54px 0 96px !important;
  background: #f7fbf9 !important;
}

body.blog-template-v2.blog-premium-ui .blog-article-wrap > .container,
body.blog-template-v2.blog-premium-ui .blog-article-main {
  width: min(1160px, calc(100% - 56px)) !important;
  max-width: 1160px !important;
}

body.blog-template-v2.blog-premium-ui .blog-article-main {
  grid-template-columns: minmax(220px, 260px) minmax(0, 780px);
  gap: 30px 58px !important;
}

body.blog-template-v2.blog-premium-ui .blog-intro-card {
  grid-template-columns: minmax(0, 1fr) minmax(230px, 300px);
  align-items: start;
  margin-bottom: 0 !important;
  padding: 30px 34px !important;
  border: 1px solid rgba(16, 32, 51, .09) !important;
  border-left: 5px solid var(--reader-teal) !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: 0 16px 42px rgba(16, 32, 51, .055) !important;
}

body.blog-template-v2.blog-premium-ui .blog-summary-badge {
  padding: 7px 11px;
  border-radius: 4px;
  background: #f4faf7;
}

body.blog-template-v2.blog-premium-ui .blog-intro-card h2 {
  font-size: clamp(28px, 3vw, 40px) !important;
  line-height: 1.12 !important;
}

body.blog-template-v2.blog-premium-ui .blog-intro-card p {
  font-size: 17px !important;
  line-height: 1.68 !important;
}

body.blog-template-v2.blog-premium-ui .blog-article-tags {
  grid-column: 2;
  grid-row: 2 / span 3;
  min-width: 0;
}

body.blog-template-v2.blog-premium-ui .blog-article-tags li {
  min-height: 38px;
  box-shadow: none;
}

body.blog-template-v2.blog-premium-ui .blog-premium-brief {
  grid-column: 1 / -1 !important;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(300px, .78fr) minmax(300px, .9fr);
  gap: 22px;
  align-items: stretch;
  margin: 0 0 6px !important;
  padding: 26px !important;
  border: 1px solid rgba(16, 32, 51, .09);
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 16px 42px rgba(16, 32, 51, .055);
}

body.blog-template-v2.blog-premium-ui .blog-premium-brief-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.blog-template-v2.blog-premium-ui .blog-premium-brief-copy > span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: max-content;
  margin-bottom: 12px;
  color: var(--reader-teal);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

body.blog-template-v2.blog-premium-ui .blog-premium-brief-copy h2 {
  margin: 0;
  color: var(--reader-navy);
  font-family: "Montserrat", sans-serif;
  font-size: clamp(26px, 2.7vw, 36px);
  font-weight: 900;
  line-height: 1.14;
}

body.blog-template-v2.blog-premium-ui .blog-premium-brief-copy p {
  margin: 14px 0 0;
  color: var(--reader-copy);
  font-size: 15px;
  line-height: 1.68;
}

body.blog-template-v2.blog-premium-ui .blog-premium-brief-map {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body.blog-template-v2.blog-premium-ui .blog-premium-brief-map article {
  display: grid;
  gap: 8px;
  min-height: 112px;
  padding: 16px;
  border: 1px solid rgba(16, 32, 51, .08);
  border-radius: 6px;
  background: #f8fbfa;
}

body.blog-template-v2.blog-premium-ui .blog-premium-brief-map i {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 6px;
  background: rgba(8, 113, 95, .10);
  color: var(--reader-teal);
  font-size: 14px;
}

body.blog-template-v2.blog-premium-ui .blog-premium-brief-map strong {
  color: var(--reader-navy);
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 900;
}

body.blog-template-v2.blog-premium-ui .blog-premium-brief-map small {
  color: #627287;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

body.blog-template-v2.blog-premium-ui .blog-premium-brief-media {
  position: relative;
  min-height: 240px;
  margin: 0;
  overflow: hidden;
  border-radius: 6px;
  background: #061733;
}

body.blog-template-v2.blog-premium-ui .blog-premium-brief-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 35%, rgba(6, 23, 51, .78));
}

body.blog-template-v2.blog-premium-ui .blog-premium-brief-media img {
  width: 100%;
  height: 100%;
  min-height: 240px;
  object-fit: cover;
  object-position: center;
}

body.blog-template-v2.blog-premium-ui .blog-premium-brief-media figcaption {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 14px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium {
  padding: 28px !important;
  border-radius: 6px;
  background: #061733 !important;
  box-shadow: 0 18px 48px rgba(6, 23, 51, .16);
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-head {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(300px, 1fr);
  gap: 20px;
  align-items: end;
  max-width: none;
  margin-bottom: 22px;
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-head h2 {
  font-size: clamp(28px, 3vw, 38px);
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-head p {
  margin: 0;
  color: rgba(255,255,255,.75);
  font-size: 15px;
  line-height: 1.65;
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid {
  gap: 10px;
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid article {
  min-height: 178px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 6px;
  background: rgba(255,255,255,.06);
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid article > span {
  display: inline-flex;
  margin-bottom: 12px;
  color: var(--reader-green);
  font-size: 12px;
  font-weight: 900;
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid i {
  width: 38px;
  height: 38px;
  margin-bottom: 14px;
  border-radius: 6px;
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid article:not(:last-child)::after {
  top: 48%;
}

body.blog-template-v2.blog-premium-ui .blog-decision-table {
  padding: 28px !important;
  border-radius: 6px;
}

body.blog-template-v2.blog-premium-ui .blog-decision-table-head {
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(220px, .5fr);
  gap: 18px;
  align-items: end;
  max-width: none;
}

body.blog-template-v2.blog-premium-ui .blog-decision-table-head::after {
  content: "Use this table to scan whether the article is answering a business, workflow, systems, or control question.";
  color: var(--reader-copy);
  font-size: 14px;
  line-height: 1.6;
}

body.blog-template-v2.blog-premium-ui .blog-decision-table table {
  min-width: 0;
}

body.blog-template-v2.blog-premium-ui .blog-reader-aside-inner {
  border-radius: 6px;
  box-shadow: none;
}

body.blog-template-v2.blog-premium-ui .blog-content-block {
  margin-bottom: 34px !important;
  padding-bottom: 32px !important;
}

body.blog-template-v2.blog-premium-ui .blog-content-block h2 {
  font-size: clamp(28px, 2.8vw, 38px) !important;
}

@media (max-width: 1180px) {
  body.blog-template-v2.blog-premium-ui .blog-premium-brief {
    grid-template-columns: 1fr;
  }

  body.blog-template-v2.blog-premium-ui .blog-premium-brief-map {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1100px) {
  body.blog-template-v2.blog-premium-ui .blog-article-main,
  body.blog-template-v2.blog-premium-ui .blog-workflow-premium-head,
  body.blog-template-v2.blog-premium-ui .blog-decision-table-head {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  body.blog-template-v2.blog-premium-ui .blog-article-wrap > .container,
  body.blog-template-v2.blog-premium-ui .blog-article-main {
    width: min(100% - 28px, 100%) !important;
  }

  body.blog-template-v2.blog-premium-ui .blog-intro-card,
  body.blog-template-v2.blog-premium-ui .blog-premium-brief {
    grid-template-columns: 1fr;
    padding: 22px !important;
  }

  body.blog-template-v2.blog-premium-ui .blog-premium-brief-map {
    grid-template-columns: 1fr;
  }

  body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid {
    grid-template-columns: 1fr;
  }

  body.blog-template-v2.blog-premium-ui .blog-decision-table table {
    min-width: 680px;
  }
}

/* Editorial5: color, responsiveness, structure, and unique generated body image. */
body.blog-template-v2.blog-premium-ui {
  --reader-navy: #10233c;
  --reader-ink: #1c3049;
  --reader-copy: #5b6b7f;
  --reader-muted: #708094;
  --reader-teal: #08715f;
  --reader-green: #7fbd3b;
  --reader-line: rgba(28, 48, 73, .12);
}

body.blog-template-v2.blog-premium-ui .site-title-heading,
body.blog-template-v2.blog-premium-ui .blog-intro-card h2,
body.blog-template-v2.blog-premium-ui .blog-premium-brief-copy h2,
body.blog-template-v2.blog-premium-ui .blog-decision-table-head h2,
body.blog-template-v2.blog-premium-ui .blog-content-block h2,
body.blog-template-v2.blog-premium-ui .blog-related-section h2,
body.blog-template-v2.blog-premium-ui .blog-related-card h3 {
  color: var(--reader-navy) !important;
}

body.blog-template-v2.blog-premium-ui .blog-article-main p,
body.blog-template-v2.blog-premium-ui .blog-article-main li,
body.blog-template-v2.blog-premium-ui .blog-premium-brief-copy p,
body.blog-template-v2.blog-premium-ui .blog-decision-table td {
  color: var(--reader-copy) !important;
}

body.blog-template-v2.blog-premium-ui .blog-article-wrap.page-section {
  padding: 48px 0 90px !important;
  background:
    linear-gradient(180deg, #f8fbfa 0%, #fff 34%, #f5faf7 100%) !important;
}

body.blog-template-v2.blog-premium-ui .blog-article-main {
  grid-template-columns: minmax(220px, 260px) minmax(0, 800px);
  gap: 28px 56px !important;
}

body.blog-template-v2.blog-premium-ui .blog-intro-card,
body.blog-template-v2.blog-premium-ui .blog-premium-brief,
body.blog-template-v2.blog-premium-ui .blog-workflow-premium,
body.blog-template-v2.blog-premium-ui .blog-decision-table,
body.blog-template-v2.blog-premium-ui .blog-reader-aside-inner {
  border-radius: 8px !important;
}

body.blog-template-v2.blog-premium-ui .blog-intro-card {
  box-shadow: 0 14px 34px rgba(28, 48, 73, .045) !important;
}

body.blog-template-v2.blog-premium-ui .blog-premium-brief {
  grid-template-columns: minmax(0, .9fr) minmax(270px, .66fr) minmax(340px, 1.05fr);
  box-shadow: 0 14px 34px rgba(28, 48, 73, .05);
}

body.blog-template-v2.blog-premium-ui .blog-premium-brief-map article {
  min-height: 104px;
}

body.blog-template-v2.blog-premium-ui .blog-premium-brief-media {
  min-height: 260px;
}

body.blog-template-v2.blog-premium-ui .blog-premium-brief-media::after {
  background: linear-gradient(180deg, rgba(16, 35, 60, .02) 30%, rgba(16, 35, 60, .72));
}

body.blog-template-v2.blog-premium-ui .blog-premium-brief-media img {
  min-height: 260px;
  filter: saturate(.94) contrast(.98);
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium {
  background: linear-gradient(135deg, #10233c, #143f49) !important;
  box-shadow: 0 16px 42px rgba(16, 35, 60, .14);
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-head span,
body.blog-template-v2.blog-premium-ui .blog-workflow-premium-head h2,
body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid strong {
  color: #f8fbfa !important;
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid article {
  min-height: 166px;
  border-radius: 8px;
  background: rgba(255,255,255,.075);
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid p {
  color: rgba(248, 251, 250, .78) !important;
}

body.blog-template-v2.blog-premium-ui .blog-decision-table {
  overflow: hidden;
  box-shadow: 0 14px 34px rgba(28, 48, 73, .045);
}

body.blog-template-v2.blog-premium-ui .blog-decision-table-wrap {
  border: 1px solid rgba(28, 48, 73, .08);
  border-radius: 8px;
}

body.blog-template-v2.blog-premium-ui .blog-decision-table table {
  min-width: 0;
}

body.blog-template-v2.blog-premium-ui .blog-decision-table th {
  background: #eef6f2;
  color: var(--reader-ink);
}

body.blog-template-v2.blog-premium-ui .blog-decision-table td {
  background: #fff;
}

body.blog-template-v2.blog-premium-ui .blog-content-block {
  max-width: 800px;
}

body.blog-template-v2.blog-premium-ui .blog-content-block h2 {
  max-width: 720px;
}

body.blog-template-v2.blog-premium-ui .blog-content-block p,
body.blog-template-v2.blog-premium-ui .blog-content-block li {
  max-width: 760px;
}

@media (max-width: 1280px) {
  body.blog-template-v2.blog-premium-ui .blog-premium-brief {
    grid-template-columns: minmax(0, 1fr) minmax(320px, .9fr);
  }

  body.blog-template-v2.blog-premium-ui .blog-premium-brief-copy {
    grid-column: 1 / -1;
  }
}

@media (max-width: 1100px) {
  body.blog-template-v2.blog-premium-ui .site-title-banner {
    min-height: 300px;
    padding: 96px 26px 46px;
  }

  body.blog-template-v2.blog-premium-ui .site-title-heading {
    font-size: clamp(38px, 7vw, 60px);
  }

  body.blog-template-v2.blog-premium-ui .blog-article-main,
  body.blog-template-v2.blog-premium-ui .blog-premium-brief,
  body.blog-template-v2.blog-premium-ui .blog-workflow-premium-head,
  body.blog-template-v2.blog-premium-ui .blog-decision-table-head {
    grid-template-columns: 1fr;
  }

  body.blog-template-v2.blog-premium-ui .blog-reader-aside {
    display: none !important;
  }

  body.blog-template-v2.blog-premium-ui .blog-content-block {
    grid-column: 1;
    max-width: none;
  }

  body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid article:not(:last-child)::after {
    display: none;
  }
}

@media (max-width: 760px) {
  body.blog-template-v2.blog-premium-ui .site-title-banner {
    min-height: 260px;
    padding: 82px 18px 36px;
    background-position: 58% center;
  }

  body.blog-template-v2.blog-premium-ui .site-title-card {
    width: min(100%, 94vw) !important;
  }

  body.blog-template-v2.blog-premium-ui .site-title-heading {
    font-size: clamp(34px, 10vw, 46px);
    line-height: 1.08;
  }

  body.blog-template-v2.blog-premium-ui .blog-article-wrap.page-section {
    padding: 34px 0 68px !important;
  }

  body.blog-template-v2.blog-premium-ui .blog-article-wrap > .container,
  body.blog-template-v2.blog-premium-ui .blog-article-main {
    width: min(100% - 24px, 100%) !important;
  }

  body.blog-template-v2.blog-premium-ui .blog-intro-card,
  body.blog-template-v2.blog-premium-ui .blog-premium-brief,
  body.blog-template-v2.blog-premium-ui .blog-workflow-premium,
  body.blog-template-v2.blog-premium-ui .blog-decision-table {
    padding: 20px !important;
  }

  body.blog-template-v2.blog-premium-ui .blog-article-tags,
  body.blog-template-v2.blog-premium-ui .blog-premium-brief-map,
  body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid {
    grid-template-columns: 1fr;
  }

  body.blog-template-v2.blog-premium-ui .blog-premium-brief-media,
  body.blog-template-v2.blog-premium-ui .blog-premium-brief-media img {
    min-height: 220px;
  }

  body.blog-template-v2.blog-premium-ui .blog-decision-table-wrap {
    overflow-x: auto;
  }

  body.blog-template-v2.blog-premium-ui .blog-decision-table table {
    min-width: 620px;
  }

  body.blog-template-v2.blog-premium-ui .blog-content-block h2 {
    font-size: clamp(25px, 8vw, 34px) !important;
  }

  body.blog-template-v2.blog-premium-ui .blog-content-block p,
  body.blog-template-v2.blog-premium-ui .blog-content-block li,
  body.blog-template-v2.blog-premium-ui .blog-intro-card p {
    font-size: 16px !important;
    line-height: 1.72 !important;
  }
}

/* Editorial6: requested three-column desktop orientation.
   Article guide | Main info/content | Summary section */
body.blog-template-v2.blog-premium-ui .blog-article-wrap > .container,
body.blog-template-v2.blog-premium-ui .blog-article-main {
  width: min(1360px, calc(100% - 56px)) !important;
  max-width: 1360px !important;
}

body.blog-template-v2.blog-premium-ui .blog-article-main {
  display: grid !important;
  grid-template-columns: minmax(210px, 250px) minmax(0, 760px) minmax(260px, 310px);
  gap: 30px !important;
  align-items: start;
}

body.blog-template-v2.blog-premium-ui .blog-reader-aside {
  display: block !important;
  grid-column: 1;
  grid-row: 1 / span 14;
  position: sticky;
  top: 96px;
  align-self: start;
}

body.blog-template-v2.blog-premium-ui .blog-summary-panel {
  grid-column: 3;
  grid-row: 1 / span 8;
  position: sticky;
  top: 96px;
  align-self: start;
}

body.blog-template-v2.blog-premium-ui .blog-intro-card,
body.blog-template-v2.blog-premium-ui .blog-premium-brief,
body.blog-template-v2.blog-premium-ui .blog-workflow-premium,
body.blog-template-v2.blog-premium-ui .blog-decision-table,
body.blog-template-v2.blog-premium-ui .blog-content-block,
body.blog-template-v2.blog-premium-ui .blog-cta-panel {
  grid-column: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.blog-template-v2.blog-premium-ui .blog-related-section {
  grid-column: 1 / -1 !important;
}

body.blog-template-v2.blog-premium-ui .blog-intro-card {
  grid-template-columns: 1fr;
}

body.blog-template-v2.blog-premium-ui .blog-intro-card .blog-article-tags {
  display: none !important;
}

body.blog-template-v2.blog-premium-ui .blog-summary-panel-inner {
  padding: 22px;
  border: 1px solid rgba(28, 48, 73, .11);
  border-radius: 8px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 14px 34px rgba(28, 48, 73, .05);
}

body.blog-template-v2.blog-premium-ui .blog-summary-panel-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  color: var(--reader-teal);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

body.blog-template-v2.blog-premium-ui .blog-summary-panel h2 {
  margin: 0 0 12px;
  color: var(--reader-navy);
  font-family: "Montserrat", sans-serif;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.18;
}

body.blog-template-v2.blog-premium-ui .blog-summary-panel p {
  margin: 0;
  color: var(--reader-copy);
  font-size: 14px;
  line-height: 1.62;
}

body.blog-template-v2.blog-premium-ui .blog-summary-panel-meta {
  display: grid;
  gap: 8px;
  margin: 18px 0;
}

body.blog-template-v2.blog-premium-ui .blog-summary-panel-meta span,
body.blog-template-v2.blog-premium-ui .blog-summary-panel li {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #344961;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}

body.blog-template-v2.blog-premium-ui .blog-summary-panel i,
body.blog-template-v2.blog-premium-ui .blog-summary-panel li i {
  color: var(--reader-teal);
}

body.blog-template-v2.blog-premium-ui .blog-summary-panel ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 16px 0 0;
  border-top: 1px solid rgba(28, 48, 73, .09);
  list-style: none;
}

body.blog-template-v2.blog-premium-ui .blog-summary-panel a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 42px;
  margin-top: 18px;
  border-radius: 6px;
  background: var(--reader-teal);
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
}

body.blog-template-v2.blog-premium-ui .blog-summary-panel a i {
  color: #fff;
}

body.blog-template-v2.blog-premium-ui .blog-premium-brief {
  grid-template-columns: 1fr;
}

body.blog-template-v2.blog-premium-ui .blog-premium-brief-map {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.blog-template-v2.blog-premium-ui .blog-premium-brief-media,
body.blog-template-v2.blog-premium-ui .blog-premium-brief-media img {
  min-height: 330px;
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid {
  grid-template-columns: 1fr;
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid article {
  display: grid;
  grid-template-columns: auto 38px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  min-height: 0;
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid article:not(:last-child)::after {
  display: none;
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid article > span,
body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid i {
  margin: 0;
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid strong,
body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid p {
  grid-column: 3;
}

body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid p {
  margin-top: -8px;
}

@media (max-width: 1180px) {
  body.blog-template-v2.blog-premium-ui .blog-article-main {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
  }

  body.blog-template-v2.blog-premium-ui .blog-reader-aside {
    display: none !important;
  }

  body.blog-template-v2.blog-premium-ui .blog-intro-card,
  body.blog-template-v2.blog-premium-ui .blog-premium-brief,
  body.blog-template-v2.blog-premium-ui .blog-workflow-premium,
  body.blog-template-v2.blog-premium-ui .blog-decision-table,
  body.blog-template-v2.blog-premium-ui .blog-content-block,
  body.blog-template-v2.blog-premium-ui .blog-cta-panel {
    grid-column: 1 !important;
  }

  body.blog-template-v2.blog-premium-ui .blog-summary-panel {
    grid-column: 2;
  }
}

@media (max-width: 900px) {
  body.blog-template-v2.blog-premium-ui .blog-article-main {
    grid-template-columns: 1fr;
  }

  body.blog-template-v2.blog-premium-ui .blog-summary-panel {
    position: static;
    grid-column: 1;
    grid-row: auto;
    order: -1;
  }
}

@media (max-width: 760px) {
  body.blog-template-v2.blog-premium-ui .blog-premium-brief-map {
    grid-template-columns: 1fr;
  }

  body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid article {
    grid-template-columns: auto minmax(0, 1fr);
  }

  body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid i {
    grid-column: 1;
  }

  body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid strong,
  body.blog-template-v2.blog-premium-ui .blog-workflow-premium-grid p {
    grid-column: 2;
  }
}

/* Editorial9 restore: keep the generated blog article page identity.
   The page uses blog-energy.css/energy-seo.css for the original article modules;
   v2 now only keeps the service-style title banner and cache-controlled fixes. */
body.blog-template-v2.blog-premium-ui .blog-premium-brief,
body.blog-template-v2.blog-premium-ui .blog-workflow-premium,
body.blog-template-v2.blog-premium-ui .blog-decision-table,
body.blog-template-v2.blog-premium-ui .blog-summary-panel,
body.blog-template-v2.blog-premium-ui .blog-reader-aside,
body.blog-template-v2.blog-premium-ui .blog-summary-badge {
  display: none !important;
}

/* Editorial14: compact article modules so blog pages read like structured content,
   not oversized landing-page templates. */
body.blog-template-v2 .blog-article-main > * {
  max-width: 1120px !important;
  margin-bottom: 38px !important;
}

body.blog-template-v2 .blog-insight-dashboard,
body.blog-template-v2 .blog-workflow-visual,
body.blog-template-v2 .blog-comparison-chart,
body.blog-template-v2 .blog-playbook-panel,
body.blog-template-v2 .blog-faq-cluster,
body.blog-template-v2 .energy-section {
  padding: 30px !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 30px rgba(18, 39, 58, .06) !important;
}

body.blog-template-v2 .energy-section-head,
body.blog-template-v2 .blog-workflow-visual-head,
body.blog-template-v2 .blog-playbook-head,
body.blog-template-v2 .blog-comparison-head,
body.blog-template-v2 .blog-dashboard-head {
  max-width: 760px !important;
  margin: 0 0 22px !important;
  text-align: left !important;
}

body.blog-template-v2 .energy-section-head h2,
body.blog-template-v2 .blog-workflow-visual-head h2,
body.blog-template-v2 .blog-playbook-head h2,
body.blog-template-v2 .blog-comparison-head h2,
body.blog-template-v2 .blog-dashboard-head h2 {
  margin: 8px 0 8px !important;
  font-size: clamp(24px, 2.5vw, 34px) !important;
  line-height: 1.16 !important;
  text-align: left !important;
}

body.blog-template-v2 .energy-section-head p,
body.blog-template-v2 .blog-workflow-visual-head p,
body.blog-template-v2 .blog-playbook-head p,
body.blog-template-v2 .blog-comparison-head p,
body.blog-template-v2 .blog-dashboard-head p {
  max-width: 720px !important;
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  text-align: left !important;
}

body.blog-template-v2 .blog-workflow-visual {
  padding: 28px !important;
  background: #10243e !important;
}

body.blog-template-v2 .blog-workflow-canvas {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  min-height: 0 !important;
  padding: 0 !important;
}

body.blog-template-v2 .blog-workflow-rail,
body.blog-template-v2 .blog-workflow-core,
body.blog-template-v2 .blog-workflow-canvas::before,
body.blog-template-v2 .blog-workflow-canvas::after {
  display: none !important;
}

body.blog-template-v2 .blog-workflow-node {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  min-height: 0 !important;
  padding: 18px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .08) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.blog-template-v2 .blog-workflow-node::before,
body.blog-template-v2 .blog-workflow-node::after {
  display: none !important;
}

body.blog-template-v2 .blog-workflow-index,
body.blog-template-v2 .blog-step-index {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 34px !important;
  height: 34px !important;
  margin: 0 0 14px !important;
  border-radius: 50% !important;
  background: #d8f08a !important;
  color: #0b213d !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body.blog-template-v2 .blog-workflow-node h3,
body.blog-template-v2 .blog-playbook-step h3,
body.blog-template-v2 .energy-card h3,
body.blog-template-v2 .energy-flip-card h3 {
  margin: 0 0 8px !important;
  font-size: 19px !important;
  line-height: 1.25 !important;
}

body.blog-template-v2 .blog-workflow-node p,
body.blog-template-v2 .blog-playbook-step p,
body.blog-template-v2 .energy-card p,
body.blog-template-v2 .energy-flip-card p {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.58 !important;
}

body.blog-template-v2 .energy-card-grid,
body.blog-template-v2 .energy-domain-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.blog-template-v2 .energy-card,
body.blog-template-v2 .energy-icon-card {
  min-height: 0 !important;
  padding: 20px !important;
  border-radius: 8px !important;
  background: #fff !important;
}

body.blog-template-v2 .energy-card-icon {
  position: static !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 0 14px !important;
  transform: none !important;
  border-radius: 8px !important;
}

body.blog-template-v2 .energy-card > span,
body.blog-template-v2 .energy-icon-card > span {
  display: block !important;
  margin: 0 0 8px !important;
  color: var(--article-green) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

body.blog-template-v2 .energy-use-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.blog-template-v2 .energy-flip-card,
body.blog-template-v2 .energy-flip-inner,
body.blog-template-v2 .energy-flip-face {
  min-height: 0 !important;
  height: auto !important;
  transform: none !important;
}

body.blog-template-v2 .energy-flip-inner {
  display: block !important;
}

body.blog-template-v2 .energy-flip-front {
  position: relative !important;
  padding: 20px !important;
  border-radius: 8px !important;
  background: #fff !important;
}

body.blog-template-v2 .energy-flip-back,
body.blog-template-v2 .energy-flip-card::before,
body.blog-template-v2 .energy-flip-card::after {
  display: none !important;
}

body.blog-template-v2 .blog-playbook-panel {
  padding: 28px !important;
  background: #10243e !important;
}

body.blog-template-v2 .blog-playbook-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.blog-template-v2 .blog-playbook-step {
  min-height: 0 !important;
  padding: 18px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .08) !important;
  box-shadow: none !important;
}

body.blog-template-v2 .blog-playbook-step::before,
body.blog-template-v2 .blog-playbook-step::after,
body.blog-template-v2 .blog-playbook-panel::before,
body.blog-template-v2 .blog-playbook-panel::after {
  display: none !important;
}

@media (max-width: 1100px) {
  body.blog-template-v2 .blog-workflow-canvas,
  body.blog-template-v2 .blog-playbook-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.blog-template-v2 .energy-card-grid,
  body.blog-template-v2 .energy-domain-grid,
  body.blog-template-v2 .energy-use-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  body.blog-template-v2 .blog-insight-dashboard,
  body.blog-template-v2 .blog-workflow-visual,
  body.blog-template-v2 .blog-comparison-chart,
  body.blog-template-v2 .blog-playbook-panel,
  body.blog-template-v2 .blog-faq-cluster,
  body.blog-template-v2 .energy-section {
    padding: 22px !important;
  }

  body.blog-template-v2 .blog-workflow-canvas,
  body.blog-template-v2 .blog-playbook-grid,
  body.blog-template-v2 .energy-card-grid,
  body.blog-template-v2 .energy-domain-grid,
  body.blog-template-v2 .energy-use-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Editorial15: override legacy blog-energy-page module sizing directly. */
body.blog-template-v2.blog-energy-page .blog-intro-card {
  max-width: 980px !important;
  min-height: 0 !important;
  padding: 28px 32px !important;
  text-align: left !important;
}

body.blog-template-v2.blog-energy-page .blog-intro-card h2 {
  margin: 0 0 8px !important;
  font-size: clamp(24px, 2.4vw, 32px) !important;
  text-align: left !important;
}

body.blog-template-v2.blog-energy-page .blog-intro-card p {
  max-width: 760px !important;
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  text-align: left !important;
}

body.blog-template-v2.blog-energy-page .blog-article-tags {
  justify-content: flex-start !important;
  margin-top: 16px !important;
  padding-top: 0 !important;
}

body.blog-template-v2.blog-energy-page .blog-article-tags li {
  padding: 6px 10px !important;
  font-size: 11px !important;
}

body.blog-template-v2.blog-energy-page .blog-article-main > .blog-workflow-visual {
  max-width: 980px !important;
  min-height: 0 !important;
  padding: 24px !important;
}

body.blog-template-v2.blog-energy-page .blog-article-main > .blog-workflow-visual .blog-workflow-visual-head {
  max-width: 760px !important;
  margin: 0 0 18px !important;
  text-align: left !important;
}

body.blog-template-v2.blog-energy-page .blog-article-main > .blog-workflow-visual .blog-panel-label {
  margin: 0 0 10px !important;
}

body.blog-template-v2.blog-energy-page .blog-article-main > .blog-workflow-visual .blog-workflow-visual-head h2 {
  display: block !important;
  margin: 0 0 8px !important;
  color: #fff !important;
  font-size: clamp(23px, 2.2vw, 30px) !important;
  line-height: 1.18 !important;
  text-align: left !important;
}

body.blog-template-v2.blog-energy-page .blog-article-main > .blog-workflow-visual .blog-workflow-visual-head p {
  max-width: 720px !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, .78) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  text-align: left !important;
}

body.blog-template-v2.blog-energy-page .blog-article-main > .blog-workflow-visual .blog-workflow-canvas {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  min-height: 0 !important;
  padding: 0 !important;
}

body.blog-template-v2.blog-energy-page .blog-article-main > .blog-workflow-visual .blog-workflow-node {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  min-height: 0 !important;
  padding: 16px !important;
}

body.blog-template-v2.blog-energy-page .blog-article-main > .blog-workflow-visual .blog-workflow-node h3 {
  color: #fff !important;
  font-size: 17px !important;
}

body.blog-template-v2.blog-energy-page .blog-article-main > .blog-workflow-visual .blog-workflow-node p {
  color: rgba(255, 255, 255, .72) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

body.blog-template-v2.blog-energy-page .blog-workflow-visual h2,
body.blog-template-v2.blog-energy-page .blog-workflow-visual h3,
body.blog-template-v2.blog-energy-page .blog-workflow-visual p,
body.blog-template-v2.blog-energy-page .blog-playbook-panel h2,
body.blog-template-v2.blog-energy-page .blog-playbook-panel h3,
body.blog-template-v2.blog-energy-page .blog-playbook-panel p {
  color: #fff !important;
}

body.blog-template-v2.blog-energy-page .blog-workflow-visual .blog-panel-label,
body.blog-template-v2.blog-energy-page .blog-playbook-panel .blog-panel-label {
  color: #d8f08a !important;
}

body.blog-template-v2.blog-energy-page .energy-section,
body.blog-template-v2.blog-energy-page .blog-playbook-panel {
  max-width: 980px !important;
  padding: 24px !important;
}

body.blog-template-v2.blog-energy-page .energy-card-grid,
body.blog-template-v2.blog-energy-page .energy-domain-grid,
body.blog-template-v2.blog-energy-page .energy-use-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.blog-template-v2.blog-energy-page .energy-card,
body.blog-template-v2.blog-energy-page .energy-icon-card,
body.blog-template-v2.blog-energy-page .energy-flip-card {
  min-height: 0 !important;
  padding: 18px !important;
}

body.blog-template-v2.blog-energy-page .energy-use-grid .energy-flip-card {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.blog-template-v2.blog-energy-page .energy-use-grid .energy-flip-inner {
  height: auto !important;
  min-height: 0 !important;
  display: block !important;
  transform: none !important;
}

body.blog-template-v2.blog-energy-page .energy-use-grid .energy-flip-front {
  position: relative !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 22px !important;
  border: 1px solid var(--article-line) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(18, 39, 58, .05) !important;
}

body.blog-template-v2.blog-energy-page .energy-use-grid .energy-flip-front::before,
body.blog-template-v2.blog-energy-page .energy-use-grid .energy-flip-front::after {
  display: none !important;
}

body.blog-template-v2.blog-energy-page .blog-playbook-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.blog-template-v2.blog-energy-page .blog-playbook-step {
  min-height: 0 !important;
  padding: 16px !important;
}

@media (max-width: 1180px) {
  body.blog-template-v2.blog-energy-page .blog-article-main > .blog-workflow-visual .blog-workflow-canvas,
  body.blog-template-v2.blog-energy-page .blog-playbook-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.blog-template-v2.blog-energy-page .energy-card-grid,
  body.blog-template-v2.blog-energy-page .energy-domain-grid,
  body.blog-template-v2.blog-energy-page .energy-use-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  body.blog-template-v2.blog-energy-page .blog-article-main > .blog-workflow-visual .blog-workflow-canvas,
  body.blog-template-v2.blog-energy-page .blog-playbook-grid,
  body.blog-template-v2.blog-energy-page .energy-card-grid,
  body.blog-template-v2.blog-energy-page .energy-domain-grid,
  body.blog-template-v2.blog-energy-page .energy-use-grid {
    grid-template-columns: 1fr !important;
  }
}