.co-evaluation body { padding-top: var(--co-evaluation-height, 40px); }
.co-evaluation-banner { position: fixed; inset: 0 0 auto; z-index: 90; margin: 0; border-bottom: 1px solid #cbd5cb; background: #e8eee3; color: #334e46; font: 12px/1.5 'DM Sans', system-ui, sans-serif; text-align: left; }
.co-evaluation-inner { width: min(1440px, 100%); box-sizing: border-box; margin: auto; padding: 9px 32px; display: flex; align-items: center; gap: 16px; }
.co-evaluation-inner > strong { display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; font-size: 11px; font-weight: 600; }
.co-evaluation-inner > strong::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #6b8662; }
.co-evaluation-inner > span { flex: 1; color: #54685e; }
.co-evaluation-inner > a { flex-shrink: 0; color: #294c42; font-size: 11px; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }
.co-evaluation-inner > a:focus-visible { outline: 2px solid #245c59; outline-offset: 4px; }
.co-evaluation .site-head, .co-evaluation .topbar, .co-evaluation .sidebar { top: var(--co-evaluation-height, 40px); }
.co-evaluation .sidebar { height: calc(100vh - var(--co-evaluation-height, 40px)); height: calc(100dvh - var(--co-evaluation-height, 40px)); }
.co-evaluation .app { min-height: calc(100vh - var(--co-evaluation-height, 40px)); min-height: calc(100dvh - var(--co-evaluation-height, 40px)); }
.co-evaluation .order-panel { top: calc(var(--co-evaluation-height, 40px) + 16px); }
.co-evaluation .skip:focus, .co-evaluation .skip-link:focus { top: calc(var(--co-evaluation-height, 40px) + 12px); }
@media (max-width: 760px) {
  .co-evaluation-inner { gap: 5px 12px; padding: 8px 20px; flex-wrap: wrap; font-size: 10px; }
  .co-evaluation-inner > span { order: 3; flex-basis: 100%; }
  .co-evaluation-inner > a { margin-left: auto; font-size: 10px; }
}