:root {
  --mk-bg: #f4f7f1;
  --mk-bg-soft: #edf4ea;
  --mk-green-950: #071f17;
  --mk-green-900: #0d3326;
  --mk-green-800: #124531;
  --mk-green-700: #1a5c41;
  --mk-green-600: #24764f;
  --mk-green-100: #e4f2e8;
  --mk-gold: #d8b75d;
  --mk-gold-soft: #fff4cc;
  --mk-text: #102019;
  --mk-muted: #66736b;
  --mk-card: rgba(255,255,255,.86);
  --mk-border: rgba(18,69,49,.12);
  --mk-shadow: 0 24px 70px rgba(7,31,23,.14);
  --mk-radius-xl: 34px;
  --mk-radius-lg: 24px;
  --mk-radius-md: 16px;
}

* {
  box-sizing: border-box;
}

body {
  font-family: Inter, Arial, sans-serif;
  background:
    radial-gradient(circle at 10% 0%, rgba(216,183,93,.16), transparent 32%),
    radial-gradient(circle at 90% 10%, rgba(36,118,79,.18), transparent 34%),
    linear-gradient(180deg, #f9fbf6 0%, var(--mk-bg) 100%);
  margin: 0;
  color: var(--mk-text);
  min-height: 100vh;
}

.market-wrap {
  max-width: 1240px;
  margin: 0 auto;
  padding: 48px 24px 70px;
}

.market-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 15%, rgba(216,183,93,.26), transparent 25%),
    linear-gradient(135deg, var(--mk-green-950), var(--mk-green-700));
  color: white;
  border-radius: var(--mk-radius-xl);
  padding: 58px 56px;
  margin-bottom: 42px;
  box-shadow: var(--mk-shadow);
  border: 1px solid rgba(255,255,255,.16);
}

.market-hero:before {
  content: "";
  position: absolute;
  inset: -80px;
  background:
    linear-gradient(115deg, transparent 0%, rgba(255,255,255,.12) 45%, transparent 70%);
  transform: rotate(-8deg);
}

.market-hero h1 {
  position: relative;
  font-size: clamp(38px, 5vw, 68px);
  letter-spacing: -2px;
  margin: 0 0 18px;
  font-weight: 900;
}

.market-hero p {
  position: relative;
  font-size: 20px;
  max-width: 780px;
  opacity: .94;
  line-height: 1.45;
}

.market-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 28px;
}

.market-card {
  background: var(--mk-card);
  backdrop-filter: blur(14px);
  border-radius: var(--mk-radius-lg);
  overflow: hidden;
  box-shadow: 0 18px 50px rgba(7,31,23,.10);
  border: 1px solid var(--mk-border);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.market-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 28px 80px rgba(7,31,23,.18);
  border-color: rgba(216,183,93,.42);
}

.market-card-img {
  height: 230px;
  background:
    radial-gradient(circle at 30% 20%, rgba(216,183,93,.23), transparent 30%),
    linear-gradient(135deg, #dfeade, #edf4ea);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mk-green-800);
  font-weight: 800;
  letter-spacing: .2px;
}

.market-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.market-card-body {
  padding: 28px;
}

.market-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, var(--mk-green-100), #f5fff7);
  color: var(--mk-green-800);
  padding: 8px 13px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 14px;
  border: 1px solid rgba(18,69,49,.10);
}

.market-badge:before {
  content: "✦";
  color: var(--mk-gold);
}

.market-title {
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: -.5px;
  margin: 0 0 12px;
  font-weight: 900;
}

.market-desc {
  color: var(--mk-muted);
  line-height: 1.65;
  font-size: 16px;
}

.market-price {
  font-size: 34px;
  font-weight: 950;
  margin: 20px 0;
  letter-spacing: -1px;
  color: var(--mk-green-950);
}

.market-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--mk-green-950), var(--mk-green-700));
  color: white;
  padding: 14px 20px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 900;
  border: 0;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(13,51,38,.25);
  transition: transform .18s ease, box-shadow .18s ease;
}

.market-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(13,51,38,.32);
}

.market-link {
  color: var(--mk-green-800);
  text-decoration: none;
  font-weight: 900;
}

.market-link:hover {
  text-decoration: underline;
}

