.sptb-wrap {
  position: relative;
  overflow: hidden;
  padding: 50px 28px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 14% 18%, rgba(104, 171, 121, 0.10) 0, rgba(104, 171, 121, 0.04) 20%, transparent 38%),
    radial-gradient(circle at 86% 16%, rgba(122, 186, 138, 0.08) 0, rgba(122, 186, 138, 0.03) 18%, transparent 36%),
    linear-gradient(180deg, #f5f8f4 0%, #eff4ee 100%);
  border: 1px solid rgba(124, 168, 132, 0.20);
  box-shadow: 0 16px 36px rgba(24, 50, 31, 0.08), inset 0 1px 0 rgba(255,255,255,0.65);
}
.sptb-wrap, .sptb-wrap * { box-sizing: border-box; }
.sptb-grid, .sptb-glow { position: absolute; inset: 0; pointer-events: none; }
.sptb-grid-fine {
  background-image:
    linear-gradient(rgba(96, 144, 107, 0.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(96, 144, 107, 0.10) 1px, transparent 1px);
  background-size: 12px 12px;
}
.sptb-grid-major {
  background-image:
    linear-gradient(rgba(96, 144, 107, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(96, 144, 107, 0.04) 1px, transparent 1px);
  background-size: 60px 60px;
}
.sptb-glow-left { background: radial-gradient(circle at 8% 16%, rgba(108, 175, 123, 0.12), transparent 26%); }
.sptb-glow-right { background: radial-gradient(circle at 92% 18%, rgba(108, 175, 123, 0.08), transparent 24%); }
.sptb-shell {
  position: relative;
  z-index: 2;
  max-width: 1140px;
  margin: 0 auto;
}
.sptb-title {
  margin: 0 0 34px;
  text-align: center;
  color: #0f4525;
  font-family: Orbitron, Rajdhani, Arial, sans-serif;
  font-size: clamp(28px, 4vw, 46px);
  line-height: 1.22;
  letter-spacing: -0.03em;
}
.sptb-intro,
.sptb-note,
.sptb-table {
  color: #173c24;
  font: 600 22px/1.45 Rajdhani, Arial, sans-serif;
}
.sptb-intro { margin-bottom: 28px; }
.sptb-intro p,
.sptb-note p { margin: 0 0 18px; }
.sptb-intro p:last-child,
.sptb-note p:last-child { margin-bottom: 0; }
.sptb-table-wrap {
  overflow-x: auto;
  margin-bottom: 28px;
}
.sptb-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  border: 1px solid rgba(79, 113, 88, 0.24);
  background: rgba(255,255,255,0.16);
  backdrop-filter: blur(1px);
}
.sptb-table th,
.sptb-table td {
  padding: 28px 16px;
  border: 1px solid rgba(79, 113, 88, 0.24);
  text-align: left;
  vertical-align: middle;
}
.sptb-table th {
  font-family: Orbitron, Rajdhani, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
}
.sptb-table td {
  font-size: 20px;
  font-weight: 600;
}
.sptb-note strong { font-weight: 700; }
@media (max-width: 1024px) {
  .sptb-wrap { padding: 42px 22px; }
  .sptb-title { font-size: clamp(26px, 5vw, 38px); }
  .sptb-intro, .sptb-note, .sptb-table { font-size: 20px; }
  .sptb-table th, .sptb-table td { padding: 22px 14px; }
}
@media (max-width: 767px) {
  .sptb-wrap { padding: 32px 16px; border-radius: 24px; }
  .sptb-title {
    font-size: clamp(24px, 8vw, 32px);
    margin-bottom: 24px;
  }
  .sptb-intro, .sptb-note {
    font-size: 18px;
    line-height: 1.55;
  }
  .sptb-table { min-width: 620px; }
  .sptb-table th { font-size: 16px; }
  .sptb-table td { font-size: 18px; }
  .sptb-table th, .sptb-table td { padding: 18px 12px; }
}