.sww-metrics-sidebar { margin: 18px 0; }
.sww-metrics-public { margin: 10px 0; border: 1px solid #ded7e8; border-radius: 8px; background: #fff; color: #292431; font-size: 13px; }
.sww-metrics-public > summary { position: relative; padding: 12px 32px 12px 12px; font-size: 15px; font-weight: 650; cursor: pointer; list-style: none; }
.sww-metrics-public > summary::-webkit-details-marker { display: none; }
.sww-metrics-public > summary::after { content: ""; position: absolute; right: 12px; top: 17px; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }
.sww-metrics-public[open] > summary::after { transform: rotate(225deg); }
.sww-metrics-public summary:focus-visible, .sww-metrics-edit summary:focus-visible { outline: 2px solid #642aa2; outline-offset: 2px; }
.sww-metrics-content { padding: 0 12px 12px; overflow-wrap: anywhere; }
.sww-metrics-content > .sww-openalex-content { padding: 0; }
.sww-metrics-scope + .sww-openalex-content { margin-top: 14px; padding-top: 12px; border-top: 1px solid #e9e3ef; }
.sww-metrics-help { color: #62596d; font-size: .92em; line-height: 1.5; margin: 7px 0; }
.sww-metrics-values { margin: 10px 0; }
.sww-metrics-values > div { display: flex; justify-content: space-between; gap: 12px; padding: 5px 0; }
.sww-metrics-values dt { min-width: 0; font-weight: 400; overflow-wrap: anywhere; }
.sww-metrics-values dd { flex-shrink: 0; max-width: 55%; margin: 0; text-align: right; font-weight: 600; overflow-wrap: anywhere; }
.sww-metrics-citations { margin: 8px 0; }
.sww-metrics-citations summary { cursor: pointer; }
.sww-metrics-citations ol { padding-left: 20px; }
.sww-metrics-citations li { margin: 8px 0; line-height: 1.5; }
.sww-metrics-years summary { cursor: pointer; padding: 8px 0; }
.sww-metrics-years table { width: 100%; margin-bottom: 10px; }
.sww-metrics-years th, .sww-metrics-years td { padding: 4px 0; border-bottom: 1px solid #e9e3ef; }
.sww-metrics-years td { text-align: right; }
.sww-metrics-scholar { margin: 12px 0 0; }
.sww-metrics-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.sww-metrics-heading > * { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.sww-metrics-heading .label { white-space: normal; line-height: 1.5; }
.sww-metrics-editor { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); align-items: start; gap: 16px; margin: 20px 0; }
.sww-metrics-editor .panel { margin: 0; }
.sww-metrics-edit > summary { padding: 8px 0; font-weight: 600; cursor: pointer; color: #542788; }
.sww-metrics-form { padding: 8px 0 0; }
.sww-metrics-toolbar > form { flex: 0 0 auto; margin: 0; }
.sww-metrics-back { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.sww-metrics-report { table-layout: fixed; width: 100%; }
.sww-metrics-report th, .sww-metrics-report td { overflow-wrap: anywhere; white-space: normal; }
.sww-metrics-report th:first-child { width: 50%; }
html[data-sww-text-size]:not([data-sww-text-size="100"]) .sww-metrics-toolbar { flex-wrap: wrap; overflow: visible; }
html[data-sww-text-size]:not([data-sww-text-size="100"]) .sww-metrics-toolbar > * { max-width: 100%; }
html[data-sww-text-size]:not([data-sww-text-size="100"]) .sww-metrics-toolbar .btn { white-space: normal; overflow-wrap: anywhere; }
.sww-metrics-inputs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; }
html[data-sww-contrast="high"] .sww-metrics-public { background: #000 !important; color: #fff !important; border-color: #fff !important; }
html[data-sww-contrast="high"] .sww-metrics-help { color: #fff !important; }
@media (max-width: 767px) { .sww-metrics-sidebar { margin: 10px 0 16px; } }