/*
 * Mike's Balance category archives
 * Compact, text-first editorial collections.
 * Intentionally avoids archive thumbnails for reliability and keeps these
 * secondary navigation pages light, fast and easy to scan.
 */

body.category.mb-editorial-page {
  --mbc-page:#FCFBF9;
  --mbc-surface:#FAFAF7;
  --mbc-ink:#061925;
  --mbc-body:#4B5562;
  --mbc-muted:#646C75;
  --mbc-soft:#92989C;
  --mbc-line:#E8E8E4;
  --mbc-green:#2C7A5A;
  --mbc-serif:"Source Serif Pro", Georgia, "Times New Roman", serif;
  --mbc-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  background:var(--mbc-page)!important;
  color:var(--mbc-body)!important;
}

body.category.mb-editorial-page #wrapper,
body.category.mb-editorial-page #archives {
  background:var(--mbc-page)!important;
}

body.category.mb-editorial-page #archives {
  width:100%;
  margin:0;
  padding:0 0 70px;
}

body.category.mb-editorial-page #archives > .grid-container,
body.category.mb-editorial-page #archives .module-wrapper.grid-container {
  width:100%!important;
  max-width:1240px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:28px!important;
  padding-right:28px!important;
  box-sizing:border-box!important;
}

/* Compact topic masthead */
body.category.mb-editorial-page #archives > .grid-container:first-child {
  padding-top:42px!important;
}

body.category.mb-editorial-page #archives .tag-description {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);
  gap:52px;
  align-items:end;
  margin:0!important;
  padding:0 0 28px!important;
  border:0!important;
  border-bottom:1px solid var(--mbc-line)!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.category.mb-editorial-page #archives .tag-description .left,
body.category.mb-editorial-page #archives .tag-description .right {
  position:relative!important;
  z-index:1!important;
  float:none!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
}

body.category.mb-editorial-page #archives .tag-description.image-bg,
body.category.mb-editorial-page #archives .tag-description.image-bg:hover {
  background:transparent!important;
  background-image:none!important;
  color:inherit!important;
  overflow:visible!important;
}

body.category.mb-editorial-page #archives .tag-description .epcl-image,
body.category.mb-editorial-page #archives .tag-description .epcl-overlay {
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

body.category.mb-editorial-page .mb-category-eyebrow {
  margin:0 0 9px!important;
  color:var(--mbc-green)!important;
  font-family:var(--mbc-sans)!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.15em!important;
  text-transform:uppercase;
}

body.category.mb-editorial-page #archives .tag-description h1.title {
  max-width:760px;
  margin:0!important;
  padding:0!important;
  color:var(--mbc-ink)!important;
  font-family:var(--mbc-serif)!important;
  font-size:clamp(38px,4vw,52px)!important;
  font-weight:700!important;
  line-height:1.03!important;
  letter-spacing:-.035em!important;
  text-align:left!important;
}

body.category.mb-editorial-page #archives .tag-description h1.title::before,
body.category.mb-editorial-page #archives .tag-description h1.title::after {
  display:none!important;
  content:none!important;
}

body.category.mb-editorial-page #archives .tag-description .total {
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:11px!important;
  color:var(--mbc-soft)!important;
  font-family:var(--mbc-sans)!important;
  font-size:11.5px!important;
  font-weight:600!important;
  line-height:1.3!important;
  letter-spacing:.01em;
}

body.category.mb-editorial-page #archives .tag-description .total .dot {
  width:3px!important;
  height:3px!important;
  margin:0!important;
  border:0!important;
  border-radius:50%;
  background:var(--mbc-green)!important;
}

body.category.mb-editorial-page #archives .epcl-decoration-counter {
  display:none!important;
}

body.category.mb-editorial-page #archives .tag-description .right p {
  max-width:470px;
  margin:0!important;
  color:var(--mbc-muted)!important;
  font-family:var(--mbc-sans)!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.48!important;
  text-align:left!important;
}

/* Article list */
body.category.mb-editorial-page #archives .module-wrapper {
  margin-top:26px!important;
}

body.category.mb-editorial-page .mb-category-latest {
  margin:0 0 13px!important;
  color:var(--mbc-soft)!important;
  font-family:var(--mbc-sans)!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.14em!important;
  text-transform:uppercase;
}

body.category.mb-editorial-page #archives .content-wrapper {
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

body.category.mb-editorial-page #archives .articles.grid-posts {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%!important;
  margin:0!important;
}

body.category.mb-editorial-page #archives .articles.grid-posts > article.default {
  display:block!important;
  grid-column:auto!important;
  width:100%!important;
  max-width:none!important;
}