.market-detail {
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(14px);
  border-radius: var(--mk-radius-xl);
  padding: 38px;
  box-shadow: var(--mk-shadow);
  border: 1px solid var(--mk-border);
}

.market-detail-grid {
  display: grid;
  grid-template-columns: minmax(300px, 460px) 1fr;
  gap: 44px;
  align-items: start;
}

.market-detail-image {
  min-height: 430px;
  border-radius: 28px;
  overflow: hidden;
  background:
    radial-gradient(circle at 70% 20%, rgba(216,183,93,.25), transparent 28%),
    linear-gradient(135deg, #dfeade, #f2f7ef);
  box-shadow: inset 0 0 0 1px rgba(18,69,49,.08);
}

.market-detail-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.market-image-placeholder {
  min-height: 430px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mk-green-800);
  font-weight: 900;
  font-size: 20px;
}

.market-detail-title {
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.03;
  letter-spacing: -1.8px;
  margin: 14px 0 20px;
  font-weight: 950;
  color: var(--mk-green-950);
}

.market-note {
  background: linear-gradient(135deg, var(--mk-gold-soft), #fffaf0);
  border: 1px solid rgba(216,183,93,.55);
  padding: 14px 16px;
  border-radius: 16px;
  color: #5b4816;
  font-weight: 700;
}

.market-separator {
  border: 0;
  border-top: 1px solid rgba(18,69,49,.12);
  margin: 36px 0;
}

.market-tags span {
  display: inline-flex;
  background: #f2f7ef;
  border: 1px solid rgba(18,69,49,.10);
  border-radius: 999px;
  padding: 9px 13px;
  margin: 6px;
  color: var(--mk-green-900);
  font-weight: 700;
}

.market-knowledge-list {
  display: grid;
  gap: 14px;
}

.market-knowledge-card {
  background: linear-gradient(135deg, #f8fbf5, #edf4ea);
  border: 1px solid rgba(18,69,49,.10);
  border-radius: 18px;
  padding: 16px;
}

.market-knowledge-card strong {
  color: var(--mk-green-950);
}

.market-knowledge-card small {
  display: block;
  color: var(--mk-muted);
  margin-top: 5px;
}

.market-form {
  background: rgba(255,255,255,.9);
  backdrop-filter: blur(14px);
  border-radius: var(--mk-radius-xl);
  padding: 38px;
  max-width: 800px;
  margin: 0 auto;
  box-shadow: var(--mk-shadow);
  border: 1px solid var(--mk-border);
}

.market-form h1 {
  font-size: 42px;
  margin: 10px 0 6px;
  letter-spacing: -1px;
}

.market-form label {
  display: block;
  font-weight: 900;
  margin-top: 14px;
}

.market-form input,
.market-form select,
.market-form textarea {
  width: 100%;
  padding: 15px 16px;
  border-radius: 16px;
  border: 1px solid rgba(18,69,49,.18);
  margin: 8px 0 10px;
  font-size: 16px;
  background: #fbfdf9;
  color: var(--mk-text);
  outline: none;
}

.market-form input:focus,
.market-form select:focus,
.market-form textarea:focus {
  border-color: var(--mk-green-600);
  box-shadow: 0 0 0 4px rgba(36,118,79,.12);
}

.market-form button {
  margin-top: 12px;
}

@media (max-width: 780px) {
  .market-wrap {
    padding: 24px 14px 50px;
  }

  .market-hero {
    padding: 34px 26px;
    border-radius: 26px;
  }

  .market-grid,
  .market-detail-grid {
    grid-template-columns: 1fr;
  }

  .market-detail,
  .market-form {
    padding: 24px;
  }

  .market-card-img {
    height: 190px;
  }
}

.market-table-card {
  background: rgba(255,255,255,.9);
  border: 1px solid var(--mk-border);
  border-radius: var(--mk-radius-lg);
  box-shadow: var(--mk-shadow);
  overflow: hidden;
}

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

.market-table th {
  background: linear-gradient(135deg, var(--mk-green-950), var(--mk-green-800));
  color: white;
  text-align: left;
  padding: 18px;
  font-size: 14px;
  letter-spacing: .3px;
}

.market-table td {
  padding: 18px;
  border-bottom: 1px solid rgba(18,69,49,.10);
  color: var(--mk-text);
}

.market-table tr:hover td {
  background: #f7fbf4;
}

.market-status {
  display: inline-block;
  background: var(--mk-green-100);
  color: var(--mk-green-800);
  border-radius: 999px;
  padding: 7px 11px;
  font-size: 13px;
  font-weight: 900;
}

.market-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.market-actions a {
  background: #eef5ea;
  color: var(--mk-green-900);
  text-decoration: none;
  padding: 8px 11px;
  border-radius: 999px;
  font-weight: 800;
  border: 1px solid rgba(18,69,49,.10);
}

.market-actions a:hover {
  background: var(--mk-green-800);
  color: white;
}

@media (max-width: 780px) {
  .market-table-card {
    overflow-x: auto;
  }

  .market-table {
    min-width: 760px;
  }
}

.market-product-cell{
    display:flex;
    align-items:center;
    gap:14px;
}

.market-thumb{
    width:60px;
    height:60px;
    border-radius:12px;
    object-fit:cover;
}

.market-status.published{
    background:#dff5e4;
    color:#146c2e;
}

.market-status.paused{
    background:#fff3d9;
    color:#8a6200;
}

.market-status.draft{
    background:#ececec;
    color:#555;
}

.market-kpis{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:18px;
    margin-bottom:28px;
}

.market-kpi{
    background:white;
    border-radius:18px;
    padding:22px;
    box-shadow:var(--mk-shadow);
}

.market-kpi strong{
    display:block;
    font-size:34px;
}

.market-thumb-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e4f2e8;
  color: #124531;
  font-weight: 900;
}

.market-section{
  margin-top:28px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:24px;
  padding:24px;
  box-shadow:0 16px 40px rgba(15,23,42,.06);
}

.market-section-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}

