/* Polish for Monarch Automotive */
.ma-hero { padding-bottom: 8px; }
.ma-hero-copy .skin-kicker { display: inline-block; padding-bottom: 6px; border-bottom: 2px solid var(--rr-theme-accent-ink); letter-spacing: 0.08em; }
.ma-wordmark { margin-bottom: 20px; }
.ma-soon { font-size: clamp(2.5rem, 9.5vw, 4.5rem); font-weight: 800; letter-spacing: 0.14em; color: var(--rr-theme-accent-ink); }
.ma-lede { line-height: 1.6; color: var(--rr-theme-ink-soft); }
.ma-hero-media { position: relative; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
.ma-hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px var(--rr-theme-line), inset 0 -60px 40px -20px rgba(0, 0, 0, 0.12);
}

.ma-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; width: 100%; box-sizing: border-box; }
.ma-tab {
  min-height: 64px;
  padding: 8px 6px;
  box-sizing: border-box;
  transition: transform .15s, border-color .15s;
}
.ma-tab-name {
  font-weight: 800;
  font-size: clamp(0.72rem, 3.2vw, 1.15rem);
  letter-spacing: 0.02em;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
.ma-tab-sub { line-height: 1.35; color: var(--rr-theme-ink-soft); }
.ma-tab:hover {
  transform: translateY(-2px);
  border-color: var(--rr-theme-accent-base);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.ma-tab:focus-visible { outline: 3px solid var(--rr-theme-accent-ink); outline-offset: 2px; }
.ma-tab[aria-current="page"] {
  background: var(--rr-theme-accent-base);
  border-color: var(--rr-theme-accent-base);
  color: var(--rr-theme-on-accent);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}

.ma-card {
  border-radius: 10px;
  padding: 20px;
  box-sizing: border-box;
  transition: transform .15s, border-color .15s;
}
.ma-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.ma-offer {
  border-radius: 10px;
  box-sizing: border-box;
  transition: transform .15s, border-color .15s;
}
.ma-offer:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.ma-offer-body { padding: 16px 20px 20px; }
.ma-quick a {
  padding: 0 16px;
  background: var(--rr-theme-surface);
  box-sizing: border-box;
  transition: transform .15s, border-color .15s;
}
.ma-quick a:hover {
  transform: translateY(-2px);
  border-color: var(--rr-theme-accent-ink);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
}
.ma-badge-soon { border: 1px solid var(--rr-theme-line); letter-spacing: 0.03em; font-weight: 700; }