body.category.mb-editorial-page #archives .articles.grid-posts > .clear {
  display:none!important;
}

body.category.mb-editorial-page #archives article.default,
body.category.mb-editorial-page #archives article.default.index-0 {
  float:none!important;
  grid-column:auto!important;
  width:auto!important;
  min-width:0;
  margin:0!important;
  padding:0!important;
}

body.category.mb-editorial-page #archives article.default .epcl-bg {
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:0;
  margin:0!important;
  padding:21px 22px 22px!important;
  overflow:visible;
  border:1px solid var(--mbc-line)!important;
  border-radius:9px!important;
  background:var(--mbc-surface)!important;
  box-shadow:none!important;
  transition:border-color .16s ease, background-color .16s ease;
}

body.category.mb-editorial-page #archives article.default .epcl-bg:hover {
  border-color:#D8DED9!important;
  background:#F8F9F6!important;
  transform:none!important;
}

body.category.mb-editorial-page #archives article.default header,
body.category.mb-editorial-page #archives .post-format-image,
body.category.mb-editorial-page #archives .featured-image {
  margin:0!important;
  padding:0!important;
}

/* No archive thumbnails: simpler, faster, and avoids lazy-background failures. */
body.category.mb-editorial-page #archives .featured-image > .thumb {
  display:none!important;
}

body.category.mb-editorial-page #archives .featured-image .info,
body.category.mb-editorial-page #archives article.default.index-0 .featured-image .info {
  margin:0!important;
  padding:0!important;
}

body.category.mb-editorial-page #archives h2.main-title,
body.category.mb-editorial-page #archives article.default.index-0 h2.main-title {
  max-width:none;
  margin:0!important;
  padding:0!important;
  font-family:var(--mbc-serif)!important;
  font-size:22px!important;
  font-weight:700!important;
  line-height:1.14!important;
  letter-spacing:-.02em!important;
  text-align:left!important;
}

body.category.mb-editorial-page #archives h2.main-title a {
  color:var(--mbc-ink)!important;
  background:none!important;
  text-decoration:none!important;
  box-shadow:none!important;
  transition:color .15s ease;
}

body.category.mb-editorial-page #archives h2.main-title a:hover,
body.category.mb-editorial-page #archives h2.main-title a:focus-visible {
  color:var(--mbc-green)!important;
}

/* Date + reading time */
body.category.mb-editorial-page #archives article header .post-format-image > .meta,
body.category.mb-editorial-page #archives article.default.index-0 header .post-format-image > .meta {
  display:flex!important;
  align-items:center;
  gap:10px;
  margin:9px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

body.category.mb-editorial-page #archives article header .post-format-image > .meta .meta-info {
  float:none!important;
  margin:0!important;
  padding:0!important;
  color:var(--mbc-soft)!important;
  font-family:var(--mbc-sans)!important;
  font-size:10.5px!important;
  font-weight:600!important;
  line-height:1.3!important;
}

body.category.mb-editorial-page #archives article header .post-format-image > .meta .min-read {
  position:relative;
  padding-left:12px!important;
}

body.category.mb-editorial-page #archives article header .post-format-image > .meta .min-read::before {
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:3px;
  height:3px;
  border-radius:50%;
  background:#C3C8C5;
  transform:translateY(-50%);
}

body.category.mb-editorial-page #archives article header .post-format-image > .meta .comments,
body.category.mb-editorial-page #archives article header .post-format-image > .meta .views-counter,
body.category.mb-editorial-page #archives article header .post-format-image > .meta .clear {
  display:none!important;
}

/* Short excerpt */
body.category.mb-editorial-page #archives .post-excerpt,
body.category.mb-editorial-page #archives article.default.index-0 .post-excerpt {
  margin:0!important;
  padding:12px 0 0!important;
  color:var(--mbc-body)!important;
}

body.category.mb-editorial-page #archives .post-excerpt p,
body.category.mb-editorial-page #archives article.default.index-0 .post-excerpt p {
  display:-webkit-box;
  max-width:none;
  margin:0!important;
  overflow:hidden;
  color:var(--mbc-body)!important;
  font-family:var(--mbc-serif)!important;
  font-size:14.5px!important;
  font-weight:400!important;
  line-height:1.43!important;
  text-align:left!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

/* Category cards are navigation aids, so omit the author footer entirely. */
body.category.mb-editorial-page #archives article > .epcl-bg > .meta {
  display:none!important;
}

