/* Kizmio blog detail page. All selectors are scoped to the article view. */
.kizmiotheme .kzm-blog-article-page {
  --kzm-blog-surface: rgba(255, 255, 255, .96);
  --kzm-blog-surface-soft: rgba(248, 250, 255, .96);
  --kzm-blog-text: #18213a;
  --kzm-blog-muted: #66708a;
  --kzm-blog-line: rgba(70, 103, 180, .2);
  --kzm-blog-orange: #ff7a1a;
  --kzm-blog-cyan: #00aee8;
  --kzm-blog-pink: #e83e9c;
  --kzm-blog-purple: #7657dc;
  position: relative;
  isolation: isolate;
  color: var(--kzm-blog-text);
}

.kizmiotheme .kzm-blog-article-page::before {
  display: none;
  content: none;
}

.kizmiotheme .kzm-blog-article-page::after {
  display: none;
  content: none;
}

.kizmiotheme .kzm-blog-article-layout {
  --bs-gutter-x: 24px;
  align-items: flex-start;
}

.kizmiotheme .kzm-blog-article-card {
  border-radius: 24px;
  filter: drop-shadow(0 16px 32px rgba(23, 40, 91, .16));
}

.kizmiotheme .kzm-blog-article-shell {
  position: relative;
  overflow: hidden;
  padding: clamp(18px, 2.1vw, 27px);
  border: 1px solid transparent;
  border-radius: 24px 24px 0 0;
  background:
    linear-gradient(var(--kzm-blog-surface), var(--kzm-blog-surface)) padding-box,
    linear-gradient(125deg, rgba(255, 122, 26, .8), rgba(0, 174, 232, .65) 48%, rgba(232, 62, 156, .72)) border-box;
  backdrop-filter: blur(13px) saturate(118%);
  -webkit-backdrop-filter: blur(13px) saturate(118%);
  box-shadow: 0 12px 34px rgba(36, 61, 122, .12), 0 0 10px rgba(0, 174, 232, .16), 0 0 20px rgba(232, 62, 156, .1);
}

.kizmiotheme .kzm-blog-article-shell::before {
  display: none;
  content: none;
}