.market-section-head h2{
  margin:0 0 6px;
  font-size:22px;
  color:#0f172a;
}

.market-section-head p{
  margin:0;
  color:#64748b;
}

.market-category-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.market-category-card{
  display:flex;
  gap:14px;
  padding:18px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff,#f8fafc);
}

.market-category-icon{
  width:46px;
  height:46px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#eef2ff;
  color:#3730a3;
  flex:0 0 auto;
}

.market-category-card h3{
  margin:0 0 6px;
  font-size:16px;
  color:#0f172a;
}

.market-category-card p{
  margin:0 0 10px;
  color:#64748b;
  font-size:13px;
  line-height:1.4;
}

.market-category-card strong{
  font-size:13px;
  color:#111827;
}

.market-recent-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.market-recent-card{
  border:1px solid rgba(15,23,42,.08);
  border-radius:20px;
  overflow:hidden;
  background:#fff;
}

.market-recent-card img,
.market-recent-empty{
  width:100%;
  height:140px;
  object-fit:cover;
  background:#f1f5f9;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:32px;
  color:#94a3b8;
}

.market-recent-body{
  padding:14px;
}

.market-recent-body h3{
  margin:10px 0;
  font-size:15px;
  color:#0f172a;
}

@media(max-width:1100px){
  .market-category-grid,
  .market-recent-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:680px){
  .market-category-grid,
  .market-recent-grid{
    grid-template-columns:1fr;
  }
}

.layout-content{
  background:
    radial-gradient(circle at 8% 4%, rgba(216,183,93,.18), transparent 28%),
    radial-gradient(circle at 92% 8%, rgba(36,118,79,.18), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(15,51,38,.10), transparent 38%),
    linear-gradient(180deg,#fbfdf8 0%,#eef6ea 100%);
}


.market-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.market-hero:after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  border-radius:50%;
  right:-140px;
  top:-180px;
  background:radial-gradient(circle, rgba(216,183,93,.42), transparent 66%);
  z-index:0;
}

.market-hero h1,
.market-hero p{
  z-index:1;
}

.market-hero h1{
  text-shadow:0 8px 28px rgba(0,0,0,.22);
}

.market-kpi{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(18,69,49,.10);
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(245,250,242,.90));
  transition:transform .22s ease, box-shadow .22s ease;
}

