@layer components {
  html.study-tracker-modal-open { overflow: hidden; }
  .study-tracker { margin-top: 1.5rem; }
  .study-tracker [hidden] { display: none !important; }
  .study-tracker-banner { display: flex; align-items: center; gap: 1rem; padding: 1rem 1.25rem; border: 1px solid var(--warning-border); border-radius: 12px; background: var(--warning-soft); color: var(--warning-ink); }
  .study-tracker-warning-icon { flex: none; }
  .study-tracker-warning-icon svg { width: 20px; height: 20px; }
  .study-tracker-warning-copy { flex: 1; min-width: 0; }
  .study-tracker-warning-copy strong { font-size: .875rem; }
  .study-tracker-banner.is-clear { justify-content: flex-end; padding: 0; border: 0; background: transparent; }
  .study-tracker-banner.is-clear .study-tracker-warning-icon, .study-tracker-banner.is-clear .study-tracker-warning-copy { display: none; }
  .results-workspace-title { margin: 1.5rem 0 0; font: 400 1.55rem/1.3 var(--font-serif); }
  .study-tracker-panel { position: fixed; inset: 0 0 0 auto; z-index: 80; margin: 0; padding: 0; border: 0; width: min(30rem, 90vw); height: 100dvh; max-height: none; background: var(--surface); color: var(--ink); box-shadow: -12px 0 36px rgb(32 36 67 / .16); display: flex; flex-direction: column; overflow: hidden; }
  .study-tracker-header { display: flex; gap: 1rem; align-items: flex-start; justify-content: space-between; padding: 1.5rem; border-bottom: 1px solid var(--line-strong); }
  .study-tracker-header h2 { font: 400 1.55rem/1.3 var(--font-serif); }
  .study-tracker-header > button { flex: none; width: 44px; height: 44px; padding: .65rem; }
  .study-tracker-header > button svg { width: 20px; height: 20px; }
  .study-tracker-scroll { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0 1.5rem 1.5rem; scrollbar-color: var(--line-strong) var(--surface); }
  .study-tracker-scroll > [role="status"], .study-tracker-scroll > [data-study-tracker-target="error"] { margin-top: 1.25rem; }
  .study-tracker-scroll > [data-study-tracker-target="error"] button { margin-top: .75rem; }
  .study-tracker-notice:empty { display: none; }
  .study-tracker-notice { color: var(--success); font-size: .875rem; }
  .study-tracker-row { padding: 1.25rem 0; border-bottom: 1px solid var(--line-strong); overflow-wrap: anywhere; }
  .study-tracker-row-heading { display: flex; gap: 1rem; justify-content: space-between; align-items: flex-start; }
  .study-tracker-row h3 { font: 600 .9375rem/1.4 var(--font-sans); margin: 0; }
  .study-tracker-row-heading p, .study-tracker-row > p { font-size: .8rem; color: var(--muted); margin-top: .35rem; }
  .study-tracker-row .study-tracker-timing { color: var(--ink); margin-top: .75rem; font-size: .875rem; }
  .study-tracker-row-heading > button { flex: none; }
  .study-tracker-form { display: grid; gap: .9rem; padding-top: 1.25rem; }
  .study-tracker-form .field { display: grid; gap: .4rem; min-width: 0; }
  .study-tracker-form label { font-size: .8rem; font-weight: 600; }
  .study-tracker-form .document-drop-target { min-height: 11rem; padding: 1.25rem; }
  .study-tracker-form .document-file-trigger svg { width: 20px; height: 20px; }
  .study-tracker-form .study-selected-files:empty { display: none; }
  .study-tracker-form input, .study-tracker-form select { width: 100%; min-width: 0; }
  .study-tracker-form input[type="file"] { font-size: .8rem; }
  .study-tracker-form small { font-size: .75rem; color: var(--muted); }
  .study-tracker-form-actions { display: flex; gap: .65rem; align-items: center; }
  .study-tracker-form-actions input[type="submit"] { width: auto; }
  .study-tracker-form .field-error:empty { display: none; }
  .study-tracker-empty { padding-block: 1.5rem; color: var(--muted); }
  .study-tracker-footer { padding: 1rem 1.5rem; border-top: 1px solid var(--line-strong); font-size: .75rem; color: var(--muted); }
  .study-receipt-provenance { padding: 0 1.25rem 1rem; color: var(--muted); font-size: .75rem; }
  .study-receipt-provenance p + p { margin-top: .35rem; }
  .study-linked-results { margin-top: 1.5rem; }
  .study-linked-results > h3 { margin-bottom: 1rem; font: 400 1.45rem var(--font-serif); }
  .study-linked-results .results-document + .results-document { margin-top: 1rem; }
  @media (max-width: 650px) {
    .study-tracker-banner { gap: .75rem; flex-wrap: wrap; padding: 1rem; }
    .study-tracker-banner > .button { margin-left: 2rem; }
    .study-tracker-banner.is-clear > .button { margin: 0; }
    .study-tracker-panel { width: 100%; max-width: none; }
    .study-tracker-header, .study-tracker-footer { padding: 1rem; }
    .study-tracker-scroll { padding-inline: 1rem; }
    .study-tracker-form input[type="file"] { font-size: 1rem; }
  }
}