.kizmiotheme .kzm-blog-article-title {
  position: relative;
  z-index: 1;
  max-width: 22ch;
  margin: 3px 0 15px;
  color: var(--kzm-blog-text);
  font-size: clamp(30px, 2.6vw, 44px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.035em;
  overflow-wrap: anywhere;
}

.kizmiotheme .kzm-blog-article-breadcrumb {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 10px !important;
}

.kizmiotheme .kzm-blog-article-breadcrumb .badge {
  padding: 7px 13px;
  border: 1px solid rgba(0, 174, 232, .28);
  border-radius: 999px;
  background: rgba(0, 174, 232, .08) !important;
  color: #087fa9 !important;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .02em;
}

.kizmiotheme .kzm-blog-article-breadcrumb .fa-chevron-right {
  margin: 0 !important;
  color: var(--kzm-blog-pink);
  font-size: 10px;
}

.kizmiotheme .kzm-blog-article-edit .btn {
  position: relative;
  z-index: 2;
  min-height: 36px;
  padding: 7px 17px;
  border: 1px solid rgba(118, 87, 220, .4);
  border-radius: 999px;
  background: rgba(118, 87, 220, .08);
  color: #6343c7;
  font-weight: 700;
}

.kizmiotheme .kzm-blog-article-meta {
  position: relative;
  z-index: 1;
  margin-right: 0;
  margin-left: 0;
  padding: 4px 0 8px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.kizmiotheme .kzm-blog-article-meta .blog-author-avatar-img {
  width: 52px;
  height: 52px;
  border: 2px solid transparent;
  border-radius: 50%;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, var(--kzm-blog-orange), var(--kzm-blog-pink), var(--kzm-blog-cyan)) border-box;
  object-fit: cover;
  box-shadow: 0 0 14px rgba(232, 62, 156, .18);
}

.kizmiotheme .kzm-blog-article-meta .post-meta a {
  color: var(--kzm-blog-text) !important;
}

.kizmiotheme .kzm-blog-article-meta .post-time,
.kizmiotheme .kzm-blog-article-meta .text-muted {
  color: var(--kzm-blog-muted) !important;
}

.kizmiotheme .kzm-blog-article-page .blog-meta-counter {
  min-height: 38px;
  margin: 3px 0 3px 5px;
  padding: 7px 13px;
  border: 1px solid rgba(0, 174, 232, .52);
  border-radius: 12px;
  background: rgba(0, 174, 232, .07);
  color: #256f99;
  line-height: 22px;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.kizmiotheme .kzm-blog-article-page .blog-meta-counter:hover {
  border-color: rgba(232, 62, 156, .55);
  background: rgba(232, 62, 156, .07);
  color: #a62b72;
  box-shadow: 0 0 2px rgba(232, 62, 156, .65), 0 0 12px rgba(232, 62, 156, .3);
  transform: translateY(-1px);
}

.kizmiotheme .kzm-blog-article-cover {
  overflow: hidden;
  padding: 1px;
  border-radius: 21px;
  background: linear-gradient(125deg, var(--kzm-blog-cyan), var(--kzm-blog-pink), var(--kzm-blog-cyan));
  box-shadow: 0 14px 30px rgba(4, 8, 30, .22), 0 0 2px rgba(0, 230, 255, .85), 0 0 13px rgba(0, 230, 255, .33), 0 0 20px rgba(255, 52, 177, .18);
}

.kizmiotheme .kzm-blog-article-cover .blog-cover-photo {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  border-radius: 19px;
  object-fit: contain;
}

.kizmiotheme .kzm-blog-article-content {
  counter-reset: kzm-blog-section;
  color: var(--kzm-blog-text);
  font-size: clamp(1rem, .25vw + .95rem, 1.12rem);
  line-height: 1.7;
}

.kizmiotheme .kzm-blog-article-content p {
  margin: 0 0 1.25em;
}

.kizmiotheme .kzm-blog-article-content h2,
.kizmiotheme .kzm-blog-article-content h3,
.kizmiotheme .kzm-blog-article-content h4 {
  position: relative;
  margin: 1.7em 0 .7em;
  color: var(--kzm-blog-text);
  font-weight: 850;
  line-height: 1.25;
  scroll-margin-top: 90px;
}

.kizmiotheme .kzm-blog-article-content h2 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  border: 1px solid rgba(0, 174, 232, .38);
  border-radius: 15px;
  background: linear-gradient(90deg, rgba(0, 174, 232, .08), rgba(232, 62, 156, .06));
  font-size: clamp(1.4rem, 2.3vw, 2rem);
}

.kizmiotheme .kzm-blog-article-content h2::before {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 45px;
  height: 40px;
  padding: 0 8px;
  counter-increment: kzm-blog-section;
  border: 1px solid var(--kzm-blog-cyan);
  border-radius: 10px;
  background: rgba(0, 174, 232, .09);
  box-shadow: 0 0 2px rgba(0, 174, 232, .8), 0 0 11px rgba(0, 174, 232, .26);
  color: var(--kzm-blog-cyan);
  content: counter(kzm-blog-section) ".";
  font-size: .78em;
  font-weight: 900;
}

.kizmiotheme .kzm-blog-article-content h3 { font-size: clamp(1.22rem, 1.8vw, 1.55rem); }
.kizmiotheme .kzm-blog-article-content h4 { color: #5140a6; font-size: 1.1rem; }

.kizmiotheme .kzm-blog-article-content ul,
.kizmiotheme .kzm-blog-article-content ol {
  margin-bottom: 1.35em;
  padding-inline-start: 1.5em;
}

.kizmiotheme .kzm-blog-article-content li { margin-bottom: .45em; }

.kizmiotheme .kzm-blog-article-content blockquote {
  margin: 1.4em 0;
  padding: 16px 18px;
  border: 0;
  border-inline-start: 4px solid var(--kzm-blog-pink);
  border-radius: 0 14px 14px 0;
  background: linear-gradient(90deg, rgba(232, 62, 156, .08), rgba(0, 174, 232, .04));
  color: var(--kzm-blog-text);
}

.kizmiotheme .kzm-blog-article-content table {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 1.4em 0;
  overflow-x: auto;
  border-collapse: collapse;
  border-radius: 12px;
}

.kizmiotheme .kzm-blog-article-content th,
.kizmiotheme .kzm-blog-article-content td {
  min-width: 110px;
  padding: 10px 12px;
  border: 1px solid var(--kzm-blog-line);
}

.kizmiotheme .kzm-blog-article-content th { background: rgba(0, 174, 232, .09); }
.kizmiotheme .kzm-blog-article-content img { border-radius: 14px; }

.kizmiotheme .kzm-blog-article-gated .kzm-blog-article-content + section {
  border-color: rgba(118, 87, 220, .3) !important;
  background: linear-gradient(135deg, rgba(255, 122, 26, .08), rgba(232, 62, 156, .07) 52%, rgba(0, 174, 232, .08)) !important;
  box-shadow: 0 12px 30px rgba(67, 63, 135, .1) !important;
  color: var(--kzm-blog-text);
}

.kizmiotheme .kzm-blog-article-page .blog-tags a {
  border: 1px solid rgba(118, 87, 220, .25);
  background: rgba(118, 87, 220, .07);
  color: #5f46b4;
}

.kizmiotheme .kzm-blog-article-page .post-actions {
  gap: 6px;
  margin-top: 18px;
  padding: 9px;
  border: 1px solid var(--kzm-blog-line);
  border-radius: 16px;
  background: var(--kzm-blog-surface-soft);
}

.kizmiotheme .kzm-blog-article-page .post-actions .action-btn {
  min-height: 40px;
  border-radius: 11px;
}

.kizmiotheme .kzm-blog-article-card > .post-footer {
  border: 1px solid transparent;
  border-top: 0;
  border-radius: 0 0 24px 24px;
  background:
    linear-gradient(var(--kzm-blog-surface), var(--kzm-blog-surface)) padding-box,
    linear-gradient(125deg, rgba(255, 122, 26, .55), rgba(0, 174, 232, .5), rgba(232, 62, 156, .55)) border-box;
}

.kizmiotheme .kzm-blog-article-sidebar {
  position: sticky;
  top: 82px;
  align-self: flex-start;
}

.kizmiotheme .kzm-blog-side-card {
  position: relative;
  margin-bottom: 18px;
  padding: 17px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 19px;
  background:
    linear-gradient(var(--kzm-blog-surface), var(--kzm-blog-surface)) padding-box,
    linear-gradient(130deg, rgba(255, 122, 26, .55), rgba(118, 87, 220, .4), rgba(0, 174, 232, .55)) border-box;
  backdrop-filter: blur(11px) saturate(120%);
  -webkit-backdrop-filter: blur(11px) saturate(120%);
  box-shadow: 0 10px 28px rgba(39, 57, 112, .12), 0 0 2px rgba(0, 174, 232, .45), 0 0 15px rgba(0, 174, 232, .13), 0 0 20px rgba(232, 62, 156, .08);
}

.kizmiotheme .kzm-blog-side-create { padding: 3px; }

.kizmiotheme .kzm-blog-side-create .btn {
  min-height: 50px;
  border: 0;
  border-radius: 16px;
  background: linear-gradient(110deg, var(--kzm-blog-orange), #f34982 54%, var(--kzm-blog-purple));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.5), 0 0 3px rgba(255, 122, 26, .85), 0 0 16px rgba(232, 62, 156, .4), 0 9px 22px rgba(118, 87, 220, .2);
  color: #fff;
  font-weight: 800;
}

.kizmiotheme .kzm-blog-side-card .blogs-widget-header {
  margin: -2px 0 14px;
  border: 0;
}

.kizmiotheme .kzm-blog-side-card .blogs-widget-title {
  position: relative;
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  padding: 0 0 8px;
  border: 0;
  color: var(--kzm-blog-text);
  font-size: 17px;
  font-weight: 850;
  line-height: 1.3;
  letter-spacing: .04em;
}

.kizmiotheme .kzm-blog-side-card .blogs-widget-title::before {
  color: var(--kzm-blog-cyan);
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-weight: 900;
  text-shadow: 0 0 8px rgba(0, 174, 232, .42);
}

.kizmiotheme .kzm-blog-side-search .blogs-widget-title::before { content: "\f002"; }
.kizmiotheme .kzm-blog-side-categories .blogs-widget-title::before { color: var(--kzm-blog-pink); content: "\f07b"; }
.kizmiotheme .kzm-blog-side-readmore .blogs-widget-title::before { color: var(--kzm-blog-orange); content: "\f06d"; }

.kizmiotheme .kzm-blog-side-card .blogs-widget-title::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  border-radius: 10px;
  background: linear-gradient(90deg, var(--kzm-blog-orange), var(--kzm-blog-pink), transparent 85%);
  content: "";
}

.kizmiotheme .kzm-blog-side-search .input-group {
  padding: 3px;
  border: 1px solid rgba(0, 174, 232, .28);
  border-radius: 13px;
  background: var(--kzm-blog-surface-soft);
}

.kizmiotheme .kzm-blog-side-search .form-control {
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--kzm-blog-text);
  box-shadow: none;
}

.kizmiotheme .kzm-blog-side-search .btn {
  border: 0;
  border-radius: 10px !important;
  background: linear-gradient(135deg, var(--kzm-blog-cyan), var(--kzm-blog-purple));
  box-shadow: 0 0 2px rgba(0, 174, 232, .75), 0 0 12px rgba(0, 174, 232, .28);
  color: #fff;
}

.kizmiotheme .kzm-blog-side-categories .blog-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.kizmiotheme .kzm-blog-side-categories .blog-categories li { float: none; margin: 0; }

.kizmiotheme .kzm-blog-side-categories .blog-category {
  max-width: 100%;
  padding: 6px 11px;
  overflow: hidden;
  border: 1px solid rgba(0, 174, 232, .3);
  border-radius: 999px;
  background: rgba(0, 174, 232, .07);
  color: #167a9e;
  font-size: 11px;
  line-height: 20px;
  text-overflow: ellipsis;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.kizmiotheme .kzm-blog-side-categories li:nth-child(3n+2) .blog-category {
  border-color: rgba(232, 62, 156, .32);
  background: rgba(232, 62, 156, .07);
  color: #a22c70;
}

.kizmiotheme .kzm-blog-side-categories li:nth-child(3n) .blog-category {
  border-color: rgba(255, 122, 26, .36);
  background: rgba(255, 122, 26, .08);
  color: #a84c0a;
}

.kizmiotheme .kzm-blog-side-categories .blog-category:hover {
  border-color: currentColor;
  box-shadow: 0 0 2px currentColor, 0 0 12px rgba(0, 174, 232, .32);
  transform: translateY(-1px);
}

.kizmiotheme .kzm-blog-side-readmore .post-media.list {
  margin-bottom: 12px !important;
  padding: 8px !important;
  border: 1px solid var(--kzm-blog-line) !important;
  border-radius: 16px !important;
  background: var(--kzm-blog-surface-soft) !important;
  box-shadow: 0 0 2px rgba(0, 174, 232, .35), 0 0 10px rgba(0, 174, 232, .08) !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.kizmiotheme .kzm-blog-side-readmore .post-media.list:last-child { margin-bottom: 0 !important; }

.kizmiotheme .kzm-blog-side-readmore .post-media.list:hover {
  border-color: rgba(232, 62, 156, .48) !important;
  box-shadow: 0 0 2px rgba(232, 62, 156, .8), 0 0 13px rgba(232, 62, 156, .32), 0 0 20px rgba(0, 174, 232, .15) !important;
  transform: translateY(-2px);
}

.kizmiotheme .kzm-blog-side-readmore .post-media-image-wrapper { border-radius: 11px !important; }
.kizmiotheme .kzm-blog-side-readmore .post-media-meta .title { color: var(--kzm-blog-text) !important; }
.kizmiotheme .kzm-blog-side-readmore .post-media-meta .text,
.kizmiotheme .kzm-blog-side-readmore .post-media-meta .info,
.kizmiotheme .kzm-blog-side-readmore .post-media-meta .info a { color: var(--kzm-blog-muted) !important; }

body.kizmiotheme.night-mode .kzm-blog-article-page {
  --kzm-blog-surface: rgba(3, 13, 38, .88);
  --kzm-blog-surface-soft: rgba(8, 23, 56, .82);
  --kzm-blog-text: #f2f6ff;
  --kzm-blog-muted: #aab7d5;
  --kzm-blog-line: rgba(66, 205, 255, .2);
  --kzm-blog-orange: #ff8a24;
  --kzm-blog-cyan: #26d9ff;
  --kzm-blog-pink: #ff4fb0;
  --kzm-blog-purple: #9c69ff;
}

body.kizmiotheme.night-mode .kzm-blog-article-page::before {
  display: none;
}

body.kizmiotheme.night-mode .kzm-blog-article-page::after {
  display: none;
}

body.kizmiotheme.night-mode .kzm-blog-article-shell,
body.kizmiotheme.night-mode .kzm-blog-side-card,
body.kizmiotheme.night-mode .kzm-blog-article-card > .post-footer {
  border-color: transparent;
  background:
    linear-gradient(rgba(3, 13, 38, .88), rgba(5, 18, 46, .9)) padding-box,
    linear-gradient(132deg, rgba(38, 217, 255, .88), rgba(156, 105, 255, .55) 48%, rgba(255, 79, 176, .82)) border-box;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .45), 0 0 2px rgba(38, 217, 255, .9), 0 0 12px rgba(38, 217, 255, .3), 0 0 26px rgba(255, 79, 176, .18), inset 0 0 30px rgba(21, 98, 179, .09);
}

body.kizmiotheme.night-mode .kzm-blog-article-title {
  background: linear-gradient(100deg, #fff 0 9%, #ff73c5 23%, #fff 39%, #32e4ff 60%, #f7fbff 75%, #36e5ff 96%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 1px rgba(255,255,255,.75));
  text-shadow: 0 0 9px rgba(255, 42, 174, .2), 0 0 15px rgba(38, 217, 255, .15);
}

body.kizmiotheme.night-mode .kzm-blog-article-breadcrumb .badge {
  border-color: rgba(38, 217, 255, .34);
  background: rgba(38, 217, 255, .09) !important;
  color: #96efff !important;
}

body.kizmiotheme.night-mode .kzm-blog-article-edit .btn {
  border-color: rgba(156, 105, 255, .5);
  background: rgba(156, 105, 255, .12);
  color: #d6c3ff;
}

body.kizmiotheme.night-mode .kzm-blog-article-meta .blog-author-avatar-img {
  background: linear-gradient(#111c3d, #111c3d) padding-box, linear-gradient(135deg, var(--kzm-blog-orange), var(--kzm-blog-pink), var(--kzm-blog-cyan)) border-box;
  box-shadow: 0 0 16px rgba(255, 79, 176, .28);
}

body.kizmiotheme.night-mode .kzm-blog-article-page .blog-meta-counter {
  border-color: rgba(38, 217, 255, .64);
  background: rgba(38, 217, 255, .08);
  color: #a0efff;
  box-shadow: 0 0 2px rgba(38, 217, 255, .8), 0 0 10px rgba(38, 217, 255, .22);
}

body.kizmiotheme.night-mode .kzm-blog-article-content h2 {
  border-color: rgba(38, 217, 255, .6);
  background: linear-gradient(90deg, rgba(38, 217, 255, .09), rgba(255, 79, 176, .08));
  box-shadow: 0 0 2px rgba(38, 217, 255, .7), 0 0 12px rgba(38, 217, 255, .16), inset 0 0 20px rgba(156, 105, 255, .07);
  color: #ff8fce;
  text-shadow: 0 0 8px rgba(255, 79, 176, .2), 0 0 13px rgba(38, 217, 255, .12);
}

body.kizmiotheme.night-mode .kzm-blog-article-content h2::before {
  border-color: #32e4ff;
  background: rgba(18, 72, 118, .38);
  box-shadow: 0 0 2px #32e4ff, 0 0 12px rgba(38, 217, 255, .48);
  color: #d3faff;
  -webkit-text-fill-color: #d3faff;
}

body.kizmiotheme.night-mode .kzm-blog-article-content h4 { color: #c5afff; }

body.kizmiotheme.night-mode .kzm-blog-article-gated .kzm-blog-article-content + section {
  border-color: rgba(156, 105, 255, .38) !important;
  background: linear-gradient(135deg, rgba(255, 138, 36, .1), rgba(255, 79, 176, .09) 52%, rgba(38, 217, 255, .09)) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .24), 0 0 18px rgba(156, 105, 255, .08) !important;
}

body.kizmiotheme.night-mode .kzm-blog-article-page .blog-tags a {
  border-color: rgba(156, 105, 255, .35);
  background: rgba(156, 105, 255, .1);
  color: #d8c8ff;
}

body.kizmiotheme.night-mode .kzm-blog-side-categories .blog-category {
  border-color: rgba(38, 217, 255, .35);
  background: rgba(38, 217, 255, .08);
  color: #a0efff;
}

body.kizmiotheme.night-mode .kzm-blog-side-categories li:nth-child(3n+2) .blog-category {
  border-color: rgba(255, 79, 176, .38);
  background: rgba(255, 79, 176, .09);
  color: #ffadd8;
}

body.kizmiotheme.night-mode .kzm-blog-side-categories li:nth-child(3n) .blog-category {
  border-color: rgba(255, 138, 36, .4);
  background: rgba(255, 138, 36, .09);
  color: #ffc08b;
}

@media (max-width: 991.98px) {
  .kizmiotheme .kzm-blog-article-layout { --bs-gutter-x: 18px; }
  .kizmiotheme .kzm-blog-article-sidebar { top: 72px; }
  .kizmiotheme .kzm-blog-article-title { font-size: clamp(1.85rem, 4.4vw, 2.8rem); }
}

@media (max-width: 767.98px) {
  .kizmiotheme .kzm-blog-article-main { order: 1; }
  .kizmiotheme .kzm-blog-article-sidebar {
    position: static;
    order: 2;
    margin-top: 4px;
  }
  .kizmiotheme .kzm-blog-article-card { border-radius: 19px; }
  .kizmiotheme .kzm-blog-article-shell {
    padding: 18px;
    border-radius: 19px 19px 0 0;
  }
  .kizmiotheme .kzm-blog-article-card > .post-footer { border-radius: 0 0 19px 19px; }
  .kizmiotheme .kzm-blog-article-title {
    max-width: none;
    font-size: clamp(28px, 7.5vw, 34px);
    letter-spacing: -.035em;
  }
  .kizmiotheme .kzm-blog-article-meta > [class*="col-"]:last-child { margin-top: 8px; }
  .kizmiotheme .kzm-blog-article-meta > [class*="col-"]:last-child { text-align: start !important; }
  .kizmiotheme .kzm-blog-article-page .blog-meta-counter { margin: 3px 5px 3px 0; }
  .kizmiotheme .kzm-blog-article-content { line-height: 1.75; }
  .kizmiotheme .kzm-blog-article-cover { border-radius: 17px; }
  .kizmiotheme .kzm-blog-article-cover .blog-cover-photo { border-radius: 15px; }
  .kizmiotheme .kzm-blog-article-shell,
  .kizmiotheme .kzm-blog-side-card {
    backdrop-filter: blur(7px) saturate(112%);
    -webkit-backdrop-filter: blur(7px) saturate(112%);
  }
  body.kizmiotheme.night-mode .kzm-blog-article-shell,
  body.kizmiotheme.night-mode .kzm-blog-side-card,
  body.kizmiotheme.night-mode .kzm-blog-article-card > .post-footer {
    box-shadow: 0 12px 28px rgba(0, 0, 0, .38), 0 0 2px rgba(38, 217, 255, .7), 0 0 10px rgba(38, 217, 255, .2), 0 0 15px rgba(255, 79, 176, .12);
  }
}

@media (max-width: 430px) {
  .kizmiotheme .kzm-blog-article-layout { --bs-gutter-x: 12px; }
  .kizmiotheme .kzm-blog-article-shell { padding: 14px; }
  .kizmiotheme .kzm-blog-article-title { font-size: clamp(28px, 7.8vw, 33px); }
  .kizmiotheme .kzm-blog-article-meta { padding: 11px; }
  .kizmiotheme .kzm-blog-article-meta .blog-author-avatar-img { width: 46px; height: 46px; }
  .kizmiotheme .kzm-blog-side-card { padding: 14px; border-radius: 16px; }
  .kizmiotheme .kzm-blog-side-create { padding: 3px; }
  .kizmiotheme .kzm-blog-side-search .btn { padding-inline: 12px; }
  .kizmiotheme .kzm-blog-article-page .post-actions { flex-wrap: wrap; }
  .kizmiotheme .kzm-blog-article-page .post-actions .action-btn { min-width: calc(50% - 4px); }
}

@media (prefers-reduced-motion: reduce) {
  .kizmiotheme .kzm-blog-article-page *,
  .kizmiotheme .kzm-blog-article-page *::before,
  .kizmiotheme .kzm-blog-article-page *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}