/* InPost plugin article: scoped additions to Clueware's existing inner pages. */
.inpost-plugin-page .navbar-bar-icon svg {
  display: block;
  width: 24px;
  height: 24px;
}

.inpost-plugin-page .lang-chevron {
  display: inline-block;
  font-size: .75rem;
  transition: transform .2s ease;
}

.inpost-plugin-page .lang-item.active .lang-chevron {
  transform: rotate(180deg);
}

.inpost-plugin-page .lang-menu {
  visibility: hidden;
}

.inpost-plugin-page .lang-item.active .lang-menu {
  visibility: visible;
}

.inpost-plugin-page .navbar-toggler:focus-visible {
  outline: 3px solid #8f36d9;
  outline-offset: 4px;
}

.inpost-plugin-page .inpost-eyebrow {
  margin: 0 0 14px;
  font-size: .83rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.inpost-plugin-page .inpost-hero-summary {
  max-width: 650px;
  margin-right: auto;
  margin-left: auto;
}

.inpost-plugin-page .inpost-version-line {
  font-size: .88rem;
  letter-spacing: .025em;
}

.inpost-plugin-page .inpost-intro {
  font-size: 1.08rem;
  line-height: 1.8;
}

.inpost-plugin-page .inpost-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 27px 0 30px;
}

.inpost-plugin-page .inpost-download {
  background: #8f36d9;
  border-color: #8f36d9;
  color: #fff;
}

.inpost-plugin-page .inpost-download:hover {
  background: #7325b4;
  border-color: #7325b4;
  color: #fff;
}

.inpost-plugin-page .inpost-github {
  color: #7325b4;
  border-color: #ba96d4;
}

.inpost-plugin-page .inpost-github:hover {
  background: #8f36d9;
  border-color: #8f36d9;
  color: #fff;
}

.inpost-plugin-page .inpost-figure {
  margin: 26px 0 34px;
}

.inpost-plugin-page .inpost-figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 1px solid #e9e3ef;
  border-radius: 6px;
}

.inpost-plugin-page .inpost-figure figcaption {
  margin-top: 10px;
  color: #68616d;
  font-size: .86rem;
  line-height: 1.6;
}

.inpost-plugin-page .inpost-contents {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 18px;
  margin: 30px 0 40px;
  padding: 18px 0;
  border-top: 1px solid #e9e3ef;
  border-bottom: 1px solid #e9e3ef;
  font-size: .92rem;
}

.inpost-plugin-page .inpost-contents span {
  flex-basis: 100%;
  color: #4e4753;
  font-weight: 700;
}

.inpost-plugin-page .inpost-contents a,
.inpost-plugin-page .inpost-text-link,
.inpost-plugin-page .inpost-sidebar-link,
.inpost-plugin-page .inpost-facts a {
  color: #7325b4;
}

.inpost-plugin-page .inpost-contents a:hover,
.inpost-plugin-page .inpost-text-link:hover,
.inpost-plugin-page .inpost-sidebar-link:hover,
.inpost-plugin-page .inpost-facts a:hover {
  text-decoration: underline;
}

.inpost-plugin-page .inpost-article-section {
  margin-top: 42px;
}

.inpost-plugin-page .inpost-article-section > h2 {
  margin-bottom: 20px;
}

.inpost-plugin-page .inpost-feature {
  margin-top: 25px;
}

.inpost-plugin-page .inpost-feature h3,
.inpost-plugin-page #scope h3 {
  margin-bottom: 11px;
  line-height: 1.45;
}

.inpost-plugin-page .inpost-requirements,
.inpost-plugin-page .inpost-setup-list {
  padding-left: 23px;
}

.inpost-plugin-page .inpost-requirements li,
.inpost-plugin-page .inpost-setup-list li {
  margin-bottom: 15px;
  padding-left: 5px;
  line-height: 1.75;
}

.inpost-plugin-page .inpost-setup-list strong {
  display: block;
  margin-bottom: 5px;
  color: #36323a;
}

.inpost-plugin-page .inpost-setup-list p {
  margin-bottom: 0;
}

.inpost-plugin-page .inpost-faq-item {
  border-bottom: 1px solid #e9e3ef;
}

.inpost-plugin-page .inpost-faq-item summary {
  padding: 19px 0;
  color: #38303f;
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.6;
  cursor: pointer;
}

.inpost-plugin-page .inpost-faq-item summary::marker {
  color: #8f36d9;
}

.inpost-plugin-page .inpost-faq-item > div {
  padding: 0 0 5px;
}

.inpost-plugin-page .inpost-attribution {
  margin-top: 32px;
  color: #68616d;
  font-size: .86rem;
  line-height: 1.7;
}

.inpost-plugin-page .inpost-sidebar-name {
  margin-top: 13px;
}

.inpost-plugin-page .inpost-facts {
  margin: 22px 0;
  font-size: .94rem;
}

.inpost-plugin-page .inpost-facts > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid #eee9f2;
}

.inpost-plugin-page .inpost-facts dt {
  color: #68616d;
  font-weight: 400;
}

.inpost-plugin-page .inpost-facts dd {
  margin: 0;
  color: #37303d;
  text-align: right;
}

.inpost-plugin-page .inpost-project-widget .inpost-download {
  display: block;
  width: 100%;
  padding-right: 14px;
  padding-left: 14px;
  white-space: normal;
  line-height: 1.5;
}

.inpost-plugin-page .inpost-sidebar-link {
  display: inline-block;
  margin-top: 17px;
  font-size: .94rem;
}

.inpost-plugin-page .inpost-article-section,
.inpost-plugin-page .inpost-feature {
  scroll-margin-top: 105px;
}

.inpost-plugin-page a:focus-visible,
.inpost-plugin-page summary:focus-visible {
  outline: 3px solid #8f36d9;
  outline-offset: 4px;
}

@media (max-width: 991px) {
  .inpost-plugin-page #sidebar .pl-60 {
    padding-left: 24px;
  }

  .inpost-plugin-page .inpost-project-widget h2,
  .inpost-plugin-page .inpost-resource-widget h2 {
    font-size: 1.2rem;
  }

  .inpost-plugin-page #cta-1 .cta-btn {
    margin-top: 22px;
    text-align: left !important;
  }
}

@media (max-width: 767px) {
  .inpost-plugin-page .inpost-eyebrow {
    font-size: .75rem;
    letter-spacing: .055em;
  }

  .inpost-plugin-page .inpost-intro {
    font-size: 1rem;
  }

  .inpost-plugin-page .inpost-actions {
    align-items: stretch;
  }

  .inpost-plugin-page .inpost-actions .btn {
    flex-basis: 100%;
    white-space: normal;
    line-height: 1.5;
  }

  .inpost-plugin-page .inpost-article-section {
    margin-top: 34px;
  }

  .inpost-plugin-page #sidebar .pl-60 {
    padding-left: 0;
  }

  .inpost-plugin-page #sidebar {
    margin-top: 10px;
  }

  .inpost-plugin-page #cta-1 .cta-btn .btn {
    max-width: 100%;
    white-space: normal;
  }
}