.home-glance {
  padding: 56px 0;
}

.home-glance__inner {
  width: min(1100px, calc(100% - 48px));
  margin: 0 auto;
}

.home-glance__header {
  margin-bottom: 18px;
}

.home-glance__title {
  font-size: clamp(1.4rem, 1.1rem + 1vw, 2rem);
  line-height: 1.15;
  margin: 0 0 8px 0;
}

.home-glance__subtitle {
  margin: 0;
  opacity: 0.75;
  max-width: 70ch;
}

.home-glance__card {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  overflow: hidden;
}

.home-glance__tableWrap {
  overflow-x: auto;
}

.home-glance__table {
  width: 100%;
  border-collapse: collapse;
  min-width: 760px;
}

.home-glance__table thead th {
  text-align: left;
  font-weight: 650;
  font-size: 0.92rem;
  padding: 14px 16px;
  background: rgba(0,0,0,0.02);
  border-bottom: 1px solid rgba(0,0,0,0.08);
}

.home-glance__table tbody td {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(0,0,0,0.06);
  vertical-align: top;
  font-size: 0.98rem;
}

.home-glance__table tbody tr:hover td {
  background: rgba(0,0,0,0.015);
}

.home-glance__colStatus {
  width: 140px;
  white-space: nowrap;
}

.home-glance__dividerRow td {
  padding: 0;
  height: 8px;
  background: rgba(0,0,0,0.03);
  border-bottom: 1px solid rgba(0,0,0,0.06);
}

.home-glance__pill {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(18, 97, 64, 0.08);
  color: #126140;
  font-weight: 650;
  font-size: 0.82rem;
}

.home-glance__pill--service {
  background: rgba(0,0,0,0.06);
  color: rgba(0,0,0,0.75);
}

.home-glance__link {
  color: inherit;
  text-decoration: none;
  font-weight: 700;
}

.home-glance__link:hover {
  text-decoration: underline;
}

.home-glance__badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.82rem;
  border: 1px solid rgba(0,0,0,0.10);
  background: #f7f7f7;
}

/* Status badge variants */
.home-glance__badge--ready {
  background: rgba(18, 97, 64, 0.10);
  color: #126140;
  border-color: rgba(18, 97, 64, 0.20);
}

.home-glance__badge--available {
  background: rgba(2, 132, 199, 0.10);
  color: #026aa2;
  border-color: rgba(2, 132, 199, 0.22);
}

.home-glance__badge--custom {
  background: rgba(217, 119, 6, 0.12);
  color: #8a4b00;
  border-color: rgba(217, 119, 6, 0.25);
}

.home-glance__badge--active {
  background: rgba(16, 185, 129, 0.10);
  color: #0f766e;
  border-color: rgba(16, 185, 129, 0.20);
}

.home-glance__badge--ongoing {
  background: rgba(99, 102, 241, 0.10);
  color: #3730a3;
  border-color: rgba(99, 102, 241, 0.22);
}

.home-glance__note {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  background: rgba(0,0,0,0.02);
  border-top: 1px solid rgba(0,0,0,0.06);
  font-weight: 600;
  opacity: 0.85;
}

.home-glance__noteDot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #126140;
}

/* Mobile: switch to stacked table rows (optional) */
@media (max-width: 820px) {
  .home-glance__table {
    min-width: 0;
  }
}
:root{
    --jti-sand: #f6f1e6;
    --jti-charcoal: #1f2937;
    --jti-accent: #2f6f5e; /* cactus-ish */
}
body { background: var(--jti-sand); color: var(--jti-charcoal); }
.navbar { background: var(--jti-charcoal) !important; }
.btn-jti { background: var(--jti-accent); border-color: var(--jti-accent); color: #fff; }
.btn-jti:hover { filter: brightness(0.95); color: #fff; }
.badge-jti { background: rgba(47,111,94,0.12); color: var(--jti-accent); border: 1px solid rgba(47,111,94,0.25); }
.soft-card { border: 1px solid rgba(31,41,55,0.10); border-radius: 1rem; }
.section-pad { padding-top: 4rem; padding-bottom: 4rem; }
.muted { color: rgba(31,41,55,0.75); }
.error { color: red; }
.success { color: green; }
.external-proof-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: #126140;
  text-decoration: none;
}

.external-proof-link:hover {
  text-decoration: underline;
}

.external-proof-link::after {
  content: "↗";
  font-size: 0.9em;
  opacity: 0.7;
}
.service-detail {
  padding: 40px 0 60px;
}

.service-detail__inner {
  width: min(1000px, calc(100% - 48px));
  margin: 0 auto;
}

.service-detail__back {
  display: inline-block;
  text-decoration: none;
  font-weight: 650;
  opacity: 0.75;
  margin-bottom: 14px;
}

.service-detail__back:hover {
  text-decoration: underline;
  opacity: 0.9;
}

.service-detail__title {
  margin: 0 0 10px 0;
  font-size: clamp(1.7rem, 1.2rem + 1vw, 2.4rem);
  line-height: 1.12;
}

.service-detail__meta {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}

.service-detail__summary {
  margin: 0;
  max-width: 80ch;
  opacity: 0.85;
  font-weight: 600;
}

.service-detail__card {
  margin-top: 18px;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  padding: 18px;
}

.service-detail__body {
  line-height: 1.6;
  font-size: 1.02rem;
}

.service-detail__body--muted {
  opacity: 0.7;
  font-weight: 600;
}

.service-detail__cta {
  display: flex;
  gap: 12px;
  margin-top: 16px;
  flex-wrap: wrap;
}