/* Public HTML uses the same color tokens as the marketplace application. */
.market-public { min-height:100dvh; background:var(--background,#fff); color:var(--foreground,#172b46); font-family:system-ui,sans-serif; }
.market-public header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:16px 24px; border-bottom:1px solid var(--border,#e2e8f0); }
.market-public header a { display:inline-flex; align-items:center; gap:8px; }
.market-public main { max-width:1200px; margin:auto; padding:32px 24px; }
.market-public h1 { font-size:28px; font-weight:650; margin-bottom:16px; }
.market-public h2 { font-size:18px; font-weight:600; margin:16px 0 8px; }
.market-public p { margin:12px 0; line-height:1.8; }
.market-public-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:24px; margin:32px 0; }
.market-public article { border:1px solid var(--border,#e2e8f0); border-radius:12px; padding:20px; overflow-wrap:anywhere; }
.market-public article img { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:8px; }
.market-public-cover { max-width:100%; max-height:480px; margin:24px 0; object-fit:contain; }
.market-public-description { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.8; margin:24px 0; }
.market-public a { text-decoration:none; color:inherit; }
.market-public a:hover { text-decoration:underline; }
.market-public nav { display:flex; justify-content:center; gap:24px; }