:root { --jules-bar-height: 64px; }
.jules-bar, .jules-bar * { box-sizing: border-box; }
.jules-bar {
  position: relative; z-index: 700; display: flex; align-items: center;
  justify-content: space-between; gap: 8px; height: var(--jules-bar-height);
  padding: 0 clamp(10px, 3vw, 36px); color: #292e2b; background: #fff;
  border-bottom: 1px solid #24282420; font: 14px/1.4 system-ui, sans-serif;
}
.jules-bar-brand { display: flex; align-items: end; gap: clamp(6px, 1.5vw, 20px); }
.jules-logo { display: block; }
.jules-logo img {
  display: block; width: clamp(65px, 15vw, 112px); height: auto;
  filter: brightness(0); margin-bottom: calc(-1 * clamp(65px, 15vw, 112px) * 8 / 591);
}
.jules-section-name { font-weight: 600; white-space: nowrap; line-height: 1; text-box: trim-both cap alphabetic; }
@supports not (text-box: trim-both cap alphabetic) {
  .jules-section-name { margin-bottom: -0.15em; }
}
.jules-tools { display: flex; align-items: center; gap: 4px; }
.jules-tools form { margin: 0; }
.jules-action, .jules-tools a.admin-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px; min-width: 0; min-height: 0; padding: 0;
  border: 0; border-radius: 8px; background: transparent; color: inherit;
  cursor: pointer; text-decoration: none;
}
.jules-action:hover, .jules-tools a.admin-icon:hover { background: #8882; }
.jules-action[aria-checked="true"] { color: #24734d; background: #eaf5ee; }
.jules-bar :focus-visible { outline: 2px solid currentColor; outline-offset: 1px; }
.jules-rubrique { margin: 0; color: #292e2b; font: 16px/1.55 system-ui, sans-serif; }
.jules-rubrique main { max-width: 600px; margin: 40px auto; padding: 0 20px; }
.jules-rubrique iframe { display: block; width: 100%; max-width: 350px; height: 786px; border: 0; margin: 24px auto; }
@media (max-width: 520px) {
  .jules-bar { --jules-bar-height: 56px; }
  .jules-tools { gap: 0; }
  .jules-action, .jules-tools a.admin-icon { width: 32px; height: 38px; }
}