/* Existing Science colors, Manrope and card language. No new global styles. */
:is(.sci-studies, .sci-study-editor) {
  --study-action: var(--green);
  font-size: 1rem;
  min-width: 0;
}
[data-theme="dark"] :is(.sci-studies, .sci-study-editor) {
  --study-action: color-mix(in srgb, var(--green) 75%, black);
}
.sci-studies { margin-top: 1.75rem; }
.sci-studies-head { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: .75rem; }
:is(.sci-studies, .sci-study-editor) h4 { font-size: 1.125rem; margin: 0; }
:is(.sci-studies, .sci-study-editor) button,
.sci-study-docs a {
  min-height: 44px; padding: .625rem 1rem; border: 1px solid var(--line);
  border-radius: .625rem; color: var(--ink); background: var(--panel); font: inherit;
  font-size: .875rem; font-weight: 600; cursor: pointer; overflow-wrap: anywhere;
  max-width: 100%; white-space: normal;
}
:is(.sci-studies, .sci-study-editor) :is(button, input, textarea, select, a, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--green-2, var(--green)); outline-offset: 3px;
}
.sci-study { border: 1px solid var(--line); border-radius: .875rem; margin: .75rem 0; overflow: hidden; }
.sci-study > summary {
  display: flex; justify-content: space-between; align-items: center; gap: 1rem;
  min-height: 64px; padding: 1rem 1.25rem; cursor: pointer; font-size: 1.125rem; font-weight: 700;
}
.sci-study > summary::after { content: "+"; font-size: 1.5rem; font-weight: 400; flex: none; }
.sci-study[open] > summary::after { content: "−"; }
.sci-study > summary span { flex: 1; overflow-wrap: anywhere; }
.sci-study > summary small { font-size: .875rem; font-weight: 500; white-space: nowrap; color: var(--ink); }
.sci-study-body { display: grid; gap: 1rem; border-top: 1px solid var(--line); padding: 1.25rem; }
.sci-study-description { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.65; margin: 0; max-width: 78ch; }
.sci-study-note { font-size: .875rem; line-height: 1.6; margin: .75rem 0; }
.sci-study-docs { display: grid; gap: .625rem; }
.sci-study-docs a { display: grid; gap: .25rem; text-decoration: none; width: fit-content; }
.sci-study-docs a:hover { border-color: var(--green); }
.sci-study-docs span { font-size: .875rem; font-weight: 400; }
.sci-study-images { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .625rem; }
.sci-study-images button { padding: 0; overflow: hidden; aspect-ratio: 4 / 3; }
.sci-study-images img { display: block; width: 100%; height: 100%; object-fit: contain; background: var(--panel); }
.sci-study-body > button { justify-self: start; }
.sci-tab[data-tab="studies"] { min-height: 44px; }
.sci-study-editor { display: grid; gap: 1rem; }
.sci-study-editor p { font-size: .875rem; line-height: 1.6; margin: 0; overflow-wrap: anywhere; }
.sci-study-editor form, .sci-study-editor fieldset { display: grid; gap: 1rem; min-width: 0; }
.sci-study-editor fieldset { padding: 0; margin: 0; border: 0; }
.sci-study-editor label { display: grid; gap: .375rem; font-size: .875rem; font-weight: 600; min-width: 0; }
.sci-study-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; min-width: 0; }
.sci-study-editor :is(input:not([type="file"]), textarea, select) {
  width: 100%; min-width: 0; max-width: 100%; min-height: 44px; padding: .625rem .75rem;
  border: 1px solid var(--line); border-radius: .625rem; background: var(--panel); color: var(--ink);
  font: inherit; font-size: 1rem; box-sizing: border-box;
}
.sci-study-editor textarea { resize: vertical; min-height: 110px; }
.sci-study-drop { display: grid; gap: .5rem; padding: 1.25rem; border: 1px dashed var(--green);
  border-radius: .75rem; cursor: pointer; line-height: 1.6; }
.sci-study-drop span { font-size: .875rem; }
.sci-study-drop.is-over { background: var(--green-soft); outline: 2px solid var(--green); }
.sci-study-save, .sci-study-file-actions { display: flex; flex-wrap: wrap; gap: .625rem; }
.sci-study-save button[type="submit"] { background: var(--study-action); border-color: var(--study-action); color: #fff; }
.sci-study-queue, .sci-study-existing { display: grid; gap: .75rem; min-width: 0; }
.sci-study-queue:empty, .sci-study-existing:empty { display: none; }
.sci-study-file { display: grid; gap: .625rem; padding: 1rem; border: 1px solid var(--line); border-radius: .75rem; min-width: 0; }
.sci-study-file strong, .sci-study-file a { overflow-wrap: anywhere; font-size: .875rem; color: var(--ink); }
.sci-study-file-state { font-size: .875rem; }
.sci-study-file > button { justify-self: start; }
.sci-study-status { min-height: 1.6em; }
.sci-study-status[data-error="true"] { font-weight: 700; }
.sci-study-editor progress { width: 100%; accent-color: var(--green); }
.sci-study-editor :disabled { opacity: .65; cursor: default; }
.sci-study-editor [hidden] { display: none !important; }
.sci-study-list { display: grid; gap: 1rem; }
.sci-study-card.sci-study { margin: 0; }
.sci-study-card .pub-cover { align-self: stretch; }
.sci-study-card .sci-study-cover { width: 100%; height: 100%; display: flex; align-items: flex-start; }
.sci-study-card .pub-cover svg { width: 100%; height: auto; aspect-ratio: 1; display: block; }
.sci-study-card .sci-study-body { border: 0; display: grid; align-content: start; gap: .875rem; }
.sci-study-card .sci-study-body > h4 { margin: 0; font-size: 1.125rem; line-height: 1.45; overflow-wrap: anywhere; }
.sci-study-card .sci-study-docs button { display: grid; gap: .25rem; text-align: left; width: fit-content; }
.sci-study-card .sci-study-description { font-size: .9375rem; }
.sci-study-card .pub-foot { margin-top: .25rem; }
@media (max-width: 620px) {
  .sci-study-card .pub-cover svg { height: 140px; aspect-ratio: auto; }
  .sci-studies-head { align-items: stretch; flex-direction: column; gap: .625rem; }
  .sci-study > summary { flex-wrap: wrap; gap: .5rem; padding: .875rem; }
  .sci-study > summary span { flex-basis: 100%; }
  .sci-study > summary small { flex: 1; }
  .sci-study-body { padding: .875rem; }
  .sci-study-images { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sci-study-fields { grid-template-columns: 1fr; }
  .sci-study-save { flex-direction: column; }
  .sci-modal-wide:has(.sci-study-editor) { padding: .75rem; }
  .sci-modal-wide:has(.sci-study-editor) .sci-modal { padding: 1.25rem; }
}