.marketplace-page {
  background: #f3eee7;
}

.marketplace-page .agent-page {
  width: min(1160px, 100%);
  padding: 20px 18px 56px;
  gap: 16px;
}

.marketplace-page .agent-hero {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.marketplace-page .agent-panel,
.marketplace-page .agent-code-card,
.marketplace-page .agent-card,
.marketplace-page .marketplace-entry,
.marketplace-page .marketplace-role-link,
.marketplace-page .marketplace-hero-stat,
.marketplace-page .marketplace-hero-note,
.marketplace-page .marketplace-form-card,
.marketplace-page .marketplace-role-guide {
  border-radius: 8px;
  box-shadow: none;
}

.marketplace-page .agent-panel {
  padding: 20px;
}

.marketplace-page .agent-hero h1 {
  margin-top: 10px;
  max-width: none;
  font-size: clamp(1.9rem, 3.4vw, 2.6rem);
  line-height: 1;
}

.marketplace-page .agent-subhead {
  max-width: 52ch;
  font-size: 0.98rem;
}

.marketplace-page .agent-nav {
  margin-top: 10px;
  gap: 12px;
}

.marketplace-page .agent-nav a {
  font-size: 0.92rem;
}

.marketplace-toplinks {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  color: var(--muted);
  font-size: 0.92rem;
}

.marketplace-toplinks a {
  text-decoration: none;
}

.marketplace-toplinks a:hover {
  color: var(--ink);
}

.marketplace-protocol-strip {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.marketplace-protocol-link {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  text-decoration: none;
}

.marketplace-protocol-link span {
  color: var(--muted);
  font-size: 0.78rem;
}

.marketplace-protocol-link code {
  font-size: 0.94rem;
  overflow-wrap: anywhere;
}

.marketplace-machine-note {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 0.9rem;
}

.marketplace-page .marketplace-role-strip {
  margin-top: 14px;
  gap: 10px;
}

.marketplace-page .marketplace-role-link {
  padding: 14px;
  background: var(--surface);
}

.marketplace-page .marketplace-role-link strong {
  font-size: 0.98rem;
}

.marketplace-page .marketplace-role-link span {
  font-size: 0.9rem;
  line-height: 1.4;
}

.marketplace-page .marketplace-hero-strip {
  margin-top: 14px;
  grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr);
}

.marketplace-page .marketplace-hero-stat {
  padding: 14px;
}

.marketplace-page .marketplace-hero-stat strong {
  font-size: 1.1rem;
}

.marketplace-page .marketplace-hero-note {
  padding: 14px;
}

.marketplace-page .marketplace-hero-note strong {
  font-size: 1.05rem;
}

.marketplace-hero-note-kicker {
  color: var(--muted);
  font-size: 0.82rem;
}

.marketplace-page .agent-section-head {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.9fr);
  gap: 14px;
  align-items: start;
}

.marketplace-page .agent-section-head h2 {
  font-size: 1.5rem;
  line-height: 1.05;
}

.marketplace-page .marketplace-submit-grid {
  grid-template-columns: minmax(0, 1.3fr) minmax(260px, 0.7fr);
  gap: 16px;
}

.marketplace-market-grid {
  margin-top: 16px;
  display: grid;
  grid-template-columns: minmax(300px, 0.9fr) minmax(0, 1.1fr);
  gap: 16px;
}

.marketplace-directory-toolbar {
  margin-top: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
  gap: 12px;
  align-items: center;
}

.marketplace-filter-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.marketplace-filter-group .agent-btn {
  min-height: 36px;
  padding: 0 12px;
}

.marketplace-filter-group .agent-btn.is-active {
  background: var(--accent-strong);
  border-color: var(--accent-strong);
  color: #fffdf9;
}

.marketplace-search input {
  min-height: 40px;
}

.marketplace-directory-status {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 0.94rem;
}

