.mon.mon-v2 {
  width: min(100%, 1180px);
  margin-inline: auto;
}
.mon.mon-v2 .mon-site-hero {
  position: relative;
  isolation: isolate;
  margin: 0 0 16px;
  padding: clamp(16px, 3vw, 36px);
  border: 1px solid var(--monitor-stroke);
  border-radius: 20px;
  background:
    radial-gradient(ellipse at 85% 10%, #6249a25c, transparent 60%),
    radial-gradient(ellipse at 10% 100%, #13576472, transparent 60%),
    var(--monitor-surface);
}
.mon .mon-site-hero-copy { position: relative; max-width: 820px; min-width: 0; }
.mon .mon-site-hero h1 {
  margin: 5px 0 9px;
  font-size: clamp(23px, 3.4vw, 43px);
  line-height: 1.18;
  overflow-wrap: anywhere;
}
.mon .mon-site-hero-copy > p { margin: 0 0 10px; line-height: 1.65; font-size: 13px; color: #e0e7fc; }
.mon .mon-site-hero-copy .mon-site-kicker {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: 10px;
  color: var(--monitor-accent);
}
.mon .mon-site-kicker svg { width: 16px; height: 16px; }
.mon .mon-site-hero-art {
  position: absolute;
  z-index: -1;
  inset: 10px clamp(10px, 5vw, 80px) 10px auto;
  display: grid;
  place-items: center;
  width: min(26%, 240px);
  opacity: .32;
  pointer-events: none;
}
.mon .mon-site-hero-art svg {
  width: min(70%, 126px);
  color: #b4a5fa;
  filter: drop-shadow(0 0 21px #7c5dfd);
}
.mon .mon-hero-visits {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 11px 0 0;
}
.mon .mon-hero-visits > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border: 1px solid var(--monitor-stroke);
  background: #0e1732b5;
  border-radius: 9px;
  font-size: 10px;
  line-height: 1.35;
}
.mon .mon-hero-visits svg { width: 15px; height: 15px; color: var(--monitor-accent); }
.mon .mon-site-hero .tool-like { right: 14px; bottom: 14px; }
.mon .mon-site-hero:has(.tool-like) .mon-site-hero-copy { padding-inline-end: 100px; }
.mon .mon-compact-catalog .mon-site-hero { margin-top: 12px; padding-block: 15px; }
.mon .mon-compact-catalog .mon-site-hero h1 { font-size: clamp(21px, 3vw, 36px); }
.mon .mon-server-hero .mon-site-hero-copy { max-width: 100%; }
.mon .mon-server-hero .mon-server-identity { margin-top: 12px; min-width: 0; }
.mon .mon-server-hero .mon-server-identity > div { min-width: 0; }
.mon .mon-server-hero .mon-buttons { display: flex; flex-wrap: wrap; margin-top: 10px; gap: 8px; }
.mon .mon-server-hero .mon-buttons > * { max-width: 100%; }
.mon .mon-server-hero .mon-buttons [data-copy] { white-space: normal; overflow-wrap: anywhere; }
.mon .mon-server-hero .mon-server-icon {
  width: clamp(48px, 7vw, 88px);
  height: clamp(48px, 7vw, 88px);
  flex: none;
}
.mon .mon-tools-jump {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 15px;
}
.mon .mon-tools-body { display: grid; gap: 13px; }
.mon .mon-tools-body .mon-owner-grid { margin: 0; }
.mon .mon-tools-body .mon-panel {
  margin: 0;
  background: var(--monitor-surface);
  border-color: var(--monitor-stroke);
}
.mon .mon-tools-body .mon-panel,
.mon .mon-site-faq { scroll-margin-top: 105px; }
.mon .mon-tools-body output { display: block; margin: 10px 0; }
.mon .mon-site-faq { margin-top: 17px; }
.mon.mon-v2 .mon-private-hero { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.mon .mon-private-hero > img { width: 65px; height: 65px; object-fit: contain; }
.mon .mon-private-hero > div { flex: 1 1 260px; min-width: 0; }
@media (max-width: 670px) {
  .mon .mon-site-hero-art { opacity: .19; }
  .mon .mon-site-hero:has(.tool-like) .mon-site-hero-copy { padding-inline-end: 0; }
  .mon .mon-site-hero .tool-like { position: relative; inset: auto; margin-top: 9px; display: inline-block; }
  .mon .mon-site-hero .tool-like-tip { inset-inline: 0 auto; }
  .mon .mon-tools-body .mon-owner-grid { grid-template-columns: 1fr; }
  .mon .mon-tools-jump .mon-btn { min-height: 36px; padding: 6px 9px; font-size: 10px; }
  .mon .mon-server-hero .mon-buttons { gap: 5px; }
  .mon .mon-server-hero .mon-buttons .mon-btn { min-height: 38px; padding: 6px 9px; font-size: 10px; }
}
.mon .mon-server-hero .mon-detail-heading {
  display: block;
  padding: 0;
}
.mon .mon-server-hero h1 { font-size: clamp(22px, 3vw, 36px); }
.mon .mon-server-hero .mon-title { margin: 0; }
.mon .mon-server-hero .mon-server-identity { align-items: flex-start; }
.mon .mon-server-hero .mon-buttons { justify-content: flex-start; }
.mon .mon-server-hero .mon-site-hero-copy > .mon-hero-visits { margin-top: 10px; }
.mon .mon-tools-body .mon-panel { opacity: 1; }