/* Wheel-only version: wheel on the left, age/date box on the right */
body.wheel-only { min-height: 100vh; display: flex; flex-direction: column; }
.slim { display: flex; align-items: center; gap: 16px; padding: 10px 24px; border-bottom: 1px solid #eee; }
.slim .gsk { height: 34px; width: auto; }
.slim .bex { height: 52px; width: auto; mix-blend-mode: multiply; }
.slim .site-note { margin-left: auto; text-align: right; }

main.split { flex: 1; max-width: 1200px; width: 100%; margin: 0 auto; padding: 16px; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); gap: 28px; align-items: center; }
.split .wheel-wrap { min-width: 0; }
.split #wheel { max-width: 640px; }
.split .panel { margin: 0; max-width: none; padding: 20px; box-shadow: 0 4px 18px rgba(106, 16, 48, .08); }
.split .panel h2 { margin: 0 0 14px; font-size: 1.1rem; font-weight: 600; color: var(--maroon); }
.split .note { font-size: .72rem; color: #777; margin: 12px 0 0; }

.slim-foot { background: #f4f4f4; color: #555; font-size: .7rem; text-align: center; padding: 12px 16px; }

@media (max-width: 860px) {
  main.split { grid-template-columns: 1fr; align-items: start; }
  .slim .site-note { display: none; }
}