/* Opsmarshal Terminal - /martech SEO surface.
   Uses style.css brand tokens only; no new colours are introduced. */

.mt-crumbs{max-width:var(--max-w);margin:0 auto;padding:96px 24px 0;font-family:var(--font-mono);
  font-size:11px;letter-spacing:.06em;color:var(--text-muted)}
.mt-crumbs a{color:var(--text-muted);text-decoration:none}
.mt-crumbs a:hover{color:var(--gold-bright)}
.mt-crumbs span{margin:0 8px;color:var(--border-2)}
.mt-crumbs span:last-child{margin:0;color:var(--text-secondary)}

.mt-hero{padding:28px 0 40px}
.mt-hero h1{font-size:clamp(30px,4.6vw,52px);line-height:1.08;margin:6px 0 0;letter-spacing:-.02em}
.mt-lede{max-width:70ch;color:var(--text-secondary);font-size:17px;line-height:1.7;margin:16px 0 0}
.mt-meta{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.05em;color:var(--text-muted);margin:18px 0 0}
.mt-meta a{color:var(--gold-400);text-decoration:none}
.mt-meta a:hover{color:var(--gold-bright)}

.mt-notes{padding:0 0 12px}
.mt-notes h2{font-size:15px;font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;
  color:var(--text-muted);font-weight:400;margin:0 0 12px}
.mt-notes ul{margin:0;padding-left:20px;max-width:78ch}
.mt-notes li{color:var(--text-secondary);font-size:14.5px;line-height:1.75;margin-bottom:8px}

.mt-list{padding:32px 0 8px}
.mt-list h2{font-size:24px;margin:0 0 22px;letter-spacing:-.01em}
.mt-cards{list-style:none;margin:0;padding:0;display:grid;gap:14px}

.mt-card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-lg);
  padding:20px 22px;transition:var(--transition)}
.mt-card:hover{border-color:var(--border-2);background:var(--surface-2)}
.mt-card-head{display:grid;grid-template-columns:38px 1fr auto;gap:14px;align-items:start}
.mt-rank{font-family:var(--font-mono);font-size:12px;color:var(--gold-600);padding-top:4px}
.mt-card h3{margin:0;font-size:18px;font-weight:700;letter-spacing:-.01em}
.mt-prod{margin:2px 0 0;font-size:12.5px;color:var(--text-muted)}
.mt-score{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);text-align:right;white-space:nowrap}
.mt-score b{color:var(--gold-bright);font-size:15px}
.mt-score em{display:block;font-style:normal;font-size:10px;color:var(--text-muted);margin-top:3px;letter-spacing:.03em}
.mt-score.mt-none{color:var(--text-muted);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase}

.mt-body{margin:14px 0 0;color:var(--text-secondary);font-size:14.5px;line-height:1.72;max-width:82ch}
.mt-tags{margin:12px 0 0;display:flex;flex-wrap:wrap;gap:6px}
.mt-tag{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;
  border:1px solid var(--border-2);color:var(--text-muted);border-radius:999px;padding:3px 9px}
.mt-links{margin:14px 0 0;display:flex;flex-wrap:wrap;gap:18px}
.mt-out{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;
  color:var(--gold-400);text-decoration:none}
.mt-out:hover{color:var(--gold-bright)}

.mt-disclosure{margin:26px 0 0;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius);
  background:var(--surface);color:var(--text-muted);font-size:12.5px;line-height:1.7;max-width:86ch}
.mt-disclosure b{color:var(--text-secondary)}
.mt-disclosure a{color:var(--gold-400);text-decoration:none}
.mt-disclosure code{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}

.mt-siblings{padding:40px 0 0}
.mt-siblings h2{font-size:15px;font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;
  color:var(--text-muted);font-weight:400;margin:0 0 14px}
.mt-chips{display:flex;flex-wrap:wrap;gap:8px}
.mt-chips a{font-size:12.5px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);
  border-radius:999px;padding:7px 14px;text-decoration:none;transition:var(--transition)}
.mt-chips a:hover{border-color:var(--gold-600);color:var(--gold-bright)}
.mt-chips a b{font-family:var(--font-mono);font-size:10.5px;color:var(--text-muted);margin-left:5px;font-weight:400}

.mt-pillar{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-lg);
  padding:20px 22px;margin-bottom:14px}
.mt-pillar-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
.mt-pillar-head h2{margin:0;font-size:19px}
.mt-pillar-head h2 a{color:var(--text-primary);text-decoration:none}
.mt-pillar-head h2 a:hover{color:var(--gold-bright)}
.mt-pillar-head span{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--text-muted)}

.mt-grid{list-style:none;margin:0;padding:0;display:grid;gap:10px;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.mt-grid a{display:flex;justify-content:space-between;align-items:center;gap:12px;
  border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);
  padding:14px 16px;text-decoration:none;transition:var(--transition)}
.mt-grid a:hover{border-color:var(--gold-600);background:var(--surface-2)}
.mt-cat{color:var(--text-primary);font-size:14px;font-weight:500}
.mt-count{font-family:var(--font-mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase;
  color:var(--text-muted);white-space:nowrap}

.mt-cta{padding:64px 0 88px;text-align:center}
.mt-cta h2{font-size:clamp(24px,3.2vw,34px);margin:0 0 12px;letter-spacing:-.02em}
.mt-cta p{max-width:60ch;margin:0 auto 26px;color:var(--text-secondary);font-size:16px;line-height:1.7}
.mt-cta .btn{margin:0 6px}

@media (max-width:720px){
  .mt-crumbs{padding-top:84px}
  .mt-card-head{grid-template-columns:30px 1fr}
  .mt-score{grid-column:2;text-align:left;margin-top:6px;white-space:normal}
  .mt-links{gap:12px}
}