/* Extend the tools hub and privacy typography shared by the site. */
.green-web-inspector-page main {
  background: radial-gradient(circle at 92% 8%, rgba(107, 39, 216, .08), transparent 30rem), #f7f6f8;
}

.inspector-breadcrumb { flex-wrap: wrap; }

.inspector-brand {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-bottom: 32px;
}

.inspector-brand img { flex: 0 0 auto; border-radius: 20px; }
.inspector-brand .tools-index-eyebrow { margin: 0; }
.inspector-hero { padding-bottom: clamp(48px, 6vw, 80px); }

.inspector-hero h1 {
  max-width: 1080px;
  font-size: clamp(40px, 6.1vw, 84px);
  line-height: 1;
  letter-spacing: -.055em;
}

.inspector-store-status {
  max-width: 800px;
  margin: 28px 0;
  padding: 20px 24px;
  border: 1px solid #ded9e4;
  border-radius: 20px;
  background: #fff;
  color: #554f59;
  font-size: 16px;
  line-height: 1.65;
}

.inspector-store-status strong { display: block; color: #17131b; }
.inspector-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; }
.inspector-actions a { line-height: 1.5; }
.inspector-privacy-link { color: #5e20c1; text-decoration: underline; text-underline-offset: 3px; }
.inspector-copy { padding-top: 56px; overflow-wrap: anywhere; }
.inspector-copy--landing { padding-top: 0; }
.inspector-copy ul, .inspector-copy ol { padding-left: 24px; margin: 18px 0; }
.inspector-copy ul { list-style: disc; }
.inspector-copy li { margin-bottom: 12px; }
.inspector-copy p { margin: 18px 0; }
.inspector-copy h1 { font-size: clamp(40px, 6vw, 72px); line-height: 1.02; }
.inspector-copy code { font-size: .9em; }
.inspector-actions a:focus-visible { outline: 3px solid #6b27d8; outline-offset: 5px; }
.inspector-catalog { margin-block: 64px; }
.inspector-catalog .tools-index-card { min-height: 340px; }
.inspector-catalog .tools-index-card__status { margin-top: 24px; }
.inspector-catalog .tools-index-card img { border-radius: 15px; }
.inspector-catalog .tools-index-card p { max-width: 780px; }

@media (max-width: 520px) {
  .inspector-brand { gap: 16px; }
  .inspector-brand img { width: 64px; height: 64px; border-radius: 15px; }
  .inspector-actions .tools-index-contact { gap: 16px; padding: 12px 18px; }
  .inspector-copy { padding-top: 38px; }
  .inspector-copy--landing { padding-top: 0; }
}