/* urikata.net Original v1.0.11 — scoped to standard article pages.
 * Reference screenshot controls the VERTICAL ORDER only, never its navy/orange palette.
 * CTA eyebrow -> headline -> document preview -> bullets -> real HubSpot form -> resources.
 */
body.single-post .article-end.article-form-cta {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 46px 0 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #d7d7d7;
  border-radius: 10px;
  background: #f1f1f1;
  color: #292929;
  box-sizing: border-box;
}
body.single-post .article-form-cta__heading { padding: 27px 28px 0; }
body.single-post .article-form-cta__heading h2 {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: clamp(20px, 2.1vw, 25px);
  font-weight: 700;
  line-height: 1.52;
  text-wrap: pretty;
}
body.single-post .article-form-cta__columns {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  grid-template-columns: none;
  gap: 21px;
  padding: 20px 28px 28px;
  min-width: 0;
}
body.single-post .article-form-cta__intro,
body.single-post .article-form-cta__form { min-width: 0; width: 100%; box-sizing: border-box; }
body.single-post .article-form-cta__intro { display: flex; flex-direction: column; }
body.single-post .article-form-cta__document {
  width: 100%;
  margin: 0 0 17px;
  height: clamp(145px, 22vw, 225px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e4e4e4;
  border: 1px solid #d3d3d3;
  border-radius: 6px;
  overflow: hidden;
}
body.single-post .article-form-cta__document img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100%;
  aspect-ratio: auto;
  object-fit: contain;
}
body.single-post .article-form-cta__intro h3 { margin: 0 0 9px; padding:0; font-size:16px; }
body.single-post .article-form-cta__intro ul { margin: 0 0 13px; padding-left:22px; font-size:14px; line-height:1.85; }
body.single-post .article-form-cta__intro li { margin-bottom: 4px; }
body.single-post .article-form-cta__intro .article-form-cta__note {font-size:12px;line-height:1.8;color:#555;margin:0;}
body.single-post .article-form-cta__form {
  display: block;
  background: #fff;
  padding: 24px 26px;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
}
body.single-post .article-form-cta__form h3 { font-size:18px; margin:0 0 6px; }
body.single-post .article-form-cta__form-lead { margin:0 0 15px; }
body.single-post .article-form-cta__hubspot,
body.single-post .article-form-cta__hubspot .hs-form-frame,
body.single-post .article-form-cta__hubspot iframe { width:100%; max-width:100%; box-sizing:border-box; }
body.single-post .article-form-cta__resources {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  padding: 15px 28px 18px;
  border-top: 1px solid #d7d7d7;
  font-size: 13px;
}
@media (min-width: 981px) {
  body.single-post .article-sidebar { align-self: stretch; }
  body.single-post .sidebar-sticky-stack {
    position: sticky;
    top: calc(96px + var(--wp-admin--admin-bar--height, 0px));
    max-height: calc(100dvh - 112px - var(--wp-admin--admin-bar--height, 0px));
    display: flex;
    flex-direction: column;
    gap: 14px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }
  body.single-post .sidebar-sticky-stack .sidebar-extra-links { margin: 0; flex: 0 0 auto; }
  body.single-post .sidebar-sticky-stack .sidebar-toc-wrap {
    position: static;
    flex: 0 1 auto;
    max-height: min(32dvh, 250px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  body.single-post .article-sidebar > .sidebar-extra-links--mobile { display:none; }
}
@media (max-width:980px) {
  body.single-post .sidebar-sticky-stack { display:none; }
  body.single-post .article-sidebar > .sidebar-extra-links--mobile { display:block; margin:0; }
}
@media (max-width:720px) {
  body.single-post .article-end.article-form-cta { margin-top: 35px; }
  body.single-post .article-form-cta__heading { padding: 22px 18px 0; }
  body.single-post .article-form-cta__heading h2 { font-size:20px; }
  body.single-post .article-form-cta__columns { padding:17px 17px 19px; gap:17px; }
  body.single-post .article-form-cta__document { height: clamp(125px, 38vw, 185px); margin-bottom:14px; }
  body.single-post .article-form-cta__form { padding:19px 17px; }
  body.single-post .article-form-cta__resources { padding:14px 17px 16px; }
}