/* GUA Custom Overrides v4 */

/* ─── Nav — button style ──────────────────────────── */
.taid-menu .mod-menu, .taid-menu .nav {
  gap: .4rem !important;
  align-items: center;
}
.taid-menu .mod-menu > li > a {
  display: inline-block !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  padding: .35rem .85rem !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  transition: all .15s ease !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
}

/* Search Tags — navy blue */
.taid-menu .item-103 > a {
  background: rgba(44,74,124,.08) !important;
  color: rgba(44,74,124,.75) !important;
  border: 1px solid rgba(44,74,124,.15) !important;
}
.taid-menu .item-103 > a:hover,
.taid-menu .item-103.active > a,
.taid-menu .item-103.current > a {
  background: rgba(44,74,124,.16) !important;
  color: #2c4a7c !important;
  border-color: rgba(44,74,124,.3) !important;
}

/* Titles — indigo */
.taid-menu .item-130 > a {
  background: rgba(75,60,120,.07) !important;
  color: rgba(75,60,120,.7) !important;
  border: 1px solid rgba(75,60,120,.12) !important;
}
.taid-menu .item-130 > a:hover,
.taid-menu .item-130.active > a,
.taid-menu .item-130.current > a {
  background: rgba(75,60,120,.14) !important;
  color: #4b3c78 !important;
  border-color: rgba(75,60,120,.25) !important;
}

/* Content Search — teal */
.taid-menu .item-131 > a {
  background: rgba(34,100,100,.07) !important;
  color: rgba(34,100,100,.72) !important;
  border: 1px solid rgba(34,100,100,.12) !important;
}
.taid-menu .item-131 > a:hover,
.taid-menu .item-131.active > a,
.taid-menu .item-131.current > a {
  background: rgba(34,100,100,.15) !important;
  color: #1e5a5a !important;
  border-color: rgba(34,100,100,.25) !important;
}

/* Recent — slate */
.taid-menu .item-104 > a {
  background: rgba(70,80,90,.07) !important;
  color: rgba(70,80,90,.72) !important;
  border: 1px solid rgba(70,80,90,.1) !important;
}
.taid-menu .item-104 > a:hover,
.taid-menu .item-104.active > a,
.taid-menu .item-104.current > a {
  background: rgba(70,80,90,.14) !important;
  color: #3a444e !important;
  border-color: rgba(70,80,90,.22) !important;
}

/* Videos — warm amber */
.taid-menu .item-108 > a {
  background: rgba(180,130,40,.08) !important;
  color: rgba(160,110,20,.75) !important;
  border: 1px solid rgba(180,130,40,.12) !important;
}
.taid-menu .item-108 > a:hover,
.taid-menu .item-108.active > a,
.taid-menu .item-108.current > a {
  background: rgba(180,130,40,.16) !important;
  color: #7a5510 !important;
  border-color: rgba(180,130,40,.25) !important;
}

/* ─── Logo molecule image ─────────────────────────── */
.taid-logo {
  flex-wrap: nowrap !important;
  align-items: center !important;
}
.mmst-logo-molecule {
  width: 50px; height: 50px;
  border-radius: 50%;
  object-fit: contain;
  padding: 7px;
  margin-right: .6rem;
  flex-shrink: 0;
  background: #fff;
  box-shadow: 0 1px 4px rgba(44,36,23,.12);
}
.mmst-logo-text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.taid-logo-text {
  width: auto !important;
}
.taid-logo-sub {
  margin-top: 0 !important;
}

/* Sticky search bar on desktop */
@media (min-width: 769px) {
  .mmst-search-wrap {
    position: sticky;
    top: 72px; /* nav height */
    z-index: 50;
    padding: .75rem 0;
  }
  .mmst-search-wrap.is-stuck::before {
    content: '';
    position: absolute;
    top: 0; bottom: 0;
    left: calc(-50vw + 50%);
    right: calc(-50vw + 50%);
    background: rgba(255,253,249,.95);
    backdrop-filter: blur(8px);
    box-shadow: 0 4px 12px rgba(44,36,23,.08);
    z-index: -1;
  }
}

/* Telegram promo */
.mmst-telegram-promo {
  display: none;
  justify-content: center;
  gap: .5rem;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
}
@media (min-width: 1025px) {
  .mmst-telegram-promo { display: flex; }
}
.mmst-telegram-promo a {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .3rem 1.25rem;
  background: rgba(44,74,124,.05);
  border: 1px solid rgba(44,74,124,.12);
  border-radius: 8px;
  color: #2c4a7c;
  text-decoration: none;
  font-size: .82rem;
  transition: all .15s;
}
.mmst-telegram-promo a:hover {
  background: rgba(44,74,124,.1);
  border-color: rgba(44,74,124,.2);
}
.mmst-tg-icon { font-size: 1.1rem; }
.mmst-tg-arrow { font-size: .9rem; opacity: .5; transition: opacity .15s; }
.mmst-telegram-promo a:hover .mmst-tg-arrow { opacity: 1; }

/* Fix tag page search input — override template's component-panel input styling */
.taid-component-panel #mmst-tag-search {
  border: 2px solid rgba(44,36,23,.15) !important;
  border-radius: 8px !important;
  background: #fffdf9 !important;
  padding: .75rem 1.25rem !important;
  font-size: 1rem !important;
  outline: none !important;
  box-sizing: border-box !important;
}
.taid-component-panel #mmst-tag-search:focus {
  border-color: #2c4a7c !important;
}

/* Remove template's ::after underline — doesn't work with buttons */
.taid-menu a::after,
.taid-menu .active > a::after,
.taid-menu .current > a::after,
.taid-menu a:hover::after { display: none !important; }

/* Bookstore — warm brown */
.taid-menu .item-114 > a {
  background: rgba(120,75,55,.07) !important;
  color: rgba(120,75,55,.72) !important;
  border: 1px solid rgba(120,75,55,.1) !important;
}
.taid-menu .item-114 > a:hover,
.taid-menu .item-114.active > a,
.taid-menu .item-114.current > a {
  background: rgba(120,75,55,.14) !important;
  color: #5a3522 !important;
  border-color: rgba(120,75,55,.22) !important;
}

/* Submit New — prominent green, filled */
.taid-menu .item-106 > a {
  background: #2d8a4e !important;
  color: #fff !important;
  box-shadow: 0 1px 4px rgba(45,138,78,.25) !important;
}
.taid-menu .item-106 > a:hover {
  background: #247a42 !important;
  box-shadow: 0 2px 8px rgba(45,138,78,.35) !important;
  color: #fff !important;
}
.taid-menu .item-106.active > a,
.taid-menu .item-106.current > a {
  background: #1e6038 !important;
  color: #fff !important;
}

/* Dropdown */
.taid-menu .mod-menu__sub a {
  font-size: .82rem !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* ─── Hero — keep original generous spacing for sun visibility ── */
.taid-hero {
  min-height: 75vh !important;
  background-position: center 20% !important;
  border-bottom: none !important;
}
.taid-hero-inner {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
  text-align: center !important;
}
.taid-hero-title { margin-bottom: 1.25rem !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; }
.taid-hero-title img { max-height: 240px !important; }
.taid-hero-subtitle {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.4rem !important;
  font-weight: 400 !important;
  color: #2c2417 !important;
  margin-bottom: .15rem !important;
  text-shadow: 0 1px 12px rgba(255,255,255,.7) !important;
  text-align: center !important;
}
.taid-hero-subtitle + p {
  font-size: .9rem !important;
  color: rgba(44,36,23,.45) !important;
  margin-bottom: 1.5rem !important;
}
.taid-hero-actions {
  justify-content: center !important;
  gap: .6rem !important;
}
.taid-hero-actions .taid-btn {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: .85rem !important;
  padding: .6rem 1.4rem !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* ─── Content gap below hero — original template spacing ─── */
.taid-main {
  padding-top: .5rem !important;
  padding-bottom: 2rem !important;
}

/* ─── Content panel — no box ─────────────────────── */
.taid-component-panel {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 1rem 0 !important;
}
.taid-component-panel:hover {
  border-color: transparent !important;
  box-shadow: none !important;
}

/* ─── Sidebar ────────────────────────────────────── */
.taid-sidebar .moduletable {
  max-height: none !important;
  overflow: visible !important;
  padding: 1.25rem !important;
}
.taid-sidebar .moduletable > div:not(.mod-menu),
.taid-sidebar .moduletable > ul:not(.mod-menu):not(.nav) {
  overflow-y: visible !important;
  flex: none !important;
}

/* Module titles */
.taid-module-title,
.taid-sidebar .moduletable > h3,
.taid-sidebar .moduletable > div:first-child:not([class]) {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: .75rem !important;
  font-weight: 600 !important;
  color: rgba(44,36,23,.5) !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  border-bottom: 1px solid rgba(80,60,30,.1) !important;
  padding-bottom: .5rem !important;
  margin-bottom: .75rem !important;
  background: none !important;
}

/* Sidebar links */
.taid-sidebar .mod-articles-title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 400 !important;
  font-size: .88rem !important;
}
.taid-sidebar .mod-articles-link,
.taid-sidebar .mod-list a {
  color: rgba(44,36,23,.6) !important;
  font-weight: 400 !important;
  font-size: .88rem !important;
}
.taid-sidebar .mod-articles-link:hover,
.taid-sidebar .mod-list a:hover {
  color: #2c4a7c !important;
}

/* Sidebar list items */
.taid-sidebar .mod-articles-items li {
  border-left-width: 2px !important;
  padding: .55rem .75rem !important;
}
.taid-sidebar .mod-articles-items li:hover {
  border-left-color: #2c4a7c !important;
  background: rgba(44,74,124,.02) !important;
}

/* ─── Images ─────────────────────────────────────── */
.com-content-article__body img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 3px;
}

