/* Modern Traditions of Men tier */
.mtom-main { background: linear-gradient(180deg,#fffaf1 0,#fffdf8 24rem,#ffffff 100%); }
.mtom-hero { padding-top: 1.2rem; }
.mtom-hero-card { border: 1px solid #eadfcd; border-radius: 18px; background: #fffdf7; box-shadow: 0 14px 34px rgba(47,34,18,.08); padding: clamp(1.2rem, 3vw, 2.4rem); }
.mtom-kicker { color:#8a5a37; text-transform:uppercase; letter-spacing:.08em; font-size:.78rem; font-weight:700; }
.mtom-hero-card h1 { margin:.25rem 0 .45rem; color:#2b2620; font-family:Georgia,'Times New Roman',serif; }
.mtom-lead { font-size:1.08rem; line-height:1.65; color:#4b4138; max-width:72rem; }
.mtom-toolbar { position: sticky; top: 0; z-index: 40; margin:1rem 0; padding:.85rem; border:1px solid #eadfcd; border-radius:14px; background:rgba(255,253,247,.96); box-shadow:0 8px 24px rgba(47,34,18,.06); backdrop-filter:blur(6px); }
.mtom-search-grid { display:grid; grid-template-columns: minmax(12rem,1fr) minmax(10rem,16rem) minmax(8rem,12rem); gap:.65rem; }
.mtom-toolbar input,.mtom-toolbar select { width:100%; min-height:2.55rem; border:1px solid #d8c39d; border-radius:10px; padding:.45rem .7rem; font:inherit; background:#fff; color:#2b2620; }
.mtom-count { margin:.5rem .1rem 0; color:#746c63; font-size:.92rem; }
.mtom-card-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap:1rem; margin:1.1rem 0 2rem; }
.mtom-card { display:block; border:1px solid #eadfcd; border-radius:16px; background:#fffdf7; padding:1rem; text-decoration:none; color:#2b2620; box-shadow:0 10px 24px rgba(47,34,18,.05); }
.mtom-card:hover { border-color:#caa96a; background:#fffaf1; }
.mtom-card h2,.mtom-card h3 { margin:.2rem 0 .45rem; font-family:Georgia,'Times New Roman',serif; color:#2b2620; }
.mtom-meta { display:flex; flex-wrap:wrap; gap:.35rem; margin:.4rem 0 .6rem; }
.mtom-pill { display:inline-flex; align-items:center; border:1px solid #eadfcd; border-radius:999px; padding:.18rem .5rem; font-size:.78rem; color:#5b4c3c; background:#fffaf1; }
.mtom-diagnosis { color:#4b4138; line-height:1.55; }
.mtom-section { margin:1.15rem 0; }
.mtom-panel { border:1px solid #eadfcd; border-radius:16px; background:#fffdf7; padding:clamp(1rem,2vw,1.55rem); box-shadow:0 8px 22px rgba(47,34,18,.045); }
.mtom-panel h2 { margin-top:0; font-family:Georgia,'Times New Roman',serif; color:#2b2620; }
.mtom-scripture { font-weight:700; color:#583c1f; }
.mtom-related-list { columns:2 18rem; }
.mtom-json-note { font-size:.93rem; color:#6f6252; }
@media (max-width:720px){.mtom-search-grid{grid-template-columns:1fr}.mtom-toolbar{position:static}.mtom-related-list{columns:1}}


/* NET Bible Scripture reference tooltips for Modern Traditions of Men pages */
.mtom-net-ref {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: .08em;
  text-underline-offset: .15em;
  color: #7c3f12;
  border-radius: 4px;
}
.mtom-net-ref:hover,
.mtom-net-ref:focus {
  background: #fff3cd;
  color: #4f2608;
  outline: none;
}
.mtom-net-chapter-ref {
  text-decoration-style: dotted;
}
.mtom-net-tooltip {
  position: absolute;
  z-index: 99999;
  max-width: min(560px, calc(100vw - 28px));
  background: #fffaf2;
  border: 1px solid #b97938;
  border-radius: 16px;
  box-shadow: 0 14px 36px rgba(42, 26, 16, .22);
  padding: 13px 14px;
  color: #2a1a10;
  font-family: Georgia, 'Times New Roman', serif;
  line-height: 1.45;
}
.mtom-net-tooltip h4 {
  margin: 0 0 8px;
  color: #713b13;
  font-size: 1.02rem;
}
.mtom-net-tooltip h4 span {
  font-size: .88rem;
  color: #7a6047;
}
.mtom-net-tooltip p {
  margin: .38rem 0;
  font-size: .96rem;
}
.mtom-net-tooltip p.target {
  background: #fff3cd;
  border-radius: 8px;
  padding: 5px 7px;
}
.mtom-net-tooltip .mtom-chapter-note {
  border-left: 3px solid #d8b47c;
  padding-left: 8px;
  color: #5e4228;
}
.mtom-net-tooltip small {
  display: block;
  margin-top: 8px;
  color: #6b4a2d;
  font-size: .8rem;
}
.mtom-tooltip-actions {
  margin-top: 9px;
}
.mtom-tooltip-actions a {
  display: inline-flex;
  align-items: center;
  border: 1px solid #d8b47c;
  border-radius: 999px;
  background: #fff;
  color: #713b13;
  text-decoration: none;
  padding: 5px 9px;
  font-size: .86rem;
  font-weight: 700;
}
.mtom-tooltip-actions a:hover,
.mtom-tooltip-actions a:focus {
  background: #fff3cd;
  text-decoration: none;
}
.hidden { display: none !important; }
@media (max-width: 740px) {
  .mtom-net-tooltip {
    position: fixed;
    left: 12px !important;
    right: 12px;
    top: auto !important;
    bottom: 14px;
    max-width: none;
    max-height: 70vh;
    overflow: auto;
  }
}