/* Hard overrides for Maktub masonry and button geometry on category archives. */
body.category.mb-editorial-page #archives .module-wrapper.enable-masonry .articles.grid-posts {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  align-items:stretch!important;
  height:auto!important;
  min-height:0!important;
  position:static!important;
}

body.category.mb-editorial-page #archives .module-wrapper.enable-masonry .articles.grid-posts > article.default,
body.category.mb-editorial-page #archives .module-wrapper.enable-masonry .articles.grid-posts > article.default.index-0 {
  position:static!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  float:none!important;
  display:block!important;
  grid-column:auto!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

body.category.mb-editorial-page #archives .epcl-pagination .nav {
  display:grid!important;
  grid-template-columns:auto auto!important;
  align-items:center!important;
  justify-content:center!important;
  justify-items:center!important;
  column-gap:22px!important;
  min-height:28px!important;
}

body.category.mb-editorial-page #archives .epcl-pagination .page-number,
body.category.mb-editorial-page #archives .epcl-pagination a.epcl-button {
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  float:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:28px!important;
  min-height:28px!important;
  margin:0!important;
  padding:0!important;
  vertical-align:middle!important;
  line-height:28px!important;
}

@media (max-width:760px) {
  body.category.mb-editorial-page #archives .module-wrapper.enable-masonry .articles.grid-posts {
    grid-template-columns:1fr!important;
  }
}

/* Quiet pagination */
body.category.mb-editorial-page #archives .separator.last {
  display:none!important;
}

body.category.mb-editorial-page #archives .epcl-pagination {
  margin:32px 0 0!important;
  padding:20px 0 0!important;
  border-top:1px solid var(--mbc-line)!important;
}

body.category.mb-editorial-page #archives .epcl-pagination .nav {
  display:flex!important;
  justify-content:center;
  align-items:center;
  gap:16px;
}

body.category.mb-editorial-page #archives .epcl-pagination .page-number {
  margin:0!important;
  color:var(--mbc-soft)!important;
  font-family:var(--mbc-sans)!important;
  font-size:11.5px!important;
  font-weight:600!important;
  line-height:1.3!important;
}

body.category.mb-editorial-page #archives .epcl-pagination a.epcl-button {
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:6px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mbc-ink)!important;
  font-family:var(--mbc-sans)!important;
  font-size:11.5px!important;
  font-weight:700!important;
  line-height:1.3!important;
  text-transform:none!important;
}

body.category.mb-editorial-page #archives .epcl-pagination a.epcl-button:hover,
body.category.mb-editorial-page #archives .epcl-pagination a.epcl-button:focus-visible {
  color:var(--mbc-green)!important;
  background:transparent!important;
  transform:none!important;
}

body.category.mb-editorial-page #archives .epcl-pagination a.epcl-button::before,
body.category.mb-editorial-page #archives .epcl-pagination a.epcl-button::after {
  display:none!important;
  content:none!important;
}

@media (max-width:900px) {
  body.category.mb-editorial-page #archives .tag-description {
    grid-template-columns:1fr;
    gap:14px;
  }

  body.category.mb-editorial-page #archives .tag-description .right p {
    max-width:680px;
  }
}

@media (max-width:760px) {
  body.category.mb-editorial-page #archives {
    padding-bottom:52px;
  }

  body.category.mb-editorial-page #archives > .grid-container,
  body.category.mb-editorial-page #archives .module-wrapper.grid-container {
    padding-left:19px!important;
    padding-right:19px!important;
  }

  body.category.mb-editorial-page #archives > .grid-container:first-child {
    padding-top:27px!important;
  }

  body.category.mb-editorial-page #archives .tag-description {
    display:block!important;
    padding-bottom:22px!important;
  }

  body.category.mb-editorial-page #archives .tag-description h1.title {
    font-size:36px!important;
    line-height:1.04!important;
  }

  body.category.mb-editorial-page #archives .tag-description .right {
    margin-top:14px!important;
  }

  body.category.mb-editorial-page #archives .tag-description .right p {
    font-size:14.5px!important;
    line-height:1.45!important;
  }

  body.category.mb-editorial-page #archives .module-wrapper {
    margin-top:22px!important;
  }

  body.category.mb-editorial-page #archives .articles.grid-posts {
    grid-template-columns:1fr;
    gap:12px;
  }

  body.category.mb-editorial-page #archives article.default .epcl-bg {
    padding:18px!important;
  }

  body.category.mb-editorial-page #archives h2.main-title,
  body.category.mb-editorial-page #archives article.default.index-0 h2.main-title {
    font-size:20px!important;
    line-height:1.16!important;
  }
}