body[data-view="public-index"] .main-inner {
  gap: 24px;
}

.public-hero {
  padding: clamp(24px, 4vw, 36px);
  border-radius: 34px;
  border: 1px solid var(--line);
  background:
    radial-gradient(680px 320px at 12% 20%, rgba(197,162,96,.16), transparent 65%),
    radial-gradient(520px 280px at 92% 12%, rgba(122,49,56,.18), transparent 60%),
    linear-gradient(180deg, rgba(28,20,17,.9), rgba(16,12,10,.96));
  box-shadow: var(--shadow-2);
}
.public-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.public-card {
  padding: 24px;
  border-radius: 28px;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
  box-shadow: var(--shadow-1);
}
.public-card-list { display: flex; flex-direction: column; gap: 12px; margin-top: 16px; }
.public-card-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: start;
  padding: 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.03);
  border: 1px solid var(--line);
}
.public-grid { display: grid; gap: 18px; }

html[data-theme="light"] .public-hero,
html[data-theme="light"] .public-card {
  border-color: rgba(78, 50, 31, 0.1);
  box-shadow: var(--shadow-1), inset 0 1px 0 rgba(255,255,255,.58);
}
html[data-theme="light"] .public-hero {
  background:
    radial-gradient(680px 320px at 12% 20%, rgba(185,127,68,.12), transparent 65%),
    radial-gradient(520px 280px at 92% 12%, rgba(139,73,80,.1), transparent 60%),
    linear-gradient(180deg, rgba(255,252,248,.97), rgba(246,238,229,.99));
}
html[data-theme="light"] .public-card {
  background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(248,240,230,.95));
}
html[data-theme="light"] .public-card-item {
  background: rgba(255,255,255,.62);
  border-color: rgba(78, 50, 31, 0.09);
}
html[data-theme="light"] body[data-view="public-index"] .section-head {
  margin-bottom: 14px;
}

@media (max-width: 760px) {
  .public-hero,
  .public-card {
    padding: 16px;
  }
}