.market-kpi:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent, rgba(216,183,93,.14), transparent);
  transform:translateX(-100%);
  transition:transform .7s ease;
}

.market-kpi:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 60px rgba(7,31,23,.16);
}

.market-kpi:hover:before{
  transform:translateX(100%);
}

.market-kpi span{
  color:var(--mk-muted);
  font-weight:800;
}


.market-category-card{
  position:relative;
  overflow:hidden;
  min-height:180px;
  align-items:flex-start;
  background:
    radial-gradient(circle at 100% 0%, rgba(216,183,93,.18), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,252,245,.94));
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.market-category-card:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:4px;
  background:linear-gradient(90deg,var(--mk-green-700),var(--mk-gold));
  opacity:.75;
}

.market-category-card:hover{
  transform:translateY(-6px);
  border-color:rgba(216,183,93,.45);
  box-shadow:0 24px 70px rgba(7,31,23,.14);
}

.market-category-icon{
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.55), transparent 35%),
    linear-gradient(135deg, var(--mk-green-900), var(--mk-green-600));
  color:white;
  box-shadow:0 12px 26px rgba(13,51,38,.22);
}

.market-category-icon .material-icons{
  font-size:25px;
}


.market-recent-card{
  position:relative;
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.market-recent-card:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 68px rgba(7,31,23,.15);
  border-color:rgba(216,183,93,.42);
}

.market-recent-card img,
.market-recent-empty{
  height:170px;
}

.market-recent-body{
  background:linear-gradient(180deg,#fff,#f8fbf5);
}

.market-recent-body strong{
  color:var(--mk-green-950);
  font-size:18px;
}


.market-btn{
  position:relative;
  overflow:hidden;
}

.market-btn:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.22), transparent);
  transform:translateX(-120%);
  transition:transform .6s ease;
}

.market-btn:hover:after{
  transform:translateX(120%);
}


@media (prefers-reduced-motion: reduce){
  *,
  *:before,
  *:after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}

.market-actionbar{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:-22px 0 28px;
  position:relative;
  z-index:2;
}

.market-btn .material-icons{
  font-size:19px;
  margin-right:8px;
}

.market-btn-light{
  background:rgba(255,255,255,.92);
  color:var(--mk-green-900);
  border:1px solid rgba(18,69,49,.14);
  box-shadow:0 12px 28px rgba(7,31,23,.10);
}

.market-btn-light:hover{
  color:white;
  background:linear-gradient(135deg,var(--mk-green-900),var(--mk-green-600));
}

.market-hero-premium{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:28px;
  align-items:center;
}

.market-hero-content,
.market-hero-panel{
  position:relative;
  z-index:2;
}

.market-hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-weight:900;
  margin-bottom:18px;
}

.market-hero-kicker .material-icons{
  font-size:18px;
  color:var(--mk-gold);
}

.market-hero-premium h1{
  max-width:760px;
  font-size:clamp(38px,4.8vw,62px);
  line-height:.98;
  margin-bottom:20px;
}

.market-hero-premium p{
  max-width:760px;
}

.market-hero-flow{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-top:24px;
}

.market-hero-flow span{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  padding:9px 12px;
  border-radius:999px;
  font-size:13px;
  font-weight:900;
}

.market-hero-flow strong{
  color:var(--mk-gold);
}

.market-hero-panel{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  border-radius:28px;
  padding:24px;
  backdrop-filter:blur(18px);
  box-shadow:0 24px 70px rgba(0,0,0,.18);
}

.market-hero-panel-title{
  font-weight:950;
  margin-bottom:16px;
  color:#fff;
}

.market-hero-mini-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}

.market-hero-mini-grid div{
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  padding:14px;
  text-align:center;
}

.market-hero-mini-grid strong{
  display:block;
  font-size:28px;
  color:#fff;
}

.market-hero-mini-grid span{
  font-size:12px;
  color:rgba(255,255,255,.78);
  font-weight:800;
}

.market-hero-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}

.market-hero-tags span{
  background:rgba(216,183,93,.18);
  color:#fff6d7;
  border:1px solid rgba(216,183,93,.30);
  border-radius:999px;
  padding:8px 10px;
  font-size:12px;
  font-weight:900;
}

