/* Starter themes are editorial suggestions, separate from real participation. */
.study-wisdom-disclosure { font-family: var(--font-sans); margin: 0 0 1rem; color: var(--font-secondary); font-size: .875rem; line-height: 1.5; }
.study-wisdom { padding: 1.25rem; margin-bottom: 1.5rem; border: 1px solid var(--brand-gray); border-radius: 1rem; background: var(--brand-light-bg); }
.study-wisdom-title svg { flex-shrink: 0; }
.study-wisdom-title { display: flex; align-items: center; gap: .5rem; margin: 0 0 1rem; color: var(--brand-navy); font-family: var(--font-sans); font-size: 1rem; }
.study-wisdom-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin: 0 0 1rem; }
.study-wisdom-metrics > div { display: flex; flex-direction: column; padding: .75rem; border-radius: .75rem; background: var(--bg-surface); }
.study-wisdom-metrics dt, .study-wisdom-label { font-family: var(--font-sans); font-size: .75rem; font-weight: 600; color: var(--font-secondary); }
.study-wisdom-metrics dd { order: -1; margin: 0; color: var(--brand-navy); font-size: 1.5rem; }
.study-wisdom-themes { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); gap: .5rem; padding: 0; margin: .5rem 0 0; list-style: none; align-items: start; }
.study-wisdom-themes li { min-width: 0; padding: 0; margin: 0; list-style: none; }
.study-wisdom-reflection { border: 1px solid var(--border-subtle); border-radius: .6rem; background: var(--bg-surface); overflow-wrap: anywhere; }
.study-wisdom-reflection summary { display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-height: 44px; padding: .6rem .75rem; color: var(--brand-navy); font-family: var(--font-sans); font-size: .875rem; font-weight: 600; cursor: pointer; list-style: none; }
.study-wisdom-reflection summary::-webkit-details-marker { display: none; }
.study-wisdom-reflection summary svg { flex-shrink: 0; }
.study-wisdom-reflection[open] summary svg { transform: rotate(180deg); }
.study-wisdom-reflection summary:focus-visible { outline: 2px solid var(--brand-orange); outline-offset: 2px; }
.study-wisdom-reflection p { padding: 0 .75rem .75rem; margin: 0; color: var(--font-secondary); font-family: var(--font-sans); font-size: .875rem; line-height: 1.6; }