/* Public website (card 35). Small: buttons, cards and screenshot placeholders. Everything else is Tailwind utilities. */
body { font-family: Inter, ui-sans-serif, system-ui, "Segoe UI", sans-serif; }

.site-btn { display:inline-flex; align-items:center; justify-content:center; gap:.375rem; border-radius:.5rem; background:#4f46e5; color:#fff; padding:.625rem 1.125rem; font-size:.9375rem; font-weight:600; box-shadow:0 1px 2px rgb(0 0 0 / .08); text-decoration:none; }
.site-btn:hover { background:#4338ca; }
.site-btn-lg { padding:.875rem 1.5rem; font-size:1.0625rem; }
.site-btn-light { background:#fff; color:#3730a3; }
.site-btn-light:hover { background:#eef2ff; }
.site-btn-ghost { display:inline-flex; align-items:center; justify-content:center; gap:.375rem; border-radius:.5rem; border:1px solid #cbd5e1; background:#fff; color:#334155; padding:.5rem 1rem; font-size:.9375rem; font-weight:500; text-decoration:none; }
.site-btn-ghost:hover { background:#f8fafc; border-color:#a5b4fc; color:#3730a3; }
.site-btn-outline { display:inline-flex; align-items:center; justify-content:center; gap:.375rem; border-radius:.5rem; border:1px solid rgb(255 255 255 / .5); color:#fff; padding:.625rem 1.125rem; font-size:.9375rem; font-weight:600; text-decoration:none; }
.site-btn-outline:hover { background:rgb(255 255 255 / .1); }

.site-card { border-radius:.75rem; border:1px solid #e2e8f0; background:#fff; padding:1.25rem; box-shadow:0 1px 2px rgb(0 0 0 / .04); }

.site-shot { border-radius:.75rem; border:1px dashed #c7d2fe; background:#eef2ff; min-height:14rem; display:flex; align-items:center; justify-content:center; text-align:center; padding:1.5rem; }
.site-shot-tall { min-height:18rem; }
.site-shot-inner { display:flex; flex-direction:column; align-items:center; max-width:22rem; }
.site-shot img { border-radius:.5rem; max-width:100%; height:auto; }

details > summary::-webkit-details-marker { display:none; }
details[open] > summary { color:#4338ca; }