:root{ --ink:#0a0a0a; --muted:#666; --bg:#fff; --brand:#0f766e; --card:#f7f7f7; }
*{ box-sizing:border-box; }
body{ margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji"; color:var(--ink); background:var(--bg); }
.container{ width: min(1050px, 92%); margin: 0 auto; }
.site-header{ border-bottom:1px solid #eee; }
.site-header .container{ display:flex; align-items:center; gap:1rem; padding: .9rem 0; }
.brand{ font-weight:700; text-decoration:none; color:var(--ink); }
.nav a{ margin-right:.9rem; text-decoration:none; color:var(--muted); }
.nav a:hover{ color:var(--ink); }
.page-head{ padding: 1.8rem 0; }
.page-head h1{ margin:0 0 .3rem; font-size: clamp(1.6rem, 2vw + .6rem, 1.5rem); }
.post-list{ display:grid; grid-template-columns: repeat(auto-fill, minmax(280px,1fr)); gap:1rem; padding-bottom:2rem; }
.post-card{ background:var(--card); padding:1rem; border-radius:14px; display:flex; flex-direction:column; gap:.6rem; }
.post-title{ margin:.2rem 0; font-size:0.9rem; }
.post-meta{ color:var(--muted); font-size:.9rem; display:flex; gap:.5rem; align-items:center; }
.post-excerpt{ margin:.2rem 0 .6rem; color:#333; }
.btn{ display:inline-block; background:var(--brand); color:#fff; text-decoration:none; padding:.5rem .8rem; border-radius:10px; font-weight:600; }
.post{ padding: 1rem 0 2.2rem; }
.post-body p{ line-height:1.55; }
.post-body a{ color:var(--brand); }
.post-cta{ margin-top:1.6rem; padding:1rem; background:#eefcfb; border-radius:12px; }
.site-footer{ border-top:1px solid #eee; margin-top:2rem; }
.site-footer .container{ padding:1.2rem 0; color:var(--muted); font-size:.95rem; }
.empty{ color:var(--muted); padding:2rem 0; }

.draft-banner{
  margin-top:.6rem;
  background:#fff3cd;
  color:#664d03;
  border:1px solid #ffe69c;
  padding:.4rem .6rem;
  border-radius:8px;
  display:inline-block;
  font-weight:600;
}

.tc-live{ margin:1rem 0 1.2rem; padding:1rem; background:#f3f7ff; border:1px solid #dbe6ff; border-radius:12px; }
.tc-live h3{ margin:.2rem 0 .6rem; }
.tc-live ul{ list-style: disc; margin:.2rem 0 .2rem 1.2rem; padding:0; }
.btn-ghost{ display:inline-block; margin-left:.5rem; padding:.2rem .5rem; border:1px solid #0f766e; color:#0f766e; border-radius:8px; text-decoration:none; font-weight:600; }
.btn-ghost:hover{ background:#e6fffb; }
.meta{ color:#666; margin-left:.3rem; font-size:.92em; }

.mh-row{ display:flex; flex-wrap:wrap; gap:.5rem .8rem; align-items:center; margin:.2rem 0 .4rem; }
.mh-score{ font-weight:700; padding:.2rem .45rem; border-radius:8px; background:#eef2ff; }
.mh-tags{ display:flex; gap:.35rem; flex-wrap:wrap; }
.mh-badge{ font-size:.85rem; padding:.12rem .45rem; border-radius:999px; background:#f1f5f9; border:1px solid #e5e7eb; }
.mh-action .mh-chip{ font-size:.85rem; font-weight:700; padding:.18rem .55rem; border-radius:999px; }
.mh-bid{ background:#ecfeff; border:1px solid #a5f3fc; }
.mh-watch{ background:#f7fee7; border:1px solid #d9f99d; }
.mh-niche{ background:#fef9c3; border:1px solid #fde68a; }
.mh-pass{ background:#fee2e2; border:1px solid #fecaca; }
.mh-bid    { background:#e6ffed; border:1px solid #b7f0c2; }
.mh-watch  { background:#f3f4ff; border:1px solid #c7d2fe; }
.mh-niche  { background:#fff7ed; border:1px solid #fed7aa; }
.mh-pass   { background:#fef2f2; border:1px solid #fecaca; }

.tc-live {
  margin: 1.5rem 0;
  padding: 1rem;
  background: #f0f9ff;
  border-radius: 12px;
}

.tc-live h3 {
  margin: 0 0 1rem;
  font-size: 1.1rem;
  color: var(--ink);
}

.tc-table {
  width: 100%;
  border-collapse: collapse;
}

.tc-table thead th {
  text-align: left;
  padding: 0.5rem 0.75rem;
  border-bottom: 2px solid #ddd;
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--muted);
}

.tc-table tbody td {
  padding: 0.6rem 0.75rem;
  border-bottom: 1px solid #eee;
}

.tc-table tbody tr:last-child td {
  border-bottom: none;
}

.tc-table a {
  color: var(--brand);
  text-decoration: none;
  font-weight: 500;
}

.tc-table a:hover {
  text-decoration: underline;
}



.tc-table tbody td.tc-action {
  text-align: center;
  width: 50px;
}

.tc-view-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: var(--brand);
  color: #fff !important;
  border-radius: 8px;
  text-decoration: none !important;
  font-size: 1.2rem;
  font-weight: 700;
  transition: background 0.2s;
}

.tc-view-btn:hover {
  background: #0d5f58;
}

.post-header h1 {
  color: #2563eb !important; /* Blue-600 */
  font-weight: bold !important;
}