/* ─── Signal bar ─────────────────────────────────── */
.taid-signal-bar {
  background: linear-gradient(90deg, #2c4a7c, #5a7a4a) !important;
}

/* ─── Login button ───────────────────────────────── */
.taid-sidebar .btn-primary,
.taid-sidebar button[type="submit"] {
  background: #2c4a7c !important;
  border-color: #2c4a7c !important;
  text-transform: none !important;
}

/* ─── Inner page bar ─────────────────────────────── */
.gua-inner-bar {
  background: transparent;
  padding: .5rem 0;
  max-width: var(--max-w, 1200px);
  margin: 0 auto;
}
.gua-inner-bar .taid-container {
  padding: 0 1.5rem;
}
.gua-inner-btn {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: .7rem;
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-align: center;
  color: rgba(44,36,23,.4) !important;
  background: #fff;
  border: 1px solid rgba(80,60,30,.08);
  border-radius: 6px;
  padding: .6rem 1.2rem;
  text-decoration: none !important;
  transition: all .2s;
  max-width: 1200px;
  margin: 0 auto;
}
.gua-inner-btn:hover {
  color: #2c4a7c !important;
  border-color: rgba(44,74,124,.2);
  background: rgba(44,74,124,.03);
}

/* ─── Featured book ──────────────────────────────── */
.gua-featured-book {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  padding: 2.5rem;
  margin-bottom: 3rem;
  background: linear-gradient(135deg, #faf7f2 0%, #f5f0e8 100%);
  border-radius: 16px;
  border: 1px solid rgba(80,60,30,.06);
}
.gua-featured-book-img {
  flex-shrink: 0;
}
.gua-featured-book-img img {
  width: 200px;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 8px 30px rgba(44,36,23,.18), 0 2px 8px rgba(44,36,23,.1);
}
.gua-featured-book-info {
  flex: 1;
}
.gua-featured-label {
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: .65rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #8b6d3f;
  background: rgba(200,160,74,.12);
  border-radius: 20px;
  padding: .25rem .75rem;
  margin-bottom: .75rem;
}
.gua-featured-title {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #2c2417;
  margin: 0 0 .35rem;
  line-height: 1.25;
}
.gua-featured-subtitle {
  font-family: Georgia, "Times New Roman", serif;
  font-size: .95rem;
  font-style: italic;
  color: rgba(44,36,23,.55);
  margin: 0 0 .25rem;
}
.gua-featured-author {
  font-size: .85rem;
  color: rgba(44,36,23,.45);
  margin: 0 0 .75rem;
}
.gua-featured-desc {
  font-size: .88rem;
  line-height: 1.55;
  color: rgba(44,36,23,.65);
  margin: 0 0 1.25rem;
  max-width: 440px;
}
.gua-featured-actions {
  display: flex;
  gap: .75rem;
  flex-wrap: wrap;
}
.gua-featured-btn {
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: .78rem;
  font-weight: 500;
  letter-spacing: .03em;
  color: #fff !important;
  background: #2c4a7c;
  border: 1px solid #2c4a7c;
  border-radius: 6px;
  padding: .6rem 1.5rem;
  text-decoration: none !important;
  transition: all .2s;
}
.gua-featured-btn:hover {
  background: #3a5e96;
  border-color: #3a5e96;
  box-shadow: 0 3px 12px rgba(44,74,124,.25);
  color: #fff !important;
}
.gua-featured-btn--ghost {
  color: #2c4a7c !important;
  background: transparent;
  border-color: rgba(44,74,124,.25);
}
.gua-featured-btn--ghost:hover {
  color: #fff !important;
  background: #2c4a7c;
  border-color: #2c4a7c;
}
@media (max-width: 600px) {
  .gua-featured-book {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1.5rem;
    gap: 1.5rem;
  }
  .gua-featured-book-info { text-align: center; }
  .gua-featured-book-img img { width: 160px; }
  .gua-featured-title { font-size: 1.25rem; }
  .gua-featured-desc { max-width: none; }
  .gua-featured-actions { justify-content: center; flex-direction: column; align-items: center; }
  .gua-featured-btn { width: 80%; max-width: 280px; text-align: center; }
}

/* ─── Book cards ─────────────────────────────────── */
.gua-book-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 1.25rem;
  margin: 1.5rem auto 2.5rem;
  max-width: 960px;
  align-items: stretch;
}
.gua-book-card {
  background: #fff;
  border: 1px solid rgba(80,60,30,.06);
  border-radius: 12px;
  padding: 1.5rem 1rem 1.25rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform .25s ease, box-shadow .25s ease;
  position: relative;
}
.gua-book-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(44,36,23,.1), 0 2px 6px rgba(44,36,23,.04);
}
.gua-book-card img {
  width: 180px;
  height: 260px !important;
  object-fit: contain;
  border-radius: 3px;
  margin-bottom: 1rem;
  box-shadow: 0 3px 12px rgba(44,36,23,.15), 0 1px 3px rgba(44,36,23,.08);
  transition: transform .25s ease, box-shadow .25s ease;
}
.gua-book-card:hover img {
  transform: scale(1.03);
  box-shadow: 0 6px 20px rgba(44,36,23,.18), 0 2px 6px rgba(44,36,23,.1);
}
.gua-book-card .gua-book-title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: .8rem;
  font-weight: 600;
  color: #2c2417;
  margin-bottom: auto;
  padding-bottom: .75rem;
  line-height: 1.35;
  min-height: 2.2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gua-book-card .gua-book-btn {
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: .65rem;
  font-weight: 500;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: rgba(44,36,23,.45) !important;
  background: transparent;
  border: 1px solid rgba(80,60,30,.12);
  border-radius: 20px;
  padding: .4rem 1.1rem;
  text-decoration: none !important;
  transition: all .25s ease;
  margin-top: auto;
}
.gua-book-card:hover .gua-book-btn {
  color: #fff !important;
  background: #2c4a7c;
  border-color: #2c4a7c;
  box-shadow: 0 2px 8px rgba(44,74,124,.25);
}
.gua-book-card .gua-book-btn:hover {
  background: #3a5e96;
  border-color: #3a5e96;
  color: #fff !important;
}
@media (max-width: 768px) {
  .gua-book-grid,
  .gua-book-grid[style*="grid-template-columns"] {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1rem;
    max-width: none !important;
  }
  .gua-book-card { padding: 1rem .75rem; }
  .gua-book-card img { width: 120px; height: 175px; }
}
@media (max-width: 400px) {
  .gua-book-card img { width: 100px; height: 146px; }
}

