/* Stella 2.4: text follows the inline size of its own block, not the viewport.
   Readable rem fallbacks also preserve the reader's font preference. */
:root {
  --stella-type-title: 1.5rem;
  --stella-type-h1: 2rem;
  --stella-type-h2: 1.375rem;
  --stella-type-h3: 1.125rem;
  --stella-type-card: 1.375rem;
  --stella-type-small: .9375rem;
  --stella-type-meta: .875rem;
  --stella-type-contribution: 1rem;
  --stella-type-editor: 1rem;
}
body.stella-page {font-size:1rem;line-height:1.55}
body .stella-masthead .stella-brand strong,
body .stella-masthead .stella-context-title strong {font-size:var(--stella-type-title);line-height:1.18;overflow-wrap:anywhere;hyphens:auto}
body .stella-masthead .stella-brand>span,
body .stella-masthead .stella-context-title {min-width:0}
body .stella-masthead .stella-brand>span {flex:1 1 0%}
body .stella-masthead .stella-brand small {font-size:var(--stella-type-small);line-height:1.45;letter-spacing:normal;text-transform:none;overflow-wrap:anywhere}
body .stella-spaces a {font-size:var(--stella-type-small);line-height:1.4;min-height:44px;display:flex;align-items:center}
body.stella-page h1,body .stella-public-heading h1,#app>.stella-public-heading h1,
body .stella-share-dialog h1,body .stella-recorder-dialog h1 {font-size:var(--stella-type-h1);line-height:1.2;overflow-wrap:anywhere;hyphens:auto}
body.stella-page h2,body .stella-panel h2,body .stella-share-dialog h2 {font-size:var(--stella-type-h2);line-height:1.25;overflow-wrap:anywhere}
body.stella-page h3,body .stella-panel h3,body .m_modal--header h3 {font-size:var(--stella-type-h3);line-height:1.3;overflow-wrap:anywhere}
body .m_folder .m_folder--title,body .project-card h2 {font-size:var(--stella-type-card);line-height:1.25;overflow-wrap:anywhere;hyphens:auto}
body .m_home .font-small,body .m_modal--mask .font-small {font-size:var(--stella-type-small);line-height:1.45}
body .m_home .font-verysmall,body .m_home .font-veryverysmall,
body .m_modal--mask .font-verysmall,body .m_modal--mask .font-veryverysmall {font-size:var(--stella-type-meta);line-height:1.45}
body .stella-context {font-size:1rem;line-height:1.5}
body .stella-context .stella-tab,body .stella-context summary,
body .stella-admin-context .tabs a {font-size:1rem;line-height:1.4}
body .stella-panel label,body .stella-panel legend,body .stella-panel button,
body .stella-account details>summary,body.stella-page button.small,
body .project-card-link {font-size:var(--stella-type-small);line-height:1.45}
body .stella-public-categories,body .stella-public-date,body .project-publication,
body .stella-panel .stella-help,body .stella-request-list,body .project-path,
body .stella-results,body .project-card .eyebrow,body .member-profiles caption,
body.stella-page footer,body .stella-cover-picker small,body .stella-cover-state {font-size:var(--stella-type-meta);line-height:1.5}
body.stella-page table {font-size:var(--stella-type-small);line-height:1.45}
body.stella-page td,body.stella-page th {overflow-wrap:anywhere}
body.stella-page input,body.stella-page select,body.stella-page textarea,
body .stella-panel input:not([type=checkbox]):not([type=hidden]),
body .stella-panel select,body .stella-panel textarea,
body .m_modal--mask input,body .m_modal--mask select,body .m_modal--mask textarea {font-size:1rem!important;line-height:1.45}
body .m_modal--mask .ql-editor {font-size:var(--stella-type-editor)!important;line-height:1.5}
body .stella-media-block .mediaContainer[data-context=preview] {font-size:var(--stella-type-contribution);line-height:1.45;overflow-wrap:anywhere}
body .stella-media-block .stella-journal-preview {font-size:inherit;line-height:inherit}
body .stella-media-block .stella-journal-preview h3 {font-size:1.2em;line-height:1.25}
body .stella-media-block .stella-link-card {font-size:inherit;line-height:inherit}
body .stella-media-block .stella-link-card strong {font-size:1.15em;line-height:1.25}
body .stella-media-block .stella-link-card span {font-size:1em}
body .stella-media-block .stella-link-card small {font-size:.875em}
body .stella-media-block .packery-item-content--caption {font-size:var(--stella-type-meta)}
body .m_modal--header,body .m_modal--metaOptions {overflow-wrap:anywhere;min-width:0}
body .stella-category-list {max-height:40vh;max-height:40dvh;overflow-y:auto;padding:4px 0;overscroll-behavior:contain}
body .stella-category-list .stella-check {display:flex;align-items:center;gap:10px;min-height:44px;font-size:1rem;line-height:1.4;margin:0}
body .stella-category-list input[type=checkbox] {flex:0 0 20px;width:20px;height:20px;margin:0}
body .stella-edit-categories {font:var(--stella-type-small)/1.4 STVitry,Arial,sans-serif;min-height:44px;padding:8px 12px;border:1px solid var(--stella-space);border-radius:3px;background:#fff;color:var(--stella-space);white-space:normal;text-align:left}
body .typeOfModal-EditCategories .m_modal--metaOptions input[type=search],
body .typeOfModal-EditCategories textarea {display:block;width:100%;box-sizing:border-box;margin:8px 0}
body .typeOfModal-EditCategories .m_modal--metaOptions p {line-height:1.5}
/* These blocks have a width supplied by layout (grid, flex or the timeline).
   Do not contain auto-sized navigation buttons or entire dialogs: doing so can
   remove their intrinsic width or change the containing block of an overlay.
   Each cqi declaration below is inherited only inside a known container. */
@supports (container-type:inline-size) and (font-size:1cqi) {
  body .stella-masthead .stella-brand>span,
  body .stella-masthead .stella-context-title,
  body .m_home--folders--card,body .project-card,
  body .stella-context,body.stella-page main,body.stella-page .panel,
  body .stella-public-heading-text,
  body .stella-share-content,body .stella-recorder-content,
  body .m_modal--sidebar,body .m_modal--preview,
  body .stella-media-block {
    container-type:inline-size;
    --stella-type-title:clamp(1.375rem,1rem + 2.5cqi,2.125rem);
    --stella-type-h1:clamp(1.5rem,.875rem + 4cqi,2.625rem);
    --stella-type-h2:clamp(1.25rem,1rem + 2cqi,1.625rem);
    --stella-type-h3:clamp(1.125rem,.875rem + 1.5cqi,1.375rem);
    --stella-type-card:clamp(1.125rem,1rem + 2cqi,1.75rem);
    --stella-type-small:clamp(.875rem,.75rem + 1cqi,1rem);
    --stella-type-meta:clamp(.8125rem,.6875rem + 1cqi,.9375rem);
    --stella-type-contribution:clamp(.875rem,.75rem + 1.25cqi,1.25rem);
    --stella-type-editor:clamp(1rem,.875rem + .6cqi,1.167rem);
  }
}
@media(max-width:650px) {
  body .stella-masthead,body .stella-bar.stella-masthead {padding:12px clamp(.75rem,3vw,1rem)!important}
  body .stella-spaces {gap:6px;min-width:0}
  body .stella-spaces a {padding:7px 10px}
  body .stella-public-heading h1 {margin-block:4px 8px}
  body .project-card-body {padding:clamp(1rem,4vw,1.375rem)}
  body.stella-page fieldset {min-width:0;padding:12px}
  body.stella-page .grid-checks {grid-template-columns:minmax(0,1fr)}
  body.stella-page .actions>label {min-width:0;max-width:100%}
  body.stella-page .panel,body .stella-conversion-dialog>section {padding:16px}
  body .stella-conversion-dialog {padding:12px}
  body .stella-panel button,body.stella-page button.small {min-height:44px}
}
@media(max-height:500px) and (orientation:landscape) {
  body .stella-masthead,body .stella-bar.stella-masthead {min-height:0;gap:10px;padding:8px 12px!important}
  body .stella-masthead .stella-brand small {font-size:var(--stella-type-meta);margin-top:4px}
}