/* Get Involved page styles */
.prose { max-width: 60rem; margin: 0 auto; padding: 1rem; }
.prose h1 { font-size: 2rem; margin-bottom: .5rem; }
.prose h2 { font-size: 1.25rem; margin: 0 0 .4rem; }
.prose p { margin: .5rem 0 1rem; }
.prose ul { margin: .25rem 0 1rem 1.25rem; }
.note { color: var(--muted); font-size: .95rem; }

.stack { display: grid; gap: 1rem; }
.anchor { scroll-margin-top: calc(var(--header-h,64px) + 16px); }

.callout { border: 1px solid var(--border); border-radius: 12px; background: var(--card); box-shadow: 0 2px 8px rgba(0,0,0,0.04); overflow: hidden; }
.callout .head { display: flex; align-items: center; gap: .6rem; padding: .8rem 1rem; border-bottom: 1px solid var(--border); background: color-mix(in oklab, var(--accent) 6%, transparent); }
.callout .head .tag { display: inline-flex; align-items:center; height: 1.15rem; padding: 0 .55rem; font-size: .72rem; border-radius: 999px; border: 1px solid var(--border); color: var(--muted); background: var(--card); }
.callout .body { padding: 1rem; }
.callout ul { margin-left: 1rem; }

/* Theming per section */
.callout.students .head { background: color-mix(in oklab, #1d4ed8 10%, transparent); }
.callout.collab .head { background: color-mix(in oklab, #16a34a 10%, transparent); }

@media (prefers-color-scheme: dark) {
  .callout .head { background: color-mix(in oklab, var(--accent) 12%, transparent); }
  .callout.students .head { background: color-mix(in oklab, #1d4ed8 14%, transparent); }
  .callout.collab .head { background: color-mix(in oklab, #16a34a 14%, transparent); }
}