/* A visible project-family link; motion starts only on deliberate interaction. */
a.al-project-return { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; max-width: 100%; box-sizing: border-box; padding: 7px 13px 7px 9px; border: 1px solid #b7c8d7; border-radius: 12px; background: #f0f5f9; color: #233e55; text-decoration: none; flex-shrink: 0; }
.al-project-return > img { display: block; width: 36px; height: 36px; flex: 0 0 36px; border-radius: 9px; background: #fff; object-fit: contain; }
.al-project-return .al-project-return-copy { display: grid; gap: 1px; text-align: left; }
.al-project-return .al-project-return-copy > span { font-size: calc(11px * var(--al-text-scale, 1)); line-height: 1.25; font-weight: 500; color: inherit; }
.al-project-return .al-project-return-copy > strong { font-size: calc(16px * var(--al-text-scale, 1)); line-height: 1.2; font-weight: 700; color: inherit; letter-spacing: -.025em; }
a.al-project-return:hover { background: #e6eef5; border-color: #6b8fae; }
a.al-project-return:focus-visible { outline: 3px solid #376d9a; outline-offset: 4px; }
.al-project-return img, [data-al-brand-symbol] { transition: transform 180ms ease-out; transform-origin: center; }
.al-project-return:is(:hover, :focus-visible) img, a:is(:hover, :focus-visible) > [data-al-brand-symbol] { transform: rotate(-7deg) scale(1.055); }
.al-project-return:active img { transform: scale(.98); }
html[data-al-mode="notte"] a.al-project-return { background: #203140; color: #edf5fb; border-color: #67849c; }
html[data-al-mode="notte"] a.al-project-return:hover { background: #294356; }
html[data-al-contrast="high"] a.al-project-return { color: #000; background: #fff; border: 2px solid currentColor; }
html[data-al-mode="notte"][data-al-contrast="high"] a.al-project-return { color: #fff; background: #000; }
html[data-al-feedback-reduced="true"] .al-project-return img, html[data-al-feedback-reduced="true"] [data-al-brand-symbol] { transition: none !important; transform: none !important; }
@media (prefers-reduced-motion: reduce) { .al-project-return img, [data-al-brand-symbol] { transition: none !important; transform: none !important; } }

/* Room for the project's navigation and reading controls. */
.public-site.public-compact .public-header { flex-wrap: wrap; }
.public-site.public-compact .public-header > .al-project-return { margin-left: auto; }
.public-site.public-compact .public-footer > .al-project-return { margin-right: auto; }
.musa-demo .musa-demo-header { flex-wrap: wrap; }
.musa-demo-footer > .al-project-return { margin-right: auto; }
.musa-demo-footer > span { align-self: center; }
.presentation-footer > .al-project-return, .demo-footer > .al-project-return { margin-right: auto; }
.topbar > .al-project-return { margin-left: auto; }
@media (max-width: 600px) {
  html[data-al-reading-tools] body .public-site.public-compact .public-header { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
  html[data-al-reading-tools] body .public-header > .public-brand { grid-column: 1; grid-row: 1; }
  html[data-al-reading-tools] body .public-header > .al-reading-toggle { grid-column: 2; grid-row: 1; }
  html[data-al-reading-tools] body .public-header > .al-project-return { grid-column: 1 / -1; grid-row: 2; justify-self: start; }
  html[data-al-reading-tools] body .public-site.public-compact .public-header > .public-nav { grid-column: 1 / -1; grid-row: 3; }
  .demo-app .demo-footer { padding-top: 10px; }
  .musa-demo .musa-demo-header { display: flex; flex-wrap: wrap; gap: 10px; }
  .musa-demo-header > .musa-demo-brand { flex: 1 1 120px; }
  .musa-demo-header > .al-project-return { order: 3; margin: 0; }
  .musa-demo-header > .al-reading-toggle { margin-left: auto; }
  .public-site.public-compact .public-header { column-gap: 10px; row-gap: 10px; }
  .public-site.public-compact .public-header > .public-brand { flex: 1 1 calc(100% - 60px); }
  .public-site.public-compact .public-header > .al-reading-toggle { order: 0; }
  .public-site.public-compact .public-header > .al-project-return { order: 1; margin: 0 auto 0 0; }
  .public-site.public-compact .public-header > .public-nav { order: 2; flex: 1 1 100%; }
  .public-site.public-compact .public-footer > .al-project-return { flex-basis: 100%; }
  .presentation-header > .al-project-return { margin-right: auto; }
  .topbar > .al-project-return { margin-left: 0; margin-right: auto; }
}