/* MHR Club 1.01.70 canonical design tokens */
:root {
  --mhr-font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mhr-font-size-xs: .8125rem;
  --mhr-font-size-sm: .9375rem;
  --mhr-font-size-md: 1rem;
  --mhr-font-size-lg: 1.125rem;
  --mhr-font-size-xl: 1.375rem;
  --mhr-font-size-2xl: clamp(1.75rem, 3vw, 2.5rem);
  --mhr-font-size-display: clamp(2.35rem, 5.4vw, 4.75rem);
  --mhr-line-tight: 1.08;
  --mhr-line-body: 1.62;
  --mhr-weight-regular: 400;
  --mhr-weight-medium: 500;
  --mhr-weight-semibold: 600;
  --mhr-weight-bold: 700;
  --mhr-weight-extrabold: 800;
  --mhr-ink: #17243a;
  --mhr-muted: #5e7069;
  --mhr-green: #267457;
  --mhr-green-strong: #185d45;
  --mhr-teal: #278e89;
  --mhr-soft: #f3f8f4;
  --mhr-soft-strong: #e5f1e9;
  --mhr-line: #d8e3dc;
  --mhr-white: #ffffff;
  --mhr-footer: #0e302e;
  --mhr-footer-muted: #c5d7d0;
  --mhr-focus: #0b72d9;
  --mhr-success: #1d7a4b;
  --mhr-warning: #9a6500;
  --mhr-danger: #b42318;
  --mhr-radius-sm: 10px;
  --mhr-radius-md: 18px;
  --mhr-radius-lg: 28px;
  --mhr-shadow-sm: 0 8px 24px rgba(20, 48, 38, .07);
  --mhr-shadow: 0 22px 60px rgba(20, 48, 38, .11);
  --mhr-shell-width: 1280px;
  --mhr-space-1: .5rem;
  --mhr-space-2: .75rem;
  --mhr-space-3: 1rem;
  --mhr-space-4: 1.5rem;
  --mhr-space-5: 2rem;
  --mhr-space-6: 3rem;
  --mhr-space-7: 4rem;
}
.mhr-official-shell-body { margin: 0; color: var(--mhr-ink); background: var(--mhr-white); font-family: var(--mhr-font-family); font-size: var(--mhr-font-size-md); line-height: var(--mhr-line-body); }
.mhr-official-shell-body *, .mhr-official-shell-body *::before, .mhr-official-shell-body *::after { box-sizing: border-box; }
.mhr-official-shell-body :where(button,input,select,textarea) { font: inherit; }
.mhr-official-shell-body a { color: inherit; }
.mhr-official-shell-body :focus-visible { outline: 3px solid var(--mhr-focus); outline-offset: 3px; }
.mhr-shell-skip { position: fixed; left: 1rem; top: -100px; z-index: 100000; padding: .75rem 1rem; border-radius: var(--mhr-radius-sm); background: #fff; color: #111; box-shadow: var(--mhr-shadow); }
.mhr-shell-skip:focus { top: 1rem; }
.mhr-official-main { min-height: 60vh; }
.mhr-official-main-login_access { min-height: calc(100vh - 96px); }