@media(max-width:980px){
  .market-hero-premium{
    grid-template-columns:1fr;
  }
}



.market-status.pending_review{
  background:#fff4d6;
  color:#8a5b00;
}

.market-status.rejected{
  background:#ffe1e1;
  color:#991b1b;
}

.market-status.sold_out{
  background:#e5e7eb;
  color:#374151;
}

.market-category-meta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-top:14px;
}

.market-category-meta strong{
  font-size:13px;
  color:var(--mk-green-950);
}

.market-category-meta span{
  color:var(--mk-green-700);
  font-weight:950;
  font-size:13px;
}

.market-action-disabled{
  background:#f3f4f6;
  color:#6b7280;
  padding:8px 11px;
  border-radius:999px;
  font-weight:800;
  font-size:13px;
}

.market-learning-card{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:18px;
  align-items:center;
  background:
    radial-gradient(circle at 100% 0%, rgba(216,183,93,.22), transparent 34%),
    linear-gradient(135deg,#ffffff,#f8fbf5);
  border:1px solid rgba(18,69,49,.12);
  border-radius:28px;
  padding:24px;
  margin:-18px 0 28px;
  box-shadow:0 18px 50px rgba(7,31,23,.10);
}

.market-learning-icon{
  width:58px;
  height:58px;
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--mk-green-900),var(--mk-green-600));
  color:white;
  box-shadow:0 12px 26px rgba(13,51,38,.22);
}

.market-learning-icon .material-icons{
  font-size:28px;
}

.market-learning-content span{
  display:block;
  color:var(--mk-green-700);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:950;
  margin-bottom:4px;
}

.market-learning-content h2{
  margin:0 0 6px;
  color:var(--mk-green-950);
  font-size:24px;
}

.market-learning-content p{
  margin:0;
  color:var(--mk-muted);
  line-height:1.5;
}

.market-cockpit-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.market-cockpit-card{
  background:
    radial-gradient(circle at 100% 0%, rgba(216,183,93,.14), transparent 34%),
    linear-gradient(180deg,#ffffff,#f8fbf5);
  border:1px solid rgba(18,69,49,.10);
  border-radius:22px;
  padding:20px;
}

.market-cockpit-card span{
  display:block;
  color:var(--mk-muted);
  font-weight:900;
  font-size:13px;
  margin-bottom:8px;
}

.market-cockpit-card strong{
  display:block;
  color:var(--mk-green-950);
  font-size:32px;
  line-height:1.1;
  margin-bottom:8px;
}

.market-cockpit-card small{
  color:var(--mk-muted);
  line-height:1.45;
}

.market-capital-list{
  display:grid;
  gap:16px;
}

.market-capital-row{
  background:#fff;
  border:1px solid rgba(18,69,49,.10);
  border-radius:18px;
  padding:16px;
}

.market-capital-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.market-capital-head strong{
  color:var(--mk-green-950);
}

.market-capital-head span{
  color:var(--mk-green-700);
  font-weight:950;
}

.market-capital-bar{
  height:10px;
  background:#edf4ea;
  border-radius:999px;
  overflow:hidden;
  margin-bottom:8px;
}

.market-capital-bar div{
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--mk-green-700),var(--mk-gold));
}

.market-capital-row small{
  color:var(--mk-muted);
}

.market-attention-list,
.market-event-list{
  display:grid;
  gap:12px;
}

.market-attention-item,
.market-event-item{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  background:linear-gradient(180deg,#fff,#f8fbf5);
  border:1px solid rgba(18,69,49,.10);
  border-radius:18px;
  padding:16px;
}

.market-attention-item strong,
.market-event-item strong{
  display:block;
  color:var(--mk-green-950);
}

.market-attention-item span,
.market-event-item span{
  display:block;
  color:var(--mk-muted);
  margin-top:4px;
  font-size:13px;
}

.market-event-item small{
  color:var(--mk-muted);
  font-weight:800;
  white-space:nowrap;
}

@media(max-width:900px){
  .market-learning-card{
    grid-template-columns:1fr;
  }

  .market-cockpit-grid{
    grid-template-columns:1fr;
  }

  .market-attention-item,
  .market-event-item{
    align-items:flex-start;
    flex-direction:column;
  }
}