/* mesh.wiki — site-specific styles. The SHELL chrome (topbar/menu/footer) is
   styled by the shared /lib/art-shell-extras.css; keep only page-body styles
   here so the shell stays identical across every mesh site. */
.site-main { max-width: 1100px; margin: 0 auto; padding: 48px 20px 80px; }
.site-hero h1 { font-size: clamp(28px, 5vw, 48px); margin: 0 0 8px; }
.site-hero .lede { font-size: 18px; color: var(--mesh-dim, #5a6472); max-width: 60ch; }
.dev-badge { margin-top: 16px; font-size: 13px; color: var(--mesh-warn, #b8860b); }
.dev-badge code { background: rgba(0,0,0,.06); padding: 1px 6px; border-radius: 4px; }
.site-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; margin-top: 40px; }
.site-card { display: block; padding: 18px; border: 1px solid var(--mesh-line, #e2e6ea); border-radius: 12px; text-decoration: none; color: inherit; transition: border-color .15s; }
.site-card:hover { border-color: var(--mesh-accent, #3b82f6); }
.site-card h2 { margin: 0 0 6px; font-size: 17px; }
.site-card p { margin: 0; color: var(--mesh-dim, #5a6472); font-size: 14px; }