/* ─── Author banner ──────────────────────────────── */
.gua-author-banner {
  background: transparent;
  border: none !important;
  border-radius: 0;
  padding: 1.5rem 2rem;
  display: block;
  overflow: hidden;
}
.gua-author-banner-photo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center 15%;
  flex-shrink: 0;
  box-shadow: 0 2px 10px rgba(44,36,23,.12);
  border: 2px solid #fff;
}
.gua-author-banner-info {
  flex: 1;
  min-width: 0;
}
.gua-author-banner-name {
  font-family: Georgia, "Times New Roman", serif;
  font-size: .95rem;
  font-weight: 600;
  color: #2c2417;
  margin-bottom: .3rem;
}
.gua-author-banner-bio {
  font-size: .78rem;
  line-height: 1.5;
  color: rgba(44,36,23,.5);
  margin-bottom: .6rem;
}
.gua-author-banner-btn {
  display: inline-block;
  clear: both;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: .72rem;
  font-weight: 500;
  letter-spacing: .03em;
  color: #2c4a7c !important;
  background: transparent;
  border: 1px solid rgba(44,74,124,.2);
  border-radius: 6px;
  padding: .45rem 1rem;
  text-decoration: none !important;
  transition: all .2s;
  margin-top: .5rem;
}
.gua-author-banner-btn:hover {
  color: #fff !important;
  background: #2c4a7c;
  border-color: #2c4a7c;
}
/* ─── Homepage book promo ────────────────────────── */
.gua-home-promo {
  padding: 0;
  margin-top: -.5rem;
  margin-bottom: .5rem;
}
.gua-promo-row {
  display: flex !important;
  flex-direction: row !important;
  gap: 0 !important;
  background: linear-gradient(135deg, #faf7f2 0%, #f5f0e8 100%) !important;
  border: 1px solid rgba(80,60,30,.06) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  align-items: stretch !important;
}
.gua-promo-row > #mod-custom149,
.gua-promo-row > #mod-custom156 { flex: 1 1 60%; }
.gua-promo-row > #mod-custom150,
.gua-promo-row > #mod-custom157 { flex: 0 0 35%; border-left: 1px solid rgba(80,60,30,.06); display: flex; align-items: center; }
/* Bishop promo — flex column, buttons at bottom aligned with book buttons */
.gua-promo-bishop {
    display: flex !important;
    flex-direction: column !important;
}
.gua-promo-bishop-btns {
    display: flex;
    gap: .5rem;
    margin-top: auto;
}
@media (max-width: 768px) {
    .gua-promo-bishop-btns { margin-top: .65rem; }
}
/* Hide bishop on tablet — too cramped. Show on phone (stacked) and desktop */
@media (min-width: 601px) and (max-width: 1024px) {
    .gua-promo-bishop { display: none !important; }
    .mmst-book-promo .gua-promo-row > div:first-child { flex: 1 1 100% !important; }
}
.gua-author-link {
    flex: 1;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-size: .7rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: .03em !important;
    padding: .5rem .75rem !important;
    border-radius: 6px !important;
    border: 1px solid rgba(44,74,124,.2) !important;
    color: #2c4a7c !important;
    text-decoration: none !important;
    white-space: nowrap;
    text-align: center;
    transition: all .2s;
}
.gua-author-link:hover {
    background: rgba(44,74,124,.06) !important;
    border-color: rgba(44,74,124,.35) !important;
}
.gua-promo-row > * { margin: 0 !important; }
@media (max-width: 768px) {
  .gua-promo-row { flex-direction: column !important; gap: 0 !important; }
  .gua-promo-row > #mod-custom149,
  .gua-promo-row > #mod-custom156 { flex: none !important; }
  .gua-promo-row > #mod-custom150,
  .gua-promo-row > #mod-custom157 { flex: none !important; border-left: none !important; border-top: 1px solid rgba(80,60,30,.06); }
  .gua-author-banner { padding: 1rem 2.25rem 1rem !important; }
  .gua-author-banner-photo { width: 64px; height: 64px; }
  .gua-author-banner-name { font-size: .9rem; }
  .gua-author-banner-bio { font-size: .75rem; }
}
.gua-home-promo .gua-featured-book {
  flex: 1;
  margin-bottom: 0;
  background: transparent;
  border: none;
  border-radius: 0;
}
.gua-author-card {
  flex: 0 0 220px;
  background: #fff;
  border: 1px solid rgba(80,60,30,.06);
  border-radius: 12px;
  padding: 1.5rem 1.25rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gua-author-photo {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center 15%;
  margin-bottom: .75rem;
  box-shadow: 0 2px 10px rgba(44,36,23,.1);
}
.gua-author-name {
  font-family: Georgia, "Times New Roman", serif;
  font-size: .95rem;
  font-weight: 600;
  color: #2c2417;
  margin-bottom: .5rem;
}
.gua-author-bio {
  font-size: .75rem;
  line-height: 1.5;
  color: rgba(44,36,23,.5);
  margin-bottom: .75rem;
}
.gua-author-link {
  font-size: .7rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #2c4a7c !important;
  text-decoration: none !important;
  margin-top: auto;
}
.gua-author-link:hover {
  text-decoration: none !important;
}
@media (max-width: 768px) {
  .gua-promo-row { flex-direction: column; gap: .75rem; }
  .gua-author-card {
    flex: none;
    flex-direction: column;
    gap: 0;
    text-align: center;
    padding: 1rem 1.25rem;
    align-items: center;
    background: rgba(44,36,23,.02);
    border: none;
  }
  .gua-author-photo { width: 56px; height: 56px; margin-bottom: .4rem; flex-shrink: 0; }
  .gua-author-name { font-size: .82rem; margin-bottom: .25rem; }
  .gua-author-bio { font-size: .7rem; margin-bottom: .4rem; line-height: 1.4; color: rgba(44,36,23,.45); }
  .gua-author-link { font-size: .65rem; margin-top: .15rem; }
  .gua-featured-book { flex-direction: column; text-align: center; padding: 1.25rem; gap: 1rem; border-radius: 0 !important; align-items: center !important; }
  .gua-featured-book-info { text-align: center !important; }
  .gua-featured-book-img img { width: 160px; }
  .gua-featured-title { font-size: 1.1rem !important; }
  .gua-featured-desc { max-width: none; }
  .gua-featured-actions { justify-content: center !important; flex-direction: column !important; align-items: center !important; }
  .gua-featured-btn { width: 80% !important; max-width: 280px !important; text-align: center !important; }
}

/* ─── Hide bookstore bar on bookstore page ───────── */
body.itemid-157 .gua-inner-bar { display: none; }

/* ─── Back to top ────────────────────────────────── */
.taid-back-top {
  background: #fffdf9 !important;
  border: 1.25px solid rgba(80,60,30,.12) !important;
  border-radius: 3px !important;
  color: rgba(44,36,23,.48) !important;
}
.taid-back-top:hover {
  color: #2c4a7c !important;
  border-color: rgba(44,74,124,.25) !important;
}

/* ─── Store cards (big) ──────────────────────────── */
.gua-store-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}
.gua-store-card {
  background: #fff;
  border: 1px solid rgba(80,60,30,.06);
  border-radius: 14px;
  overflow: hidden;
  transition: transform .25s, box-shadow .25s;
  display: flex;
  flex-direction: column;
  position: relative;
}
.gua-store-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(44,36,23,.1);
}
.gua-store-card > a {
  display: block;
  background: linear-gradient(135deg, #f5f0e8 0%, #ede6d8 100%);
  padding: 2rem;
  text-align: center;
}
.gua-store-card img {
  height: 300px !important;
  width: auto !important;
  max-width: 100%;
  object-fit: contain;
  margin: 0 auto;
  display: block;
  border-radius: 4px;
  box-shadow: 0 4px 16px rgba(44,36,23,.15);
  transition: transform .25s;
}
.gua-store-card:hover img { transform: scale(1.03); }
.gua-store-badge {
  position: absolute;
  top: .75rem;
  right: .75rem;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #fff;
  background: #c0392b;
  padding: .35rem .9rem;
  border-radius: 4px;
  z-index: 1;
  box-shadow: 0 2px 8px rgba(192,57,43,.3);
}
.gua-store-info {
  padding: 1.25rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.gua-store-info h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.05rem;
  font-weight: 600;
  color: #2c2417;
  margin-bottom: .35rem;
}
.gua-store-info p {
  font-size: .82rem;
  color: rgba(44,36,23,.5);
  line-height: 1.4;
  margin-bottom: auto;
  padding-bottom: .75rem;
}
.gua-store-btns {
  display: flex;
  gap: .5rem;
}
.gua-store-btn {
  flex: 1;
  text-align: center;
  font-size: .7rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .03em;
  padding: .5rem .75rem;
  border-radius: 6px;
  text-decoration: none !important;
  transition: all .2s;
  color: #fff !important;
  background: #2c4a7c;
  border: 1px solid #2c4a7c;
}
.gua-store-btn:hover { background: #3a5e96; }
.gua-store-btn--ghost {
  color: #2c4a7c !important;
  background: transparent;
  border-color: rgba(44,74,124,.2);
}
.gua-store-btn--ghost:hover {
  color: #fff !important;
  background: #2c4a7c;
  border-color: #2c4a7c;
}
@media (max-width: 600px) {
  .gua-store-grid { grid-template-columns: 1fr; }
  .gua-store-card img { height: 250px !important; }
  .mmst-modal-box div[style*="display:flex"] { flex-direction: column !important; }
  .mmst-modal-box .gua-store-btn { width: 100%; }
}

/* ─── Helix-style positions (Mark Grenon page) ──── */
.gua-markheader {
  margin-bottom: 1.5rem;
  text-align: center;
}
.gua-markheader img,
.gua-toprow-col img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  margin: .75rem 0;
}
.gua-markheader iframe {
  border-radius: 6px;
  margin-bottom: 1rem;
}
.gua-toprow {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.gua-toprow-col {
  min-width: 0;
}
/* Module chrome for Mark Grenon page */
.gua-markheader .moduletable,
.gua-toprow-col .moduletable {
  background: #fff;
  border: 1px solid rgba(80,60,30,.06);
  border-radius: 12px;
  padding: 1.5rem;
  margin-bottom: 1.25rem;
  box-shadow: 0 1px 4px rgba(44,36,23,.03);
  overflow: hidden;
}
.gua-markheader .moduletable > h3,
.gua-toprow-col .moduletable > h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: .88rem;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, #2c4a7c, #3a5e96);
  padding: .6rem 1rem;
  margin: -1.5rem -1.5rem 1rem;
  letter-spacing: .02em;
}
.gua-markheader .moduletable > h3 {
  font-size: 1.15rem;
  text-align: center;
  padding: .75rem 1rem;
}
.gua-markheader .gua-featured-book {
  padding: 2rem 2.5rem;
}
.gua-markheader .gua-featured-book-img img {
  width: 250px !important;
  height: auto !important;
}
.gua-markheader .gua-featured-title {
  font-size: 1.4rem !important;
}
.gua-markheader .gua-featured-subtitle {
  font-size: 1rem;
}
.gua-markheader .gua-featured-btn {
  font-size: .82rem;
  padding: .6rem 1.5rem;
}
/* Module title headers (Helix chrome) */
.headermod {
  font-family: Georgia, "Times New Roman", serif;
  font-size: .88rem;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, #2c4a7c, #3a5e96);
  padding: .65rem 1.25rem;
  margin: -1.5rem -1.5rem 1rem;
}
.topheadermod {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.15rem;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, #2c4a7c, #3a5e96);
  text-align: center;
  padding: .75rem 1.25rem;
  margin: -1.5rem -1.5rem 1rem;
}
/* Video cards in markheader */
.gua-vid-card {
  background: #fff;
  border: 1px solid rgba(80,60,30,.06);
  border-radius: 8px;
  overflow: hidden;
}
.gua-vid-label {
  font-size: .72rem;
  font-weight: 600;
  color: #2c2417;
  padding: .5rem .6rem .35rem;
  line-height: 1.3;
  height: 3.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.gua-vid-card iframe {
  display: block;
}

.gua-toprow-col .mod-custom iframe {
  border: 1px solid rgba(80,60,30,.06);
  border-radius: 6px;
  margin-bottom: .5rem;
}
.gua-toprow-col iframe {
  width: 100%;
  border-radius: 4px;
  margin-bottom: .5rem;
}
.gua-toprow-col p {
  margin-bottom: .3rem;
}
.gua-toprow-col img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 4px;
}
.gua-toprow-col ul {
  padding-left: 1.2rem;
  font-size: .82rem;
  line-height: 1.6;
}
.gua-toprow-col li {
  margin-bottom: .4rem;
}
.gua-toprow-col a:not(.gua-mark-book-btn) {
  word-break: break-all;
  color: #2c4a7c !important;
}
.gua-toprow-col a:not(.gua-mark-book-btn):hover {
  color: #1e3660 !important;
  text-decoration: underline !important;
}
.gua-toprow-col .mod-custom p,
.gua-toprow-col .mod-custom li {
  font-size: .85rem;
  line-height: 1.55;
}
/* ─── Mark books grid (module 127) ──────────── */
.gua-mark-books {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: .75rem;
  margin-bottom: .75rem;
}
.gua-mark-book-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: .3rem;
  font-size: .75rem;
}
.gua-mark-book-item img {
  width: 100%;
  max-width: 120px;
  height: auto;
  border-radius: 4px;
  margin: 0 !important;
  box-shadow: 0 2px 6px rgba(44,36,23,.1);
  transition: transform .2s;
}
.gua-mark-book-item img:hover { transform: scale(1.03); }
.gua-mark-book-btn {
  display: inline-block;
  font-size: .68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #fff !important;
  background: #2c4a7c;
  border-radius: 4px;
  padding: .25rem .75rem;
  text-decoration: none !important;
  transition: background .2s;
  margin-top: auto;
}
.gua-mark-book-btn:hover { background: #1e3660; color: #fff !important; }
@media (max-width: 480px) {
  .gua-mark-books { grid-template-columns: repeat(3, 1fr); }
}

/* ─── Biblical Evidence full-width section ────── */
.gua-toprow-full {
  margin-top: 1.5rem;
}
.gua-toprow-full .moduletable {
  background: #fff;
  border: 1px solid rgba(80,60,30,.06);
  border-radius: 10px;
  padding: 1.5rem;
  box-shadow: 0 1px 4px rgba(44,36,23,.03);
}
.gua-toprow-full .moduletable > h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.15rem;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, #2c4a7c, #3a5e96);
  text-align: center;
  padding: .75rem 1.25rem;
  margin: -1.5rem -1.5rem 1.25rem;
  border-radius: 10px 10px 0 0;
}
.gua-evidence-top {
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(80,60,30,.06);
}
.gua-evidence-top p { margin-bottom: .5rem; font-size: .88rem; }
.gua-evidence-top a { color: #2c4a7c !important; }
.gua-evidence-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.gua-evidence-card {
  background: linear-gradient(135deg, #faf7f2, #f5f0e8);
  border: 1px solid rgba(80,60,30,.06);
  border-radius: 8px;
  padding: 1rem 1.25rem;
}
.gua-evidence-card h4 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: .95rem;
  font-weight: 700;
  color: #2c4a7c;
  margin: 0 0 .6rem;
  padding-bottom: .4rem;
  border-bottom: 2px solid rgba(44,74,124,.15);
}
.gua-evidence-card ul {
  padding-left: 1rem;
  margin: 0;
  list-style: disc;
}
.gua-evidence-card li {
  font-size: .78rem;
  line-height: 1.5;
  margin-bottom: .3rem;
}
.gua-evidence-card a { color: #2c4a7c !important; }
.gua-evidence-card a:hover { text-decoration: underline !important; }
.gua-evidence-card p { font-size: .82rem; margin-bottom: .3rem; }
@media (max-width: 768px) {
  .gua-evidence-grid { grid-template-columns: 1fr; }
}

@media (max-width: 992px) {
  .gua-toprow { grid-template-columns: 1fr; }
}

/* ─── G2Voice archive cards ──────────────────────── */
.gua-g2v-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
}
.gua-g2v-ep {
  background: #fff;
  border: 1px solid rgba(80,60,30,.06);
  border-radius: 10px;
  overflow: hidden;
  transition: transform .2s, box-shadow .2s;
  display: flex;
  flex-direction: column;
}
.gua-g2v-ep:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(44,36,23,.08);
}
.gua-g2v-ep-link {
  text-decoration: none !important;
  color: inherit !important;
  display: block;
}
.gua-g2v-ep-img {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16/10;
  background: #f5f0e8;
}
.gua-g2v-ep-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity .2s;
}
.gua-g2v-ep:hover .gua-g2v-ep-img img { opacity: 1; }
.gua-g2v-ep-badge {
  position: absolute;
  bottom: .5rem;
  left: .5rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: .7rem;
  font-weight: 700;
  color: #fff;
  background: rgba(44,74,124,.85);
  padding: .2rem .6rem;
  border-radius: 4px;
}
.gua-g2v-ep-date {
  display: block;
  font-size: .68rem;
  color: rgba(44,36,23,.4);
  padding: .25rem .75rem 0;
  font-weight: 500;
  letter-spacing: .02em;
}
.gua-g2v-ep-topic {
  font-size: .72rem;
  line-height: 1.35;
  color: rgba(44,36,23,.6);
  padding: .6rem .75rem .4rem;
  display: -webkit-box;
  min-height: 3.5em;
}
.gua-g2v-ep:hover .gua-g2v-ep-topic { color: #2c2417; }
.gua-g2v-ep-actions {
  display: flex;
  gap: 0;
  margin-top: auto;
  border-top: 1px solid rgba(80,60,30,.05);
}
.gua-g2v-ep-btn {
  flex: 1;
  text-align: center;
  font-size: .62rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: .5rem;
  text-decoration: none !important;
  transition: all .2s;
}
.gua-g2v-ep-btn--dl {
  color: rgba(44,36,23,.55) !important;
  border-right: 1px solid rgba(80,60,30,.05);
}
.gua-g2v-ep-btn--dl:hover { color: #fff !important; background: #2c4a7c; }
.gua-g2v-ep-btn--play {
  color: #2c4a7c !important;
  font-weight: 600;
}
.gua-g2v-ep-btn--play:hover { color: #fff !important; background: #2c4a7c; }
@media (max-width: 480px) {
  .gua-g2v-cards { grid-template-columns: repeat(2, 1fr); gap: .75rem; }
  .gua-g2v-ep-badge { font-size: .6rem; }
  .gua-g2v-ep-topic { font-size: .65rem; }
}

/* ─── G2Voice MP3 player buttons ─────────────────── */
.com-content-article__body > div[style*="margin-top:0"] > div[style*="display:flex"] {
  flex-wrap: wrap;
  gap: .5rem;
}

/* ─── G2Voice MP3 player ─────────────────────────── */
.com-content-article__body audio {
  border-radius: 6px;
}
.com-content-article__body audio::-webkit-media-controls-panel {
  background: #f5f0e8;
}


/* ─── Content-top welcome card + title fix ───────── */
.taid-component-panel h1,
.taid-component-panel .page-header h1,
.view-article .taid-component-panel .page-header h1 { margin-top: 0 !important; }
.gua-content-top {
  background: #fff;
  border: 1px solid rgba(80,60,30,.06);
  border-radius: 10px;
  padding: 1.25rem 1.25rem .25rem;
  margin-bottom: 1rem;
  overflow: hidden;
}
.gua-content-top h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1rem;
  font-weight: 600;
  color: #2c2417;
  margin-bottom: .75rem;
}

/* ─── Bottom promo — matches homepage top promo ──── */

/* ─── Responsive iframes in article body + modules ── */
.com-content-article__body iframe,
.gua-content-top iframe,
.mod-custom iframe {
  width: 100% !important;
  aspect-ratio: 16/9;
  height: auto !important;
  border-radius: 8px;
}

/* ─── Scrollbar ──────────────────────────────────── */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f5f0e8; }
::-webkit-scrollbar-thumb { background: rgba(44,36,23,.25); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: rgba(44,36,23,.4); }
html { scrollbar-width: auto; scrollbar-color: rgba(44,36,23,.25) #f5f0e8; }

/* ─── Footer ─────────────────────────────────────── */
.taid-footer {
  background-color: #f5f0e8 !important;
  background-image: linear-gradient(90deg, transparent 5%, rgba(44,36,23,.1) 35%, rgba(44,36,23,.1) 65%, transparent 95%) !important;
  background-size: 100% 1px !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
  border-top: none !important;
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
  opacity: 1 !important;
  transform: none !important;
}
.taid-footer a { color: #2c4a7c !important; }
.taid-footer-logo {
  background: linear-gradient(90deg, #2c4a7c, #15a815) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.taid-footer-logo:hover {
  background: linear-gradient(90deg, #3a5e96, #1cc01c) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.taid-footer-copy { text-transform: uppercase !important; letter-spacing: .2em !important; font-size: .7rem !important; font-weight: 700 !important; font-family: var(--font-display) !important; color: var(--muted) !important; }

/* ─── Page-specific overrides ────────────────────── */
body.itemid-129 .mmst-related { display: none !important; }

/* ─── Mobile submit button (hidden on desktop) ──── */
.mmst-mobile-submit { display: none; }

/* ─── Mobile ─────────────────────────────────────── */
@media (max-width: 1024px) {
  .taid-content-wrap,
  .taid-content-wrap--sidebar,
  .taid-content-wrap--sidebar-left,
  .taid-content-wrap--sidebar-left.taid-content-wrap--sidebar,
  [class*="taid-content-wrap--sidebar"] {
    display: flex !important;
    flex-direction: column !important;
  }
  .taid-content-primary { order: -1 !important; width: 100% !important; }
  .taid-sidebar { margin-top: 2rem; margin-bottom: 2rem; order: 2 !important; width: 100% !important; position: static !important; }
  .taid-sidebar--left { order: 2 !important; width: 100% !important; }
  body.itemid-101 .taid-sidebar--left { display: none !important; }
  /* G2Voice episode buttons — stack and center on mobile */
  .com-content-article__body > div[style*="margin-top:0"] > div[style*="display:flex"] {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
  }
  .com-content-article__body > div[style*="margin-top:0"] > div[style*="display:flex"] > span {
    text-align: center;
    margin-bottom: .25rem;
  }
  .com-content-article__body > div[style*="margin-top:0"] > div[style*="display:flex"] > a {
    text-align: center !important;
  }
}
@media (max-width: 768px) {
  .taid-footer-bottom { flex-direction: column !important; align-items: center !important; text-align: center !important; padding-bottom: 1.5rem !important; }
  /* Mark Grenon page video grid — stack on mobile */
  .gua-markheader div[style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  .gua-vid-card iframe { min-height: 200px; }
  .taid-hero { min-height: 40vh !important; }
  .taid-hero-inner { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; text-align: center !important; }
  .taid-hero-title { text-align: center !important; }
  .taid-hero-title img,
  .taid-hero-title a img { max-height: 130px !important; margin: 0 auto !important; display: block !important; }
  .taid-hero-subtitle { font-size: 1rem !important; text-align: center !important; margin-bottom: .15rem !important; }
  .taid-hero-subtitle + p { font-size: .78rem !important; margin-bottom: .5rem !important; }
  .taid-hero-actions { display: none !important; }
  body.itemid-101 .taid-logo-text { display: none !important; }
  .taid-menu .mod-menu > li > a { font-size: .85rem !important; padding: .45rem 1rem !important; }

  /* Stats — hide bullet separators on mobile */
  .mmst-stat-sep { display: none !important; }
  .mmst-stats {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: .15rem .75rem !important;
  }

  /* Mobile promo polish */
  .gua-home-promo { padding: 0; margin-bottom: .5rem; }
  .gua-featured-book--home { border-radius: 12px; }
  .gua-featured-book--home .gua-featured-book-img { text-align: center; }
  .gua-featured-book--home .gua-featured-book-img img { width: 220px; border-radius: 6px; }
  .gua-featured-book--home .gua-featured-label { font-size: .58rem; padding: .2rem .6rem; margin-bottom: .5rem; display: block; text-align: center; width: fit-content; margin-left: auto; margin-right: auto; }
  .gua-featured-book--home .gua-featured-title { font-size: 1.15rem !important; margin-bottom: .2rem; }
  .gua-featured-book--home .gua-featured-subtitle { font-size: .82rem; }
  .gua-featured-book--home .gua-featured-author { font-size: .78rem; margin-bottom: .75rem; }
  .gua-featured-book--home .gua-featured-actions { gap: .5rem; flex-direction: column; align-items: stretch; justify-content: flex-start; }
  .gua-featured-book--home .gua-featured-btn { font-size: .75rem; padding: .65rem 1.1rem; text-align: center; border-radius: 6px; }
}

/* ─── MMST nav right-align ───────────────────────── */
.taid-menu .mod-menu { margin-left: auto !important; }

/* ─── MMST sticky footer ─────────────────────────── */
body.taid-site {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
}
.taid-main {
    flex: 1 !important;
}

/* ─── MMST overrides ─────────────────────────────── */
.taid-hero { display: none !important; }
.gua-inner-bar { display: none !important; }
.gua-home-promo { display: none !important; }

/* ─── MMST Homepage — hide category list and breadcrumbs ── */
body.itemid-103 .com-content-category { display: none !important; }
/* Hide breadcrumbs everywhere */
.taid-breadcrumbs { display: none !important; }

/* Fix search input border clipping inside gua-content-top */
body.itemid-103 .gua-content-top { overflow: visible !important; }

/* Hide A-Z module on article pages and non-home category pages */
body.view-article .gua-content-top { display: none !important; }
body.view-category:not(.itemid-103) .gua-content-top { display: none !important; }

/* ─── MMST Article page styling ──────────────── */
body.view-article .taid-content-wrap--sidebar { grid-template-columns: 1fr !important; }
body.view-article .taid-content-primary {
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: 100% !important;
  width: 100% !important;
}
body.view-article .taid-content-primary > * {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}
body.view-article .taid-sidebar { display: none !important; }
body.view-article .article-info { display: block !important; font-size: .8rem; margin-bottom: 1rem; }
body.view-article .article-info dt { display: none; }
body.view-article .article-info dd { display: inline-block; margin-right: 1rem; }
body.view-article .com-content-article h1 {
  font-size: 1.4rem !important;
  margin-bottom: .5rem !important;
  color: #2c2417 !important;
}
body.view-article .com-content-article__body {
  font-size: .95rem;
  line-height: 1.7;
  color: rgba(44,36,23,.8);
}
@media (min-width: 769px) {
  body.view-article .com-content-article__body { padding: 0 0.9%; }
}
body.view-article .com-content-article__body p { margin-bottom: 1rem; }
body.view-article .com-content-article__body > p:first-child {
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  margin-bottom: 1rem !important;
}

/* Related testimonials section */
.mmst-related {
    margin-top: 2.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(44,36,23,.08);
}
.mmst-related-filters {
    display: flex; gap: .4rem; margin-bottom: .75rem; flex-wrap: wrap;
}
.mmst-rel-filter {
    background: rgba(44,36,23,.04); border: 1px solid rgba(44,36,23,.08); border-radius: 4px;
    padding: .2rem .6rem; font-size: .72rem; font-weight: 600; color: rgba(44,36,23,.5);
    cursor: pointer; letter-spacing: .04em; transition: all .15s;
}
.mmst-rel-filter:hover { background: rgba(44,36,23,.08); color: rgba(44,36,23,.7); }
.mmst-rel-filter.is-active { background: rgba(44,74,124,.12); color: #2c4a7c; border-color: rgba(44,74,124,.25); }
.mmst-rel-filter[data-filter="video"]::before,
.mmst-rel-filter[data-filter="written"]::before,
.mmst-rel-filter[data-filter="photos"]::before {
    content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: .3rem; vertical-align: middle;
}
.mmst-rel-filter[data-filter="video"]::before { background: #b48c32; }
.mmst-rel-filter[data-filter="written"]::before { background: #3d5a8a; }
.mmst-rel-filter[data-filter="photos"]::before { background: #2e8b57; }
.mmst-related-title {
    font-size: 1.2rem !important;
    font-weight: 700;
    color: #2c4a7c;
    margin-bottom: 1rem !important;
    margin-top: 0 !important;
}

/* Show article tags as clickable pills */
body.view-article .com-content-article__tags {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(44,36,23,.08);
}
body.view-article .com-content-article__tags .tags a {
  display: inline-block;
  padding: .25rem .65rem;
  margin: .2rem;
  background: rgba(44,74,124,.06);
  color: #2c4a7c !important;
  border-radius: 4px;
  font-size: .8rem;
  text-decoration: none;
  text-transform: capitalize;
}
body.view-article .com-content-article__tags .tags a:hover {
  background: rgba(44,74,124,.12);
}

/* ─── MMST Header/Logo ─────────────────────────── */
.taid-logo-text { font-size: 1.1rem !important; }

/* ─── MMST Video articles ─────────────────────── */
.video-embed { margin: 1.5em 0; }
.video-embed iframe { border-radius: 10px; }
.video-player {
  position: relative;
  margin: 1em 0;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  aspect-ratio: 16/9;
  max-width: 600px;
  background: #111;
}
.video-player video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 10px;
  display: none;
}
.video-player.is-playing video {
  display: block;
}

/* Custom poster overlay */
.video-player__poster {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 2;
}
.video-player__poster img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  object-fit: cover !important;
  cursor: pointer !important;
}
.video-player__play {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 64px; height: 64px;
  border-radius: 50%;
  background: rgba(44,74,124,.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  transition: background .15s, transform .15s;
}
.video-player:hover .video-player__play {
  background: rgba(44,74,124,.95);
  transform: translate(-50%, -50%) scale(1.08);
}
.video-player.is-playing .video-player__poster,
.video-player.is-playing .video-player__play {
  display: none;
}

.video-actions { margin: 0.75em 0 1.5em; }
.video-actions a {
  display: inline-block;
  padding: 8px 16px;
  text-decoration: none;
  border-radius: 6px;
  margin: 4px;
  font-size: .85rem;
  font-weight: 500;
  transition: opacity .15s;
}
.video-actions a:hover { opacity: .85; }

/* ─── MMST Testimonial stars ─────────────────── */
.testimonial-stars {
  color: #f5a623 !important;
  font-size: 1.5em !important;
  margin: 0.5em 0 !important;
}

/* ─── MMST Before & After warning box ────────── */
.com-content-article__body div[style*="border:1px solid rgba(180,60,60"] {
  border-radius: 8px;
  margin-bottom: 1.5rem;
}

/* ─── MMST Testimonial Card Grid ─────────────── */
.mmst-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.gua-vt-card {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    aspect-ratio: 16/9;
    background: #1a1a24;
    transition: transform .15s, box-shadow .15s;
}
.gua-vt-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,.15);
}

.gua-vt-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Play button overlay — video cards only */
.gua-vt-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(44,74,124,.45);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s, transform .15s;
    z-index: 2;
    cursor: pointer;
}
.gua-vt-card:hover .gua-vt-play {
    background: rgba(44,74,124,.65);
    transform: translate(-50%, -50%) scale(1.05);
}
.gua-vt-play:hover {
    background: rgba(44,74,124,.85) !important;
    transform: translate(-50%, -50%) scale(1.15) !important;
    box-shadow: 0 2px 12px rgba(44,74,124,.4);
}

/* Info overlay at bottom */
.gua-vt-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2.5rem .85rem .65rem;
    background: linear-gradient(transparent 0%, rgba(0,0,0,.55) 35%, rgba(0,0,0,.85) 100%);
    display: flex;
    flex-direction: column;
    gap: .2rem;
    z-index: 1;
}

/* Written testimonial — document icon (same position as play button) */
.gua-vt-read {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(44,74,124,.35);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s, transform .15s;
    z-index: 2;
    pointer-events: none;
}
.gua-vt-card:hover .gua-vt-read {
    background: rgba(44,74,124,.6);
    transform: translate(-50%, -50%) scale(1.08);
}

/* Type badge (Video/Written) — bottom with tags */
.gua-vt-badge {
    display: inline-block;
    width: fit-content;
    font-size: .55rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    padding: .12rem .45rem;
    border-radius: 3px;
    color: #fff;
    order: 10; /* push below title */
}
.gua-vt-card--video .gua-vt-badge {
    background: rgba(180,140,50,.7);
}
.gua-vt-card--written .gua-vt-badge {
    background: rgba(100,120,160,.6);
}

/* Hide category badge on tag pages — the tag IS the context */
/* category badge visible on all pages */

/* Category badge — top left, dark glass + colored left border */
.gua-vt-category {
    position: absolute;
    top: .6rem;
    left: .6rem;
    z-index: 3;
    font-size: .58rem;
    font-weight: 800;
    text-transform: capitalize;
    letter-spacing: .06em;
    padding: .22rem .55rem .22rem .5rem;
    border-radius: 3px;
    background: rgba(0,0,0,.55);
    border-left: 3px solid var(--cat-accent, rgba(255,255,255,.5));
    text-decoration: none !important;
    color: rgba(255,255,255,.9) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.4);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    max-width: calc(100% - 5rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Type label — top right, frosted dark glass */
.gua-vt-type-label {
    position: absolute;
    top: .6rem;
    right: .6rem;
    z-index: 3;
    font-size: .58rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
    padding: .22rem .55rem;
    border-radius: 3px;
    color: rgba(255,255,255,.85);
    text-shadow: 0 1px 2px rgba(0,0,0,.3);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.gua-vt-card--video .gua-vt-type-label {
    background: rgba(120,90,30,.65);
}
.gua-vt-card--written .gua-vt-type-label {
    background: rgba(44,74,124,.6);
}

.gua-vt-title {
    color: #fff;
    font-size: .88rem;
    font-weight: 700;
    line-height: 1.35;
    text-shadow: 0 1px 4px rgba(0,0,0,.7), 0 0 12px rgba(0,0,0,.4);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Tag badges on cards */
.gua-vt-tags {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    margin-top: .25rem;
}
.gua-vt-tag {
    display: inline-block;
    padding: .1rem .4rem;
    font-size: .55rem;
    font-weight: 600;
    text-transform: capitalize;
    background: rgba(255,255,255,.15);
    color: rgba(255,255,255,.85) !important;
    border-radius: 3px;
    text-decoration: none !important;
    backdrop-filter: blur(4px);
    transition: background .15s;
}
.gua-vt-tag:hover {
    background: rgba(255,255,255,.3);
    color: #fff !important;
}

/* Filter bar (Videos / Written / All) */
.mmst-filter-bar {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    gap: .5rem;
    margin-bottom: 1.25rem;
}
.mmst-filter-btn {
    padding: .4rem 1.2rem;
    border: 1px solid rgba(44,36,23,.12);
    border-radius: 6px;
    background: transparent;
    color: rgba(44,36,23,.6);
    font-size: .82rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .15s;
}
.mmst-filter-btn:hover {
    border-color: #2c4a7c;
    color: #2c4a7c;
}
.mmst-filter-btn.is-active {
    background: #2c4a7c;
    color: #fff;
    border-color: #2c4a7c;
}

/* When video is playing inline */
.gua-vt-card.is-playing {
    aspect-ratio: 16/9;
}
.gua-vt-card.is-playing .gua-vt-thumb,
.gua-vt-card.is-playing .gua-vt-play,
.gua-vt-card.is-playing .gua-vt-read,
.gua-vt-card.is-playing .gua-vt-info,
.gua-vt-card.is-playing .gua-vt-category,
.gua-vt-card.is-playing .gua-vt-type-label {
    display: none;
}
.gua-vt-card.is-playing iframe {
    width: 100%;
    height: 100%;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
}

/* Close button on playing cards */
.gua-vt-close {
    position: absolute;
    top: .4rem;
    right: .4rem;
    z-index: 10;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: none;
    background: rgba(0,0,0,.6);
    color: #fff;
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s;
}
.gua-vt-close:hover {
    background: rgba(0,0,0,.85);
}

/* Pagination styling */
.mmst-pagination {
    margin-top: 1.5rem;
    text-align: center;
}
.mmst-pagination .pagination {
    justify-content: center;
}

/* Tag page title */
.mmst-tag-page-title {
    font-size: 1.6rem !important;
    font-weight: 700;
    color: #2c4a7c;
    margin-bottom: 1.25rem !important;
    margin-top: 0 !important;
}

@media (max-width: 768px) {
    .mmst-card-grid {
        grid-template-columns: 1fr;
    }
}

/* ─── MMST Tags list page (Conditions A-Z) ───── */
.com-tags .com-tags__category { list-style: none !important; padding-left: 0 !important; margin-bottom: 0 !important; }
.com-tags .list-group-item { padding: 0 !important; border-bottom: 1px solid rgba(44,36,23,.06) !important; }
.com-tags .list-group-item h3 a { text-transform: capitalize !important; }
.com-tags .com-tags-tags__filter { display: none !important; }
.com-tags .btn-group.float-end { display: none !important; }

/* ─── MMST Single tag page (e.g. /tags/cancer) ── */
.com-tags-tag .com-tags-tag__items { list-style: none !important; padding-left: 0 !important; }
.com-tags-tag .list-group-item { padding: .75rem 0 !important; border-bottom: 1px solid rgba(44,36,23,.06) !important; }
.com-tags-tag .list-group-item h3 a {
  color: #2c4a7c !important; text-decoration: none !important; font-weight: 500 !important;
  display: block !important; padding: .5rem 0 !important;
}
.com-tags-tag .list-group-item h3 a:hover { text-decoration: underline !important; }
.com-tags-tag .com-tags-tag__filter { display: none !important; }
.com-tags-tag .btn-group.float-end { display: none !important; }

/* ─── MMST Hide sidebar on tag pages and blog pages ── */
body.com_tags .taid-content-wrap--sidebar,
body.view-category .taid-content-wrap--sidebar {
  grid-template-columns: 1fr !important;
}
body.com_tags .taid-sidebar,
body.view-category .taid-sidebar { display: none !important; }

/* ─── MMST Content Search (Smart Search) ─────── */
.mmst-search-intro {
  font-size: .9rem; color: rgba(44,36,23,.55); line-height: 1.6; margin-bottom: 1.25rem;
}
.com-finder #q:focus {
  border-color: #2c4a7c !important;
}
/* Content search page — match Titles search styling */
.com-finder.finder { max-width: 900px; margin: 0 auto; }
.com-finder .form-inline > label { display: none !important; }
.com-finder .input-group { flex-wrap: nowrap !important; gap: .5rem !important; }
.com-finder .input-group .btn-secondary { display: none !important; }
.com-finder #q {
    flex: 1 1 auto !important;
    height: auto !important;
    padding: .75rem 1.25rem !important;
    font-size: 1rem !important;
    border: 2px solid rgba(44,36,23,.15) !important;
    border-radius: 8px !important;
    background: #fffdf9 !important;
}
.com-finder .input-group .btn-primary {
    background: rgba(34,100,100,.12) !important;
    color: #1e5a5a !important;
    border: 1px solid rgba(34,100,100,.25) !important;
    border-radius: 6px !important;
    font-size: .78rem !important;
    font-weight: 600 !important;
    padding: .75rem 1.25rem !important;
    white-space: nowrap !important;
    height: auto !important;
}
.com-finder .result__taxonomy { display: none !important; }
.com-finder .js-finder-advanced { display: none !important; }
.com-finder [data-bs-toggle="collapse"] { display: none !important; }
.com-finder .result__title-url { display: none !important; }
.com-finder .result__description { font-size: .88rem; color: rgba(44,36,23,.65); line-height: 1.6; }
.com-finder .result__title-link { color: #2c4a7c !important; font-weight: 600; }
.com-finder .result__title-link:hover { text-decoration: underline !important; }
.com-finder .result__date { font-size: .78rem; color: rgba(44,36,23,.4); margin-right: .5rem; }
.com-finder .com-finder__results-list { list-style: none; padding-left: 0; }
.com-finder .result__item { padding: .75rem 0; border-bottom: 1px solid rgba(44,36,23,.06); }
.highlight, mark[data-markjs] { background: rgba(44,74,124,.12); color: inherit; padding: .05em .2em; border-radius: 2px; }

/* ─── MMST Blog/Recent page ─────────────────── */
.com-content-category-blog__items { display: grid; grid-template-columns: 1fr; gap: 0; }
.com-content-category-blog__item {
  padding: 1rem 0 !important;
  border-bottom: 1px solid rgba(44,36,23,.06) !important;
  margin: 0 !important;
}
.com-content-category-blog__item h2 { font-size: 1.1rem !important; margin: 0 0 .25rem !important; }
.com-content-category-blog__item h2 a { color: #2c4a7c !important; text-decoration: none !important; }
.com-content-category-blog__item h2 a:hover { text-decoration: underline !important; }
/* Hide sub-categories on blog page */
.com-content-category-blog__children { display: none !important; }
/* Hide the category description */
.com-content-category-blog .category-desc { display: none !important; }

.taid-logo-sub {
  display: block;
  font-size: .63rem;
  font-weight: 400;
  letter-spacing: .09em;
  color: rgba(44,36,23,.45);
  margin-top: .15rem;
}

/* removed: .taid-logo flex-wrap: wrap — molecule image needs nowrap */
.taid-logo-text { width: 100%; }

/* Tags page - 3 columns */
.com-tags .tag-category, .com-tags-tags .tag-list, .com-tags__items {
  column-count: 3 !important;
  column-gap: 2rem;
}
@media (max-width: 768px) {
  .com-tags .tag-category, .com-tags-tags .tag-list, .com-tags__items {
    column-count: 1 !important;
  }
}

/* ClO2 molecule coloring */
/* Logo text colors — harmonized with SVG molecule */
.taid-logo-text .clo2-cl {
  color: #15a815 !important;
  font-weight: 800;
  -webkit-text-fill-color: #15a815 !important;
}
.taid-logo-text .clo2-o {
  color: #cc0a0a !important;
  font-weight: 800;
  -webkit-text-fill-color: #cc0a0a !important;
}
.taid-logo-text .clo2-num {
  color: #cc0a0a !important;
  font-weight: 700;
  font-size: .65em;
  -webkit-text-fill-color: #cc0a0a !important;
}
.taid-logo-text .clo2-rest {
  font-weight: 700;
  color: #3b3127 !important;
  -webkit-text-fill-color: #3b3127 !important;
  background: none !important;
}

/* Filter button dots and colored borders */
.mmst-filter-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: .35rem;
  flex-shrink: 0;
}
.mmst-dot-video { background: #c9a227; }
.mmst-dot-written { background: #4a6fa5; }
.mmst-dot-photos { background: #2e8b57; }
.mmst-dot-all { background: rgba(44,36,23,.35); }

/* Colored borders per filter button */
.mmst-filter-btn[data-filter=video] { border-color: rgba(201,162,39,.35); }
.mmst-filter-btn[data-filter=photos] { border-color: rgba(46,139,87,.3); }
.mmst-filter-btn[data-filter=written] { border-color: rgba(74,111,165,.3); }
.mmst-filter-btn[data-filter=all] { border-color: rgba(44,36,23,.15); }

/* Active states */
.mmst-filter-btn[data-filter=video].is-active { background: #a38520; border-color: #a38520; color: #fff; }
.mmst-filter-btn[data-filter=video].is-active .mmst-dot-video { background: rgba(255,255,255,.5); }
.mmst-filter-btn[data-filter=photos].is-active { background: #2e8b57; border-color: #2e8b57; color: #fff; }
.mmst-filter-btn[data-filter=photos].is-active .mmst-dot-photos { background: rgba(255,255,255,.5); }
.mmst-filter-btn[data-filter=written].is-active { background: #2c4a7c; border-color: #2c4a7c; color: #fff; }
.mmst-filter-btn[data-filter=written].is-active .mmst-dot-written { background: rgba(255,255,255,.5); }
.mmst-filter-btn[data-filter=all].is-active { background: #2c2417; border-color: #2c2417; color: #fff; }
.mmst-filter-btn[data-filter=all].is-active .mmst-dot-all { background: rgba(255,255,255,.4); }

.mmst-tag-desc {
  font-size: .88rem;
  color: rgba(44,36,23,.5);
  margin: -.5rem 0 1.25rem;
  line-height: 1.5;
  max-width: 700px;
}

/* ─── Remove double focus borders on inputs ──────── */
.mmst-field input:focus,
.mmst-field input:active,
.mmst-field textarea:focus,
.mmst-field textarea:active,
.mmst-condition-search:focus,
.mmst-condition-search:active,
.mmst-search-input:focus,
.mmst-search-input:active {
  outline: none !important;
  border-color: rgba(80,60,30,.25) !important;
  box-shadow: none !important;
}

/* ─── Mobile back-to-top position ────────────────── */
@media (max-width: 768px) {
  .taid-back-top {
    bottom: 5rem !important;
    right: .35rem !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 0 !important;
    padding: 0 !important;
    font-size: .6rem !important;
    opacity: .6 !important;
  }
  .taid-back-top:hover { opacity: 1 !important; }
}

/* ─── Mobile sticky search ───────────────────────── */
@media (max-width: 768px) {
  .mmst-search-wrap {
    position: sticky !important;
    top: 56px !important;
    z-index: 50 !important;
    background: #f5f0e8 !important;
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
    padding: .6rem 1.25rem !important;
    box-shadow: 0 3px 10px rgba(44,36,23,.1) !important;
    max-width: none !important;
  }
  .mmst-search-wrap input:focus,
  .mmst-search-wrap input:active {
    outline: none !important;
    border-color: rgba(80,60,30,.2) !important;
    box-shadow: none !important;
  }
}

/* Hide mobile submit button on disclaimer + submit pages */
body.itemid-129 .mmst-mobile-submit,
body.itemid-106 .mmst-mobile-submit { display: none !important; }

/* ─── Date badge on cards (bottom-left, above gradient) ─── */
.gua-vt-date {
    position: absolute;
    bottom: .65rem;
    right: .6rem;
    z-index: 3;
    font-size: .55rem;
    font-weight: 600;
    letter-spacing: .04em;
    padding: .1rem .4rem;
    border-radius: 3px;
    color: rgba(255,255,255,.75);
    background: rgba(0,0,0,.35);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    pointer-events: none;
}

/* ─── Toolbar: filter bar + view toggle ─────────── */
.mmst-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: 1rem;
}
.mmst-toolbar .mmst-filter-bar {
    flex-wrap: wrap;
    margin-bottom: 0;
}
.mmst-view-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    border: 1px solid rgba(44,36,23,.12);
    background: #fffdf9;
    color: rgba(44,36,23,.45);
    cursor: pointer;
    transition: all .15s;
    flex-shrink: 0;
}
.mmst-view-toggle:hover {
    border-color: rgba(44,74,124,.25);
    color: #2c4a7c;
    background: rgba(44,74,124,.04);
}

/* ─── List View ─────────────────────────────────── */
.mmst-card-grid.is-list-view {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.mmst-card-grid.is-list-view .gua-vt-card {
    aspect-ratio: unset;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: auto;
    min-height: 0;
    border-radius: 8px;
    background: #fff;
    border: 1px solid rgba(44,36,23,.06);
    padding: .6rem .85rem;
    gap: .75rem;
    cursor: pointer;
    transition: background .15s, box-shadow .15s;
}
.mmst-card-grid.is-list-view .gua-vt-card:hover {
    transform: none;
    background: rgba(44,74,124,.02);
    box-shadow: 0 2px 8px rgba(44,36,23,.06);
}
.mmst-card-grid.is-list-view .gua-vt-thumb {
    width: 48px;
    height: 48px;
    border-radius: 6px;
    object-fit: cover;
    flex-shrink: 0;
    position: relative;
}
.mmst-card-grid.is-list-view .gua-vt-info {
    position: static;
    background: none;
    padding: 0;
    flex: 1;
    min-width: 0;
}
.mmst-card-grid.is-list-view .gua-vt-title {
    color: #2c2417;
    font-size: .88rem;
    font-weight: 600;
    text-shadow: none;
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.mmst-card-grid.is-list-view .gua-vt-tags {
    margin-top: .3rem;
}
.mmst-card-grid.is-list-view .gua-vt-tag {
    background: rgba(44,74,124,.08);
    color: #2c4a7c !important;
    font-size: .55rem;
    backdrop-filter: none;
}
.mmst-card-grid.is-list-view .gua-vt-tag:hover {
    background: rgba(44,74,124,.16);
}
/* Hide overlaid elements in list view */
.mmst-card-grid.is-list-view .gua-vt-category,
.mmst-card-grid.is-list-view .gua-vt-type-label,
.mmst-card-grid.is-list-view .gua-vt-date {
    display: none;
}
/* Hide thumb overlay icons in list view — badges handle type indication */
.mmst-card-grid.is-list-view .gua-vt-play,
.mmst-card-grid.is-list-view .gua-vt-read,
.mmst-card-grid.is-list-view .gua-vt-play--photos {
    display: none;
}
/* Inline MP4 player in list view */
.mmst-card-grid.is-list-view .mmst-inline-player {
    position: relative !important; inset: auto !important;
    width: 100%; max-height: 200px; border-radius: 6px; margin-top: .5rem;
    flex-basis: 100%;
}
.mmst-card-grid.is-list-view .gua-vt-card:has(.mmst-inline-player) {
    flex-wrap: wrap;
}
/* List view badges — right-aligned group */
.mmst-card-grid.is-list-view .gua-vt-card .mmst-list-badges {
    display: none; /* hidden in grid, shown via JS in list */
}
.mmst-card-grid.is-list-view .mmst-list-badges {
    display: flex !important;
    align-items: center;
    gap: .4rem;
    flex-shrink: 0;
    margin-left: auto;
}
/* Type badge (inline) */
.mmst-list-type {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    font-size: .55rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    padding: .15rem .5rem;
    border-radius: 3px;
    white-space: nowrap;
}
.mmst-list-type--video {
    background: rgba(180,140,50,.12);
    color: #8b6914;
    cursor: pointer;
    transition: background .15s;
}
.mmst-list-type--video:hover {
    background: rgba(180,140,50,.22);
}
/* Platform colors — colored bottom border on icon badges */
.mmst-vp-bitchute { border-bottom: 2px solid #EF4137 !important; border-radius: 3px 3px 0 0 !important; }
.mmst-vp-rumble { border-bottom: 2px solid #71AD34 !important; border-radius: 3px 3px 0 0 !important; }
.mmst-vp-odysee { border-bottom: 2px solid #F02967 !important; border-radius: 3px 3px 0 0 !important; }
.mmst-vp-youtube { border-bottom: 2px solid #FF0033 !important; border-radius: 3px 3px 0 0 !important; }
.mmst-vp-brighteon { border-bottom: 2px solid #1B2E5A !important; border-radius: 3px 3px 0 0 !important; }
.mmst-vp-embed { border-bottom: 2px solid rgba(44,36,23,.2) !important; border-radius: 3px 3px 0 0 !important; }
.mmst-list-type--video svg {
    width: 12px;
    height: 12px;
    fill: currentColor;
}
.mmst-list-type--written {
    background: rgba(44,74,124,.08);
    color: #3d5a8a;
}
/* Photos badge */
.mmst-list-type--photos {
    background: rgba(46,139,87,.1);
    color: #2e8b57;
}
.mmst-list-type--photos svg {
    width: 10px;
    height: 10px;
}
/* Mobile: icon-only badges + 2-line titles */
@media (max-width: 600px) {
    /* (badge text hidden globally below) */
    .mmst-card-grid.is-list-view .mmst-list-type { padding: .2rem .35rem; }
    .mmst-card-grid.is-list-view .mmst-list-type svg { width: 12px; height: 12px; }
    .mmst-card-grid.is-list-view .gua-vt-read { display: none !important; }
    /* Stack badges vertically: icon on top, year below, same width */
    .mmst-card-grid.is-list-view .mmst-list-badges {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: .2rem !important;
        width: 28px !important;
    }
    .mmst-card-grid.is-list-view .mmst-list-type,
    .mmst-card-grid.is-list-view .mmst-list-year {
        justify-content: center !important;
        text-align: center !important;
        padding: .25rem !important;
        min-height: 0 !important;
    }
    .mmst-card-grid.is-list-view .mmst-list-year {
        border: none !important;
    }
    .mmst-card-grid.is-list-view .mmst-list-year {
        pointer-events: none !important;
    }
    .mmst-year-full { display: none !important; }
    .mmst-year-short { display: inline !important; }
    /* Allow titles to wrap to 2 lines + use available space */
    .mmst-card-grid.is-list-view .gua-vt-title {
        white-space: normal !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden !important;
        text-overflow: ellipsis;
        font-size: .84rem !important;
        line-height: 1.35 !important;
    }
    /* Shrink thumb slightly to give more title room */
    .mmst-card-grid.is-list-view .gua-vt-thumb {
        width: 42px !important; height: 42px !important;
    }
    /* Tighter tag pills */
    .mmst-card-grid.is-list-view .gua-vt-tag {
        font-size: .5rem !important; padding: .1rem .35rem !important;
    }
}
.mmst-year-short { display: none; }
.mmst-list-meta { display: none; }

/* Book promo buttons — stack on phone */
@media (max-width: 600px) {
    .mmst-book-promo div[style*="flex-wrap:nowrap"] {
        flex-wrap: wrap !important;
        flex-direction: column !important;
    }
    .mmst-book-promo .gua-store-btn {
        flex: 1 1 100% !important;
        width: 100% !important;
    }
    .mmst-book-promo .gua-promo-bishop-btns {
        flex-direction: column !important;
        gap: .4rem !important;
    }
}

/* Prev/Next article navigation */
.pagenavigation .btn { padding-left: 1rem !important; padding-right: 1rem !important; }
.pagenavigation .pagination { margin-left: 2px !important; }
/* Icon-only badges globally — text hidden on all viewports */
.mmst-badge-text { display: none !important; }
.mmst-card-grid.is-list-view .mmst-list-type { padding: .3rem !important; }

/* Screenshots badge */
.mmst-list-type--screenshots {
    background: rgba(128,90,160,.1);
    color: #805aa0;
}
.mmst-list-type--screenshots svg {
    width: 10px;
    height: 10px;
}
/* Year badge */
.mmst-list-year {
    font-size: .55rem;
    font-weight: 600;
    padding: .15rem .45rem;
    border-radius: 3px;
    white-space: nowrap;
    background: rgba(44,36,23,.05);
    color: rgba(44,36,23,.4);
    border: 1px solid transparent;
    cursor: pointer;
    transition: all .15s;
    font-family: inherit;
}
.mmst-list-year:hover {
    background: rgba(44,74,124,.08);
    color: #2c4a7c;
}
.mmst-list-year.is-active {
    background: #2c4a7c;
    color: #fff;
    border-color: #2c4a7c;
}

/* ─── Video modal (lightbox) ───────────────────── */
.mmst-video-modal {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mmst-video-modal-backdrop {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,.85);
}
.mmst-video-modal-content {
    position: relative;
    width: 90vw;
    max-width: 900px;
    aspect-ratio: 16/9;
    z-index: 1;
}
.mmst-video-modal-content video {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: #000;
    object-fit: contain;
}
.mmst-video-modal-close {
    position: absolute;
    top: -2.5rem;
    right: 0;
    font-size: 2rem;
    line-height: 1;
    color: rgba(255,255,255,.7);
    background: none;
    border: none;
    cursor: pointer;
    padding: .25rem .5rem;
    transition: color .15s;
}
.mmst-video-modal-close:hover {
    color: #fff;
}
@media (max-width: 600px) {
    .mmst-video-modal-content { width: 96vw; }
    .mmst-video-modal-close { top: -2rem; font-size: 1.5rem; }
}

/* ─── Mobile overflow containment ────────────────── */
@media (max-width: 768px) {
  .taid-content-primary {
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
  }
  .taid-container,
  .taid-content-wrap,
  .taid-content-primary,
  .taid-component-panel {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
  .taid-component-panel {
    max-width: 100% !important;
    width: 100% !important;
  }
  .com-content-article__body img {
    max-width: 100% !important;
    height: auto !important;
  }
  .com-content-article__body div[style*="max-width"] {
    max-width: 100% !important;
  }
}

/* ─── Phone-only Welcome heading ───────────────── */
.mmst-phone-welcome {
    display: none;
}
@media (max-width: 768px) {
    .mmst-phone-welcome {
        display: block;
        text-align: center;
        font-size: 1.5rem;
        font-weight: 700;
        color: #2c2417;
        margin: .5rem 0 .75rem;
        font-family: Georgia, "Times New Roman", serif;
    }
}

/* ─── Mobile submit CTA ─────────────────────────── */
@media (max-width: 768px) {
  .mmst-mobile-submit {
    display: block !important;
    text-align: center;
    padding: .5rem 1rem;
    background: #f5f0e8;
  }
  .mmst-mobile-submit-btn {
    display: block;
    background: #2c6b3f;
    color: #fff !important;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    padding: .6rem 1.25rem;
    border-radius: 6px;
    text-decoration: none !important;
    text-align: center;
  }
}

/* ─── Share button (inline with title) ───────────── */
.mmst-title-row {
  margin-bottom: 1rem;
  display: flex; align-items: center; gap: .75rem;
}
.mmst-title-row .mmst-tag-page-title { margin-bottom: 0 !important; flex: 1; }
.mmst-share-wrap { position: relative; flex-shrink: 0; }
.mmst-share-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; border-radius: 6px;
  color: rgba(44,36,23,.35); background: none;
  border: 1px solid rgba(44,36,23,.08);
  text-decoration: none !important; cursor: pointer;
  transition: color .15s, background .15s, border-color .15s;
  padding: 0; font-family: inherit;
}
.mmst-share-icon:hover { color: #2c4a7c; background: rgba(44,74,124,.06); border-color: rgba(44,74,124,.15); }
.mmst-share-wrap { z-index: 100; }
.mmst-share-dropdown {
  display: none; position: absolute; top: 100%; right: 0;
  margin-top: .35rem; background: #fff; border: 1px solid rgba(44,36,23,.1);
  border-radius: 8px; box-shadow: 0 4px 16px rgba(0,0,0,.1);
  min-width: 150px; z-index: 100; overflow: hidden;
}
.mmst-share-dropdown.is-open { display: block; }
.mmst-share-option {
  display: flex; align-items: center; gap: .5rem;
  padding: .55rem .85rem; font-size: .85rem;
  color: rgba(44,36,23,.7); background: none; border: none;
  text-decoration: none !important; cursor: pointer;
  width: 100%; text-align: left; font-family: inherit;
  transition: background .1s;
}
.mmst-share-option:hover { background: rgba(44,74,124,.05); color: #2c4a7c; }
.mmst-share-option.is-copied { color: #27ae60; }

/* ─── Entry hashtags in list articles ────────────── */
.mmst-entry-tags {
  display: block;
  margin-top: .5rem;
  font-size: .78rem;
  color: rgba(44,36,23,.4);
  letter-spacing: .02em;
}
.mmst-entry-tags:hover {
  color: rgba(44,36,23,.6);
}

/* ─── Photo thumbnail grid ─────────────────────── */
.mmst-photo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: .75rem;
  margin: 1em 0;
}
.mmst-photo-grid-item {
  margin: 0;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 1;
  background: rgba(44,36,23,.04);
  transition: transform .2s ease, box-shadow .2s ease;
}
.mmst-photo-grid-item:hover {
  transform: scale(1.03);
  box-shadow: 0 4px 16px rgba(0,0,0,.12);
}
.mmst-photo-grid-item img, .com-content-article__body .mmst-photo-grid-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block;
  border-radius: 8px;
}
/* Legacy full-size photos — constrain + make clickable */
.mmst-submission-photos > figure > img {
  max-width: 300px;
  cursor: pointer;
  border-radius: 8px;
  transition: transform .2s ease, box-shadow .2s ease;
}
.mmst-submission-photos > figure > img:hover {
  transform: scale(1.03);
  box-shadow: 0 4px 16px rgba(0,0,0,.12);
}
@media (max-width: 600px) {
  .mmst-photo-grid { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: .5rem; }
}

/* ─── Photo lightbox ───────────────────────────── */
.mmst-photo-lightbox {
  position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  z-index: 9999; display: flex; align-items: center; justify-content: center;
  opacity: 0; transition: opacity .25s ease;
}
.mmst-photo-lightbox.is-visible { opacity: 1; }
.mmst-photo-lightbox-backdrop {
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,.92);
}
.mmst-photo-lightbox-content {
  position: relative; z-index: 1;
  display: flex; align-items: center; justify-content: center;
  max-width: 92vw; max-height: 88vh;
}
.mmst-photo-lightbox-content img {
  max-width: 92vw; max-height: 85vh;
  object-fit: contain; border-radius: 6px;
  box-shadow: 0 8px 40px rgba(0,0,0,.4);
  user-select: none; -webkit-user-drag: none;
  transition: opacity .2s ease;
}
.mmst-photo-lightbox-close {
  position: absolute; top: -2.5rem; right: 0;
  font-size: 2rem; line-height: 1; color: rgba(255,255,255,.7);
  background: none; border: none; cursor: pointer;
  padding: .25rem .5rem; transition: color .15s; z-index: 2;
}
.mmst-photo-lightbox-close:hover { color: #fff; }
.mmst-photo-lightbox-nav {
  position: absolute; top: 50%; transform: translateY(-50%);
  background: rgba(255,255,255,.25); border: none;
  color: rgba(255,255,255,.8); font-size: 1.5rem;
  width: 44px; height: 44px; border-radius: 50%;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  transition: background .15s, color .15s; z-index: 2;
  backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
}
.mmst-photo-lightbox-nav:hover { background: rgba(255,255,255,.25); color: #fff; }
.mmst-photo-lightbox-prev { left: 1rem; }
.mmst-photo-lightbox-next { right: 1rem; }
.mmst-photo-lightbox-counter {
  position: absolute; bottom: -2rem; left: 50%; transform: translateX(-50%);
  color: rgba(255,255,255,.6); font-size: .85rem; white-space: nowrap;
}
@media (max-width: 600px) {
  .mmst-photo-lightbox-content { max-width: 98vw; }
  .mmst-photo-lightbox-content img { max-width: 98vw; border-radius: 4px; }
  .mmst-photo-lightbox-close { top: -2rem; font-size: 1.5rem; }
  .mmst-photo-lightbox-nav { width: 36px; height: 36px; font-size: 1.2rem; }
  .mmst-photo-lightbox-prev { left: .5rem; }
  .mmst-photo-lightbox-next { right: .5rem; }
}
@media (max-width: 420px) {
  .mmst-filter-btn { padding: .35rem .7rem; font-size: .75rem; }
  .mmst-toolbar { flex-wrap: wrap; }
}
/* Title as link — native right-click support */
a.gua-vt-title { color: #fff !important; text-decoration: none !important; }
a.gua-vt-title:hover { color: #fff; }
.mmst-card-grid.is-list-view a.gua-vt-title { color: rgb(44,36,23) !important; }
.mmst-card-grid.is-list-view a.gua-vt-title:hover { text-decoration: underline !important; }
/* Article body images — cap width, make clickable for lightbox */
.com-content-article__body img:not(.mmst-photo-grid-item img) {
  max-width: 600px !important;
  cursor: zoom-in;
}
/* Article info category link — make it look clickable */
.taid-component-panel dl.article-info .category-name a {
  color: #2c4a7c !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(44,74,124,.3) !important;
  text-underline-offset: 2px;
}
.taid-component-panel dl.article-info .category-name a:hover {
  text-decoration-color: #2c4a7c !important;
}

/* === A-Z Grid shared styles (homepage module + categories page) === */
.mmst-letter-nav {
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: .25rem; margin-bottom: 2rem;
}
.mmst-letter-link {
  display: inline-flex; align-items: center; justify-content: center;
  width: 2rem; height: 2rem; font-size: .85rem; font-weight: 700;
  color: #2c4a7c; text-decoration: none; border-radius: 4px; transition: background .15s;
}
.mmst-letter-link:hover { background: rgba(44,74,124,.08); }
.mmst-letter-empty { color: rgba(44,36,23,.2); cursor: default; }
.mmst-letter-empty:hover { background: none; }
.mmst-letter-group { margin-bottom: 2rem; }
.mmst-letter-heading {
  font-size: 1.5rem; font-weight: 800; color: #2c4a7c;
  border-bottom: 2px solid rgba(44,74,124,.12);
  padding-bottom: .3rem; margin-bottom: .75rem;
}
.mmst-tags-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: .5rem;
}
.mmst-tag-card {
  display: flex; justify-content: space-between; align-items: center;
  padding: .5rem .75rem; background: #fffdf9;
  border: 1px solid rgba(44,36,23,.08); border-radius: 6px;
  text-decoration: none !important; color: #2c2417 !important;
  transition: border-color .15s, background .15s;
}
.mmst-tag-card:hover { border-color: #2c4a7c; background: rgba(44,74,124,.03); color: #2c2417 !important; }
.mmst-tag-title { font-size: .9rem; font-weight: 500; text-transform: capitalize; }
.mmst-tag-counts { display: flex; gap: .3rem; align-items: center; flex-shrink: 0; }
.mmst-tag-count {
  font-size: .72rem; font-weight: 700; padding: .15rem .45rem;
  border-radius: 10px; min-width: 1.4rem; text-align: center; line-height: 1.2;
}
.mmst-count-all { color: rgba(44,36,23,.5); background: rgba(44,36,23,.06); }
.mmst-count-video { color: #8b6914; background: rgba(180,140,50,.12); }
.mmst-count-photos { color: #2e8b57; background: rgba(46,139,87,.12); }
.mmst-count-written { color: #3d5a8a; background: rgba(44,74,124,.1); }
.mmst-categories-page { max-width: 1200px; margin: 0 auto; }
/* Prevent share dropdown from being clipped by panel overflow */
body.view-search .taid-component-panel,
body.view-categories .taid-component-panel {
  overflow: visible !important;
}
@media (max-width: 768px) {
  .mmst-categories-page .mmst-tags-grid { grid-template-columns: 1fr; }
  .mmst-categories-page .mmst-letter-link { width: 1.6rem; height: 1.6rem; font-size: .75rem; }
  .mmst-logo-molecule { width: 44px; height: 44px; padding: 6px; margin-right: .5rem; }
  .taid-logo-text { font-size: .98rem !important; }
  .taid-logo-sub { font-size: .52rem !important; letter-spacing: .16em !important; }
  .mmst-footer-disclaimer { padding-left: 1.8% !important; padding-right: 1.8% !important; }
}