.corpus-forms-card { border:1px solid #ddd6fe; border-radius:14px; background:#fff; box-shadow:0 1px 3px #0f172a0a; overflow:hidden; }
.corpus-forms-summary { display:flex; align-items:center; gap:12px; padding:18px 20px; cursor:pointer; list-style:none; }
.corpus-forms-summary::-webkit-details-marker, .corpus-form-item > summary::-webkit-details-marker { display:none; }
.corpus-forms-summary::after { content:'⌄'; margin-left:auto; color:#6d28d9; font-size:22px; font-weight:900; }
.corpus-forms-card[open] > .corpus-forms-summary::after { transform:rotate(180deg); }
.corpus-forms-title { display:block; font-size:1.2rem; font-weight:900; color:#4c1d95; }
.corpus-forms-query { display:block; margin-top:3px; color:#64748b; font-size:.9rem; overflow-wrap:anywhere; }
.corpus-forms-meta { color:#64748b; font-size:.8rem; margin-left:auto; }
.corpus-forms-body { border-top:1px solid #ede9fe; padding:16px 20px; }
.corpus-form-note { color:#64748b; font-size:.85rem; line-height:1.6; margin:0 0 12px; }
.corpus-form-list { display:grid; gap:8px; }
.corpus-form-item { border:1px solid #e2e8f0; border-radius:10px; overflow:hidden; }
.corpus-form-item > summary { display:grid; grid-template-columns:minmax(140px,1.2fr) minmax(70px,1fr) 85px 65px; align-items:center; gap:12px; padding:12px; cursor:pointer; list-style:none; background:#f8fafc; }
.corpus-form-item > summary:hover { background:#f5f3ff; }
.corpus-form-name { display:flex; flex-wrap:wrap; align-items:center; gap:7px; overflow-wrap:anywhere; }
.corpus-form-name b { color:#5b21b6; }
.corpus-form-name::before { content:'▸'; color:#7c3aed; }
.corpus-form-item[open] > summary .corpus-form-name::before { content:'▾'; }
.corpus-form-area { font-size:.7rem; font-weight:700; border:1px solid #ddd6fe; color:#6b21a8; background:#faf5ff; border-radius:999px; padding:2px 7px; }
.corpus-form-track { display:block; height:8px; border-radius:999px; overflow:hidden; background:#e2e8f0; }
.corpus-form-track > span { display:block; height:100%; background:linear-gradient(90deg,#7c3aed,#db2777); border-radius:999px; }
.corpus-form-count, .corpus-form-share { text-align:right; color:#475569; font-size:.85rem; font-variant-numeric:tabular-nums; }
.corpus-form-witnesses { padding:12px 16px; border-top:1px solid #e2e8f0; }
.corpus-form-witness-list { list-style:decimal; margin:0; padding-left:22px; }
.corpus-form-witness-list li + li { margin-top:14px; border-top:1px solid #f1f5f9; padding-top:14px; }
.corpus-form-sentence { color:#1e293b; font-size:1rem; line-height:1.8; margin:0; overflow-wrap:anywhere; }
.corpus-form-hit { color:#b91c1c; background:#fee2e2; padding:0 3px; border-radius:4px; font-weight:900; }
.corpus-form-source, .corpus-form-meaning { margin:6px 0 0; color:#64748b; font-size:.78rem; line-height:1.6; overflow-wrap:anywhere; }
.corpus-form-source a { color:#6d28d9; text-decoration:underline; }
.corpus-form-retry { border:1px solid #c4b5fd; border-radius:7px; padding:7px 12px; color:#5b21b6; background:#f5f3ff; cursor:pointer; }
@media (max-width:640px) {
  .corpus-forms-summary { padding:14px; flex-wrap:wrap; }
  .corpus-forms-body { padding:12px; }
  .corpus-form-item > summary { grid-template-columns:minmax(0,1fr) auto auto; gap:8px; }
  .corpus-form-track { grid-row:2; grid-column:1/-1; }
  .corpus-form-witnesses { padding:12px; }
}
