.panel { margin-top: 18px; overflow: hidden; }
.heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 16px 19px 12px; }
.heading h2 { margin: 0 0 4px; color: #52663f; font-size: 14px; }
.heading p { margin: 0; color: #748167; font-size: 11px; }
.heading h2 { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.details > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; padding: 0 19px 15px; color: #597448; font-size: 12px; }
.details > summary::after { content: "+"; font-size: 18px; }
.details[open] > summary::after { content: "−"; }
.details > summary > span { margin-left: auto; color: #748167; font-size: 11px; }
.note { margin: 0 19px 12px; padding: 9px 12px; background: #faf5eb; border: 1px solid #eadbc5; border-radius: 7px; color: #89704e; font-size: 11px; }
.list { max-height: 380px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #d3ddc6 transparent; }
.record { padding: 13px 19px 16px; border-top: 1px solid #e8ecdf; }
.recordHeading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; color: #748167; font-size: 11px; }
.recordHeading strong { font-weight: 600; color: #647a50; }
.fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 24px; margin: 0; }
.fields > div { min-width: 0; }
.wide { grid-column: 1 / -1; }
.fields dt { margin-bottom: 4px; color: #748167; font-size: 11px; }
.fields dd { margin: 0; color: #4e603f; font-size: 13px; line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; }
.source { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 4px 14px; padding: 10px 19px; border-top: 1px solid #e8ecdf; background: #fafbf5; color: #748167; font-size: 11px; overflow-wrap: anywhere; }
@media (max-width: 600px) { .fields { grid-template-columns: minmax(0, 1fr); } }