/* QL Provider Inspector 2.0 — scoped product-page details. */
.ql-hero { padding-bottom: 0; }
.ql-hero .product-hero-top { flex-wrap: wrap; }
.ql-hero .product-ident { min-width: 0; }
.ql-hero .product-ident span { font-size: clamp(1.1rem, 2.2vw, 1.6rem); }
.ql-release { color: var(--lime); border: 1px solid #536044; padding: 8px 13px; }
.ql-hero h1 { margin-top: 48px; }
.ql-hero .product-hero-description { align-items: flex-start; }
.ql-hero .release-actions { min-width: 260px; }
.ql-hero a:focus-visible { outline-color: var(--lime); }
.ql-hero .current-release-link { color: #eff3e7; }
.ql-baseline { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 14px 30px; border-top: 1px solid #404936; margin-top: 55px; padding-block: 22px; font-size: .75rem; color: #bac5ac; }
.ql-baseline > span:first-child { letter-spacing: .07em; }
.ql-page .feature-grid p { max-width: 40ch; }
.ql-context { margin-top: 40px; border-left: 2px solid #7f9068; padding-left: 22px; color: var(--muted); max-width: 82ch; }
.ql-faq { margin-top: 65px; max-width: 100%; }
.ql-faq details p { max-width: 86ch; }
@media (max-width: 760px) {
  .ql-hero h1 { margin-top: 32px; }
  .ql-hero .release-actions { min-width: 0; }
  .ql-baseline { margin-top: 35px; }
  .ql-page .feature-grid article { grid-template-columns: 1fr; }
  .ql-page .feature-grid p { max-width: 100%; }
  .ql-page .feature-grid h3 { margin-bottom: 8px; }
  .ql-faq { margin-top: 40px; }
}
