/* Harmonisation des pages outils ARK Admin. Charge apres les styles locaux. */
.hero,
.page-head {
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
  background:
    radial-gradient(circle at 78% 18%, rgba(43,184,234,.14), transparent 36%),
    linear-gradient(118deg, rgba(43,184,234,.16), rgba(11,9,7,.68) 64%) !important;
}

.hero-inner,
.page-head-inner,
body > main {
  width: min(1320px, calc(100% - 40px)) !important;
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.hero-inner,
.page-head-inner {
  padding: 72px 0 52px !important;
}

body > main {
  padding: 40px 0 86px !important;
}

.eyebrow {
  margin-bottom: 12px !important;
  letter-spacing: .18em !important;
}

.hero h1,
.page-head h1 {
  max-width: 900px !important;
  font-size: clamp(40px, 8vw, 82px) !important;
  line-height: .92 !important;
  letter-spacing: -.03em !important;
}

.intro {
  max-width: 760px !important;
  margin-top: 18px !important;
  font-size: 18px !important;
  line-height: 1.58 !important;
}

.panel,
.tool,
.table-shell {
  border-radius: 16px !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 28px 70px -42px rgba(0,0,0,.95) !important;
}

.panel-head {
  padding: 22px 24px !important;
}

@media (max-width: 720px) {
  .hero-inner,
  .page-head-inner,
  body > main {
    width: min(100% - 28px, 1320px) !important;
  }

  .hero-inner,
  .page-head-inner {
    padding: 42px 0 34px !important;
  }

  body > main {
    padding: 34px 0 68px !important;
  }

  .hero h1,
  .page-head h1 {
    font-size: clamp(38px, 14vw, 58px) !important;
  }
}