.market-cf-section {
  background: linear-gradient(92deg, #f7fff9 70%, #eaf6ef 100%);
  border-radius: 22px;
  margin: 0 auto 48px auto;
  box-shadow: 0 2px 14px rgba(22,73,30,0.10);
  padding: 36px 0 28px 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100vw;
}
.market-cf-wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 14px;
}
.market-cf-title {
  color: #15692b;
  font-size: 2rem;
  font-weight: 900;
  margin-bottom: 14px;
  text-align: center;
  letter-spacing: -0.01em;
}
.market-cf-flex {
  display: flex;
  gap: 34px;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}
.market-cf-data {
  flex: 1 1 350px;
  min-width: 260px;
  max-width: 470px;
}
.market-cf-data-sample {
  font-size: 0.91rem;
  color: #bd940d;
  background: #f9f1db;
  border-radius: 7px;
  padding: 2px 7px;
  margin-bottom: 11px;
  display: inline-block;
}
.market-cf-data-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  margin-bottom: 11px;
}
.market-cf-data-item {
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 1.5px 8px rgba(32,113,50,0.08);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 17px 15px;
  min-width: 0;
  min-height: 80px;
}
.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eaf6ef;
  border-radius: 50%;
  width: 44px; height: 44px;
  min-width: 44px;
}
.market-cf-data-label {
  color: #7a977f;
  font-size: 1.01rem;
  font-weight: 600;
  margin-bottom: 2px;
}
.market-cf-data-value {
  color: #11713d;
  font-size: 1.29rem;
  font-weight: 800;
  margin-bottom: 1px;
  letter-spacing: -0.01em;
}
.market-cf-data-updated {
  color: #619f7a;
  font-size: 0.97rem;
  font-weight: 600;
}
.market-cf-data-note {
  font-size: 0.99rem;
  color: #bfa408;
  margin: 9px 0 0 0;
  text-align: left;
}
.market-cf-actions {
  flex: 1 1 230px;
  min-width: 220px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.market-cf-action-block {
  background: #f7fcfa;
  border-radius: 15px;
  box-shadow: 0 1.5px 7px rgba(32,113,50,0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 18px 12px 15px 12px;
  min-height: 110px;
  border: 1.1px solid #e1ede8;
}
.market-cf-action-title {
  color: #0eb97e;
  font-size: 1.12rem;
  font-weight: 800;
  text-align: center;
  margin-bottom: 5px;
}
.market-cf-action-desc {
  color: #236036;
  font-size: 0.98rem;
  text-align: center;
  margin-bottom: 8px;
  font-weight: 500;
  line-height: 1.24;
}
.market-cf-action-note {
  color: #bda715;
  font-size: 0.95em;
  font-weight: 500;
}
.market-cf-action-btn {
  background: #0eb97e;
  color: #fff;
  border: none;
  border-radius: 11px;
  padding: 11px 28px;
  font-size: 1.01rem;
  font-weight: 800;
  box-shadow: 0 2px 9px rgba(14,185,126,0.09);
  margin-top: 3px;
  transition: background 0.14s, transform 0.12s;
  cursor: pointer;
  letter-spacing: 0.01em;
  text-decoration: none;
  display: inline-block;
}
.market-cf-action-btn:hover, .market-cf-action-btn:active, .market-cf-action-btn:focus {
  background: #11713d;
  color: #fff;
  transform: scale(1.01);
}
.market-cf-source {
  color: #7a977f;
  font-size: 0.93rem;
  margin-top: 18px;
  text-align: center;
  font-weight: 600;
  background: #f1f6f3;
  border-radius: 8px;
  padding: 6px 13px;
  display: inline-block;
}

/* ---- Mobile Adaptation ---- */
@media (max-width: 980px) {
  .market-cf-flex { flex-direction: column; gap: 21px; }
  .market-cf-data, .market-cf-actions { max-width: 100vw; }
}
@media (max-width: 600px) {
  .market-cf-section { padding: 17px 0 12px 0; }
  .market-cf-title { font-size: 1.17rem; }
  .market-cf-data-item, .market-cf-action-block { padding: 10px 6px; }
  .market-cf-source { font-size: 0.91rem; padding: 4px 7px; }
}