.blog.kimono-blog-list { --blog-accent: #30bed5; --blog-image-ratio: 16 / 9; --blog-card-height: clamp(330px, 22vw, 380px); padding: 80px 0; }
.kimono-blog-list > .container { width: calc(100% - clamp(48px, 7vw, 128px)); max-width: 1480px; margin-inline: auto; padding: 0; }
.kimono-blog-list > .container > .row { display: grid; grid-template-columns: minmax(0, calc((100% + 24px) * 2 / 3 - 24px)) minmax(0, 1fr); align-items: start; gap: 56px; margin: 0; }
.kimono-blog-list > .container > .row > * { width: auto; min-width: 0; padding: 0; }
.blog.kimono-blog-list .posts-grid.horizontal { display: block; width: 100%; min-width: 0; }
.kimono-blog-list .posts-grid > .row { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; gap: 40px; margin: 0; }
.kimono-blog-list .posts-grid > .row > * { width: 100%; min-width: 0; padding: 0; margin: 0; }
.blog.kimono-blog-list .posts-grid.horizontal .post-box { display: grid; grid-template-columns: minmax(0, 46fr) minmax(0, 54fr); align-items: stretch; min-height: var(--blog-card-height); margin: 0; overflow: hidden; border: 1px solid #2b383d; border-radius: 12px; background: linear-gradient(140deg, #151c1f, #111516); box-shadow: none; }
.blog.kimono-blog-list .post-box > .post-link { display: grid; align-content: center; width: 100%; min-width: 0; height: 100%; background: #11191d; }
.blog.kimono-blog-list .posts-grid.horizontal .post-img-wrapper { position: relative; width: 100%; height: auto; min-height: 0; max-height: none; aspect-ratio: var(--blog-image-ratio, 16 / 9); margin: 0; border-radius: 0; overflow: hidden; background: #11191d; }
.blog.kimono-blog-list .posts-grid .post-img-wrapper .post-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: fill; object-position: center; transform: none !important; }
.blog.kimono-blog-list .posts-grid .post-img-wrapper .post-date { position: absolute; display: inline-flex; gap: 4px; z-index: 2; top: 16px; left: 16px; right: auto; bottom: auto; padding: 7px 18px; border: 1px solid #ffffff26; border-radius: 20px; color: #f2f5f6; background: #101719eb; font-size: 14px; font-weight: 600; line-height: 1.3; }
.blog.kimono-blog-list .posts-grid.horizontal .post-summary { display: flex; flex-direction: column; justify-content: center; padding: 32px 22px; min-width: 0; }
.blog.kimono-blog-list .post-info { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 0 0 16px; padding: 0; border: 0; background: transparent; }
.kimono-blog-list .post-info .info { display: inline-flex; align-items: center; gap: 6px; padding: 0; margin: 0; border: 0; color: #a9bbc2; font-size: 13px; line-height: 1.5; }
.kimono-blog-list .post-info svg { width: 16px; height: 16px; flex: 0 0 16px; color: var(--blog-accent); }
.blog.kimono-blog-list .post-text { display: block; flex: 0 1 auto; width: 100%; min-width: 0; margin: 0; padding: 0; background: transparent; }
.blog.kimono-blog-list .post-text > .post-link { display: block; width: 100%; min-width: 0; }
.blog.kimono-blog-list .post-text .post-title { margin: 0 0 14px; color: #f1f4f5; font-size: clamp(22px, 1.94vw, 32px); font-weight: 600; line-height: 1.45; text-wrap: pretty; word-break: normal; overflow-wrap: break-word; }
.blog.kimono-blog-list .post-excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 3.3em; max-height: 3.3em; overflow: hidden; margin: 0 0 20px; color: #b4bec3; font-size: 16.8px; line-height: 1.65; overflow-wrap: break-word; }
.blog.kimono-blog-list .post-box:focus-within .post-title { color: #09aff4; }
@media (hover: hover) { .blog.kimono-blog-list .post-box:hover .post-title { color: #09aff4; } }

.blog.kimono-blog-list.blog-home > .container > .row {
  grid-template-areas: "posts sidebar" "pagination pagination";
  row-gap: 32px;
}
.blog.kimono-blog-list > .container > .row > .col-xl-8 { grid-area: posts; }
.blog.kimono-blog-list > .container > .row > .col-xl-4 { grid-area: sidebar; }
.blog.kimono-blog-list > .container > .row > .blog-pagination-column { grid-area: pagination; }
@media (max-width: 1199px) {
  .blog.kimono-blog-list.blog-home > .container > .row {
    grid-template-areas: "posts" "pagination" "sidebar";
  }
}
.blog.kimono-blog-list .blog-pagination-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 0;
  padding-top: 24px;
  border-top: 1px solid #2b383d;
}
.blog.kimono-blog-list .blog-pagination-summary {
  margin: 0;
  color: #b4bec3;
  font-size: 15px;
  line-height: 1.6;
}
.blog.kimono-blog-list .blog-ref-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
}
.blog.kimono-blog-list .blog-page-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  border: 1px solid #273238;
  border-radius: 6px;
  background: #101416;
  color: #c5d0d5;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
}
.blog.kimono-blog-list .blog-page-btn svg { width: 18px; height: 18px; }
.blog.kimono-blog-list .blog-page-btn.is-active {
  border-color: #159fba;
  background: #159fba;
  color: #fff;
}
.blog.kimono-blog-list .blog-page-btn.is-disabled {
  color: #596366;
  border-color: #20292d;
  background: #0e1112;
  cursor: default;
}
.blog.kimono-blog-list a.blog-page-btn:focus-visible { outline: 2px solid var(--blog-accent); outline-offset: 3px; }
@media (hover: hover) {
  .blog.kimono-blog-list a.blog-page-btn:hover { border-color: var(--blog-accent); color: #fff; }
}
@media (max-width: 767px) {
  .blog.kimono-blog-list .blog-pagination-footer { flex-direction: column; gap: 16px; }
  .blog.kimono-blog-list .blog-pagination-summary { font-size: 14px; text-align: center; }
  .blog.kimono-blog-list .blog-ref-pagination { justify-content: center; }
  .blog.kimono-blog-list .blog-page-btn { flex-basis: 44px; width: 44px; height: 44px; }
}

@media (min-width: 1024px) {
  .blog.kimono-blog-list .blog-pagination-footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  }
  .blog.kimono-blog-list .blog-pagination-summary {
    grid-column: 1;
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .blog.kimono-blog-list .blog-ref-pagination {
    grid-column: 2;
    justify-self: center;
    justify-content: center;
  }
}

/* Reference sidebar flow: one page scrollbar, bounded by the post column. */
.blog.kimono-blog-list .blog-sidebar {
  display: grid;
  gap: 16px;
  align-content: start;
  max-height: none;
  overflow: visible;
}
.blog.kimono-blog-list .blog-sidebar .sidebar-box {
  margin: 0;
  padding: 16px;
}
.blog.kimono-blog-list .blog-sidebar .sidebar-box-title {
  margin: 0 0 20px;
  padding: 16px 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}
.blog.kimono-blog-list .blog-sidebar .search-input {
  height: 44px;
  padding: 8px 62px 8px 16px;
  border: 1px solid #40525b;
  border-radius: 6px;
  background: #11191d;
  font-size: 16px;
  line-height: 24px;
}
.blog.kimono-blog-list .blog-sidebar .search-btn {
  inset: 0 0 0 auto;
  width: 50px;
  height: 44px;
  padding: 12px 15px;
  border-radius: 0 6px 6px 0;
  background: #159fba;
  color: #fff;
}
.blog.kimono-blog-list .blog-sidebar .cat-item {
  margin: 0 0 16px;
  padding: 0;
  border: 0;
}
.blog.kimono-blog-list .blog-sidebar .cat-item:last-child { margin-bottom: 0; }
.blog.kimono-blog-list .blog-sidebar .cat-link {
  min-height: 48px;
  padding: 8px 16px;
  align-items: center;
  border-radius: 6px;
  font-size: 16px;
  line-height: 24px;
}
.blog.kimono-blog-list .blog-sidebar .cat-count {
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  min-width: 32px;
  height: 32px;
}
.blog.kimono-blog-list .blog-sidebar .r-post-item {
  margin: 0 0 16px;
  padding: 8px 0;
  border: 0;
  background: rgba(48, 190, 213, .04);
  border-radius: 6px;
  transition: background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}
.blog.kimono-blog-list .blog-sidebar .r-post-item:last-child { margin-bottom: 0; }
.blog.kimono-blog-list .blog-sidebar .r-post-link { gap: 16px; }
.blog.kimono-blog-list .blog-sidebar .r-post-img-wrapper { margin: 0; flex: 0 0 64px; }
.blog.kimono-blog-list .blog-sidebar .r-post-link .content { min-width: 0; flex: 1; }
.blog.kimono-blog-list .blog-sidebar .r-post-title {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  transition: color 160ms ease;
}
.blog.kimono-blog-list .blog-sidebar .r-post-item:focus-within {
  background: rgba(9, 175, 244, .12);
  box-shadow: inset 2px 0 0 #09aff4;
  transform: translateY(-2px);
}
.blog.kimono-blog-list .blog-sidebar .r-post-item:focus-within .r-post-title { color: #09aff4 !important; }
@media (hover: hover) {
  .blog.kimono-blog-list .blog-sidebar .r-post-item:hover {
    background: rgba(9, 175, 244, .12);
    box-shadow: inset 2px 0 0 #09aff4;
    transform: translateY(-2px);
  }
  .blog.kimono-blog-list .blog-sidebar .r-post-item:hover .r-post-title { color: #09aff4 !important; }
}
@media (prefers-reduced-motion: reduce) {
  .blog.kimono-blog-list .blog-sidebar .r-post-item,
  .blog.kimono-blog-list .blog-sidebar .r-post-title { transition: none; }
  .blog.kimono-blog-list .blog-sidebar .r-post-item:hover,
  .blog.kimono-blog-list .blog-sidebar .r-post-item:focus-within { transform: none; }
}
.blog.kimono-blog-list .blog-sidebar .r-post-date { font-size: 14.4px; line-height: 1.5; }
.blog.kimono-blog-list .blog-sidebar .tags-list { margin: 0; gap: 8px; }
.blog.kimono-blog-list .blog-sidebar .tag-item { margin: 0; padding: 0; }
.blog.kimono-blog-list .blog-sidebar .tag-link {
  min-height: 40px;
  padding: 7px 12px;
  font-size: 16px;
  line-height: 24px;
}
.blog.kimono-blog-list .blog-sidebar .cat-item.active .cat-link,
.blog.kimono-blog-list .blog-sidebar .cat-link:focus-visible {
  color: var(--blog-accent);
  background: rgba(48, 190, 213, .08);
}
.blog.kimono-blog-list .blog-sidebar .cat-item .cat-link:focus-visible {
  background: #09aff4;
  color: #fff !important;
}
.blog.kimono-blog-list .blog-sidebar .cat-item .cat-link:focus-visible .cat-count { color: #fff !important; }
@media (hover: hover) {
  .blog.kimono-blog-list .blog-sidebar .cat-item .cat-link:hover {
    background: #09aff4;
    color: #fff !important;
  }
  .blog.kimono-blog-list .blog-sidebar .cat-item .cat-link:hover .cat-count { color: #fff !important; }
}
@media (min-width: 1200px) {
  body:has(.kimono-blog-list) { overflow-x: clip; overflow-y: visible; }
  .blog.kimono-blog-list > .container > .row > .col-xl-4 { align-self: stretch; }
  .blog.kimono-blog-list .blog-sidebar { position: sticky; top: 120px; }
}
@media (max-width: 1199px) {
  .blog.kimono-blog-list .blog-sidebar { position: static; top: auto; }
}

.kimono-blog-list .post-text .read-more { display: inline-flex; align-items: center; align-self: flex-start; gap: 10px; min-height: 44px; margin-top: auto; padding: 4px 0; color: var(--blog-accent); font-size: 15px; font-weight: 600; background: transparent; border: 0; }
.kimono-blog-list .read-more svg { width: 20px; height: 20px; transition: transform .2s ease; }
.kimono-blog-list .read-more:hover svg { transform: translateX(4px); }
.blog.kimono-blog-list .blog-sidebar { position: sticky; top: 120px; padding: 0; display: grid; gap: 16px; }
.blog.kimono-blog-list .sidebar-box { margin: 0; padding: 16px; border: 0; border-radius: 8px; background: transparent; }
.blog.kimono-blog-list .sidebar-box-title { margin: 0 0 20px; padding: 0; color: #edf1f2; font-size: 20px; font-weight: 600; line-height: 1.4; }
.kimono-blog-list .search-form { position: relative; display: flex; margin: 0; }
.blog.kimono-blog-list .search-input { width: 100%; min-width: 0; height: 50px; margin: 0; padding: 12px 56px 12px 14px; border: 1px solid #40525b; border-radius: 8px; color: #edf1f2; background: #0d1316; font: inherit; font-size: 15px; }
.blog.kimono-blog-list .search-btn { position: absolute; inset: 3px 3px 3px auto; width: 44px; height: 44px; margin: 0; padding: 12px; display: grid; place-items: center; border: 0; border-radius: 6px; background: #19333b; color: var(--blog-accent); }
.kimono-blog-list .search-btn svg { width: 20px; height: 20px; }
.kimono-blog-list .search-btn::before, .kimono-blog-list .search-btn::after { content: none; }
.kimono-blog-list .sidebar-list { list-style: none; padding: 0; margin: 0; }
.blog.kimono-blog-list .cat-item { padding: 0; margin: 0; border: 0; }
.kimono-blog-list .cat-item:last-child { border-bottom: 0; }
.blog.kimono-blog-list .cat-link { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 56px; padding: 14px 12px; color: #c4cdd1; font-size: 15px; }
.kimono-blog-list .cat-count { color: #89a1ab; }
.kimono-blog-list .cat-item.active .cat-link, .kimono-blog-list a:hover { color: var(--blog-accent); }
.blog.kimono-blog-list .r-post-item { margin: 0; padding: 12px 0; border-bottom: 1px solid #29353a; }
.kimono-blog-list .r-post-item:last-child { border-bottom: 0; }
.kimono-blog-list .r-post-link { display: flex; align-items: center; gap: 14px; }
.blog.kimono-blog-list .r-post-img-wrapper { flex: 0 0 64px; width: 64px; height: auto; aspect-ratio: var(--blog-image-ratio, 16 / 9); margin: 0; border-radius: 6px; overflow: hidden; background: #0d1316; }
.kimono-blog-list .r-post-img { display: block; width: 100%; height: 100%; object-fit: fill; }
.kimono-blog-list .r-post-link .content { min-width: 0; }
.blog.kimono-blog-list .r-post-title { margin: 0 0 6px; color: #e4eaed; font-size: 14px; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; }
.kimono-blog-list .r-post-date { color: #9aacb4; font-size: 12px; }
.kimono-blog-list .tags-list { display: flex; flex-wrap: wrap; gap: 8px; }
.blog.kimono-blog-list .tag-item { margin: 0; }
.blog.kimono-blog-list .tag-link { display: inline-flex; align-items: center; min-height: 36px; padding: 6px 12px; border: 1px solid #34464e; border-radius: 6px; color: #c4cdd1; background: #192328; font-size: 13px; }
.kimono-blog-list a:focus-visible, .kimono-blog-list button:focus-visible, .kimono-blog-list input:focus-visible { outline: 2px solid var(--blog-accent); outline-offset: 3px; }
.kimono-blog-list .follow-us .sc-list { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; list-style: none; }
.kimono-blog-list .follow-us .sc-item { margin: 0; padding: 0; list-style: none; }
.kimono-blog-list .follow-us .sc-link { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid #34464e; border-radius: 6px; color: #b4bec3; }
.kimono-blog-list .search .visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (min-width: 1400px) { .blog.kimono-blog-list .posts-grid.horizontal .post-summary { padding: 36px 28px; } .kimono-blog-list .post-info .info { font-size: 14px; } .blog.kimono-blog-list .post-excerpt { font-size: 18px; } .kimono-blog-list .post-text .read-more { font-size: 17px; } }
@media (max-width: 1199px) { .kimono-blog-list > .container { width: calc(100% - 24px); max-width: 936px; } .kimono-blog-list > .container > .row { grid-template-columns: minmax(0, 1fr); gap: 40px; } .blog.kimono-blog-list .blog-sidebar { position: static; grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 991px) { .kimono-blog-list > .container { max-width: 696px; } }
@media (max-width: 767px) { .blog.kimono-blog-list { padding: 40px 0; } .kimono-blog-list > .container { max-width: 516px; } .blog.kimono-blog-list .posts-grid.horizontal .post-box { grid-template-columns: minmax(0, 1fr); min-height: 0; } .blog.kimono-blog-list .posts-grid.horizontal .post-img-wrapper { height: auto; min-height: 0; } .blog.kimono-blog-list .posts-grid.horizontal .post-summary { padding: 24px; } .blog.kimono-blog-list .post-text .post-title { font-size: 22px; } }
@media (prefers-reduced-motion: reduce) { .kimono-blog-list .read-more svg { transition: none; transform: none !important; } }

/* Balanced blog listing cards: consistent media, spacing and title scale. */
.kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced {
  --blog-card-height: clamp(330px, 22vw, 380px);
  --blog-image-ratio: 16 / 9;
  --blog-card-gap: 20px;
}

.kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .posts-grid.horizontal > .row {
  --bs-gutter-y: 0;
  row-gap: var(--blog-card-gap);
}

.kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .posts-grid.horizontal > .row > .col-12 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .posts-grid.horizontal .post-box {
  display: grid;
  grid-template-columns: minmax(0, 46fr) minmax(0, 54fr);
  align-items: stretch;
  gap: 0;
  width: 100%;
  height: auto;
  min-height: var(--blog-card-height);
  margin: 0;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
}

.kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .posts-grid.horizontal .post-box > .post-link {
  display: block;
  align-self: stretch;
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 0;
  background: #101719;
}

.kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .posts-grid.horizontal .post-img-wrapper {
  position: relative;
  display: block;
  width: 100%;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none;
  aspect-ratio: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: inherit;
}

.kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .posts-grid.horizontal .post-img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-height: 0;
  max-width: 100%;
  object-fit: fill !important;
  object-position: center;
  transform: none !important;
}

.kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .posts-grid.horizontal .post-summary {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  justify-content: center;
  width: 100%;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: clamp(24px, 2vw, 32px);
  box-sizing: border-box;
}

.kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .post-summary .post-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 5px 14px;
  min-height: 36px;
  margin: 0 0 12px;
  padding: 0;
  font-size: 13px;
  line-height: 1.4;
}

.kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .post-info .info,
.kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .post-info .blog-card-date {
  position: static;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  margin: 0;
  padding: 0;
  color: #aebfc8;
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  overflow-wrap: anywhere;
}

.kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .post-summary .post-text {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(48px, auto) auto;
  row-gap: 10px;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .post-text > .post-link {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: #f1f3f5;
  text-decoration: none;
}

.kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .post-text .post-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  block-size: 4.05em;
  min-height: 0;
  max-height: none;
  margin: 0 !important;
  padding: 0;
  overflow: hidden;
  color: #f1f3f5 !important;
  font-size: clamp(18px, 1.6vw, 22px) !important;
  font-weight: 600;
  line-height: 1.35 !important;
  letter-spacing: -0.015em;
  text-align: start;
  text-transform: none;
  text-wrap: balance;
  overflow-wrap: anywhere;
}

.kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .post-text > .post-link:hover .post-title,
.kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .post-text > .post-link:focus-visible .post-title {
  color: #00b3e8 !important;
  text-decoration: none;
}

.kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .post-text .post-excerpt {
  grid-row: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  block-size: 3.2em;
  margin: 0 !important;
  padding: 0;
  overflow: hidden;
  color: #b7c0c8;
  font-size: 15px;
  line-height: 1.6;
  text-align: start;
  overflow-wrap: anywhere;
}

.kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .post-text .read-more {
  grid-row: 3;
  display: inline-flex;
  align-items: center;
  justify-self: start;
  gap: 9px;
  min-height: 32px;
  margin: 4px 0 0;
  padding: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}

.kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .post-text .read-more:hover,
.kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .post-text .read-more:focus-visible,
.kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .post-text .read-more:hover svg,
.kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .post-text .read-more:focus-visible svg {
  color: #ff8a00 !important;
}

.kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .post-box a:focus-visible {
  outline: 2px solid #149fba;
  outline-offset: 4px;
}

@media (max-width: 767px) {
  .kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced {
    --blog-card-gap: 16px;
  }

  .kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .posts-grid.horizontal .post-box {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    gap: 0;
    margin-bottom: 0;
    padding: 0;
  }

  .kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .posts-grid.horizontal .post-box > .post-link {
    height: auto;
  }

  .kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .posts-grid.horizontal .post-img-wrapper {
    height: auto !important;
    aspect-ratio: var(--blog-image-ratio);
  }

  .kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .posts-grid.horizontal .post-summary {
    padding: 20px;
  }

  .kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .post-text .post-title {
    font-size: 20px !important;
  }
}

@media (max-width: 575px) {
  .kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .posts-grid.horizontal .post-box {
    padding: 0;
  }

  .kimono-cms-content .blog.kimono-blog-list.blog-cards-balanced .post-text .post-title {
    font-size: 18px !important;
  }
}