.marketplace-summary-strip {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.marketplace-summary-card {
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
}

.marketplace-summary-card span {
  color: var(--muted);
  font-size: 0.85rem;
}

.marketplace-summary-card strong {
  font-size: 1.2rem;
  line-height: 1;
}

.marketplace-page .marketplace-side-notes {
  top: 18px;
}

.marketplace-page .marketplace-form-quickpicks {
  gap: 8px;
}

.marketplace-page .marketplace-form-quickpicks .agent-btn,
.marketplace-page .marketplace-form button[type='submit'] {
  min-height: 40px;
}

.marketplace-page .marketplace-form textarea {
  min-height: 120px;
}

.marketplace-page .marketplace-entry {
  padding: 14px;
  min-width: 0;
  gap: 12px;
}

.marketplace-directory-group + .marketplace-directory-group {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--border);
}

.marketplace-seed-group {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed var(--border);
}

.marketplace-seed-head {
  display: grid;
  gap: 4px;
  margin-bottom: 10px;
}

.marketplace-seed-head strong {
  font-size: 0.92rem;
}

.marketplace-seed-head span {
  color: var(--muted);
  font-size: 0.86rem;
}

.marketplace-directory-head {
  margin-bottom: 10px;
}

.marketplace-directory-head h4 {
  margin: 0;
  font-size: 0.98rem;
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.marketplace-directory-head h4 span {
  color: var(--muted);
  font-size: 0.88rem;
  font-weight: 500;
}

.marketplace-directory-head p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 0.92rem;
}

.marketplace-page .marketplace-entry-headline {
  font-size: 0.98rem;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.marketplace-page .marketplace-entry p {
  line-height: 1.5;
  overflow-wrap: anywhere;
  word-break: break-word;
  margin: 0;
}

.marketplace-lead-entry {
  background: #eaf4ff;
}

.marketplace-page .marketplace-entry-meta,
.marketplace-page .marketplace-tags,
.marketplace-page .marketplace-entry-badges {
  gap: 8px;
}

.marketplace-page .marketplace-entry-meta {
  color: var(--muted);
  font-size: 0.9rem;
}

.marketplace-page .marketplace-entry-badges span,
.marketplace-page .marketplace-tags span {
  border-radius: 6px;
}

.marketplace-page .marketplace-entry-head h4,
.marketplace-page .marketplace-entry-time,
.marketplace-page .marketplace-entry-foot,
.marketplace-page .marketplace-entry-foot a {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.marketplace-page .marketplace-entry-time {
  white-space: nowrap;
  color: var(--muted);
  font-size: 0.86rem;
}

.marketplace-page .marketplace-entry-foot {
  padding-top: 2px;
}

.marketplace-origin-badge.is-external {
  border-color: rgba(65, 102, 54, 0.3);
  background: #edf4e8;
  color: #355429;
}

.marketplace-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.marketplace-action-link {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--accent-strong);
  border-radius: 8px;
  background: var(--accent-strong);
  color: #fffdf9;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 600;
}

.marketplace-action-link.secondary {
  border-color: var(--border-strong);
  background: var(--surface-strong);
  color: var(--ink);
}

.marketplace-page .agent-code-grid {
  margin-top: 16px;
  gap: 16px;
}

.marketplace-page .marketplace-note-list {
  gap: 12px;
}

.marketplace-page .marketplace-note-list p {
  line-height: 1.5;
}

@media (max-width: 980px) {
  .marketplace-page .marketplace-hero-strip,
  .marketplace-protocol-strip,
  .marketplace-page .marketplace-submit-grid,
  .marketplace-market-grid,
  .marketplace-directory-toolbar,
  .marketplace-page .agent-section-head,
  .marketplace-summary-strip {
    grid-template-columns: 1fr;
  }

  .marketplace-page .marketplace-side-notes {
    position: static;
  }

  .marketplace-summary-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .marketplace-page .agent-page {
    padding: 16px 12px 44px;
  }

  .marketplace-page .agent-panel {
    padding: 16px;
  }

  .marketplace-page .marketplace-role-strip,
  .marketplace-page .marketplace-form-quickpicks {
    grid-template-columns: 1fr;
  }

  .marketplace-page .marketplace-entry-head {
    grid-template-columns: 1fr;
  }

  .marketplace-page .marketplace-entry-time {
    white-space: normal;
  }

  .marketplace-summary-strip {
    grid-template-columns: 1fr;
  }
}