/* BuildKitly UI-fix sprint — agent D2 (support, about, docs, tools, resources + their singles, every language).
   Keyed on the bk-* classes of the Elementor documents, so EN and all translations are covered at once.
   NOTE: this file loads BEFORE bk-motion/bk-pg/bk-pr/bk-tl (alphabetical enqueue) and before the inline
   loop-item CSS, hence the doubled classes / :not(#bk-fx) boosters. Hover colours + 180ms rhythm follow bk-motion.css. */

/* =============================================================================================
   SUPPORT (39 + translations)
   ============================================================================================= */
/* G3-18: quick links = full-width 3-column grid (the grid had 4 tracks for 3 cards) */
.elementor .bk-pr-support .e-con.e-con.e-con.e-con.bk-pr-quick { --e-con-grid-template-columns: repeat(3, minmax(0, 1fr)); }
/* G3-05: phones = one column of compact rows (icon · title · arrow) instead of 2 + a lone half-width card */
@media (max-width: 599px) {
  .elementor .bk-pr-support .e-con.e-con.e-con.e-con.bk-pr-quick { --e-con-grid-template-columns: minmax(0, 1fr); --gap: 10px 10px; --row-gap: 10px; gap: 10px; }
  .elementor .bk-pr-quick .e-con.e-con.e-con.bk-pr-card {
    --flex-direction: row; flex-direction: row; --align-items: center; align-items: center; --gap: 14px 14px; gap: 14px;
    --padding-top: 16px; --padding-bottom: 16px; --padding-left: 18px; --padding-right: 18px; padding: 16px 18px;
  }
  .elementor .bk-pr-quick .bk-pr-card > .elementor-element.bk-pr-card-icon { --container-widget-width: auto; width: auto; flex: none; }
  .elementor .bk-pr-quick .bk-pr-card > .e-con.e-con { --width: auto; width: auto; flex: 1 1 auto; min-width: 0; --align-items: center; align-items: center; }
}

/* hover-06: doc cards (loop-doc 371) in /support/ "Popular guides" and the /docs/ list become real cards with the
   tool-card hover (1px border -> ring gold) and the whole card is clickable (title link stretched over the card). */
.elementor :is(.bk-pr-doc-grid, .bk-ct-doclist) .e-loop-item { height: 100%; }
.elementor :is(.bk-pr-doc-grid, .bk-ct-doclist) .e-con.e-con.e-con.bk-ct-doc {
  position: relative; cursor: pointer; height: 100%; box-sizing: border-box;
  --padding-top: 24px; --padding-right: 24px; --padding-bottom: 24px; --padding-left: 24px; padding: 24px;
  background-color: var(--e-global-color-surface, #fff);
  --border-color: var(--e-global-color-border, #DCE0E5); border: 1px solid var(--e-global-color-border, #DCE0E5); border-radius: 7px;
  transition: border-color var(--bk-motion-dur, 180ms) var(--bk-motion-ease, ease);
}
.elementor :is(.bk-pr-doc-grid, .bk-ct-doclist) .e-con.e-con.e-con.bk-ct-doc:is(:hover, :focus-within) { --border-color: var(--bk-ring, #987737); border-color: var(--bk-ring, #987737); }
.elementor :is(.bk-pr-doc-grid, .bk-ct-doclist) .bk-ct-doc > .elementor-element.bk-ct-doc-title,
.elementor :is(.bk-pr-doc-grid, .bk-ct-doclist) .bk-ct-doc-title :is(.elementor-heading-title, a) { position: static; }
.elementor :is(.bk-pr-doc-grid, .bk-ct-doclist) .bk-ct-doc-title .elementor-heading-title a::after {
  content: ""; position: absolute; inset: 0; z-index: 1; border-radius: 7px;
}
.elementor :is(.bk-pr-doc-grid, .bk-ct-doclist) .bk-ct-doc:hover .bk-ct-doc-more .bk-glyph { translate: var(--bk-nudge-x, 2px) 0; }
/* inside the support cards the small nav label only repeated the title */
.elementor .bk-pr-doc-grid .bk-ct-doc > .elementor-element.bk-ct-doc-nav { display: none; }
.elementor .bk-pr-doc-grid .bk-ct-doc > .elementor-element.bk-ct-doc-more { margin-top: auto; padding-top: 14px; }
.elementor .bk-ct-doclist .elementor-loop-container.elementor-loop-container { gap: 16px; row-gap: 16px; }
/* G3-16: stacked guides take their natural height (equal-height rows produced 30px vs 90px gaps) */
@media (max-width: 767px) {
  .elementor .bk-pr-doc-grid .elementor-loop-container.elementor-loop-container { grid-auto-rows: auto; gap: 12px; row-gap: 12px; }
  .elementor :is(.bk-pr-doc-grid, .bk-ct-doclist) .e-con.e-con.e-con.bk-ct-doc { --padding-top: 20px; --padding-right: 20px; --padding-bottom: 20px; --padding-left: 20px; padding: 20px; }
}

/* G3-17: Theme select = design-system chevron (same SVG as .bk-th-select and the tool selects) */
.bk-pr-form:not(#bk-fx) .elementor-select-wrapper .select-caret-down-wrapper { display: none; }
.bk-pr-form:not(#bk-fx) .elementor-field-group .elementor-select-wrapper select {
  padding-right: 38px; cursor: pointer; -webkit-appearance: none; appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23656D77' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important; /* uifix2: beats Elementor lazy-load `.e-con.e-parent:nth-of-type(n+3|4):not(.e-lazyloaded) * {background-image:none !important}` */
  background-repeat: no-repeat; background-position: right 14px center; background-size: 14px 14px;
}
/* G3-17: file input = styled secondary button + muted file name, inside the 48px field box (bk-pr.css) */
.bk-pr-form:not(#bk-fx) .elementor-field-group .elementor-upload-field {
  padding: 6px 7px; line-height: 34px; color: var(--e-global-color-text, #656D77); cursor: pointer;
}
.bk-pr-form:not(#bk-fx) .elementor-upload-field::file-selector-button {
  height: 34px; margin: 0 12px 0 0; padding: 0 14px; vertical-align: middle;
  font-family: inherit; font-size: 13px; font-weight: 500; line-height: 1; color: var(--e-global-color-primary, #20252B);
  background: var(--e-global-color-secondary, #EEF0F2); border: 1px solid var(--e-global-color-border, #DCE0E5); border-radius: 4px;
  cursor: pointer; transition: background-color var(--bk-motion-dur, 180ms) var(--bk-motion-ease, ease);
}
.bk-pr-form:not(#bk-fx) .elementor-upload-field:is(:hover, :focus-visible)::file-selector-button { background: var(--e-global-color-border, #DCE0E5); }

/* =============================================================================================
   ABOUT (37 + translations) — G3-15: the reading column starts at the site container edge like every other
   page (it was centred inside a 1366px box = ~190px / ~317px indent at 1280 / 1440)
   ============================================================================================= */
.elementor .e-con.e-con.e-con.bk-pg-about { --align-items: flex-start; align-items: flex-start; }

/* =============================================================================================
   DOCS (266 + translations) + single doc (348 + translations) — G3-19
   ============================================================================================= */
/* the rail is sticky from 768 (bk-ct.css); keep it content-height so it can stick */
.elementor .bk-ct-docs-layout > .e-con.bk-ct-aside { align-self: start; }
/* 768–900: a 220px rail left a ~410px article. Use the mobile TOC box (grey, compact 3-column list) above a
   full-width article instead. */
@media (min-width: 768px) and (max-width: 900px) {
  .elementor .e-con.e-con.e-con.e-con.bk-ct-docs-layout { --e-con-grid-template-columns: minmax(0, 1fr); --gap: 30px 30px; --row-gap: 30px; gap: 30px; }
  .elementor .e-con.bk-ct-aside:not(#bk-fx):not(.elementor-motion-effects-element-type-background) {
    position: relative; top: auto; background-color: var(--e-global-color-secondary); padding: 20px;
  }
  .elementor .bk-ct-docnav.bk-ct-docnav .elementor-loop-container.elementor-loop-container { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 12px; }
}

/* hover-10: table-of-contents links in resource posts: muted -> primary like every other text link */
.elementor-widget-table-of-contents.bk-ct-toc:not(#bk-fx) {
  --item-text-color: var(--e-global-color-text); --item-text-hover-color: var(--e-global-color-primary); --item-text-active-color: var(--e-global-color-primary);
}
.bk-ct-toc:not(#bk-fx) .elementor-toc__list-item-text { color: var(--e-global-color-text); transition: color var(--bk-motion-dur, 180ms) var(--bk-motion-ease, ease); }
.bk-ct-toc:not(#bk-fx) .elementor-toc__list-item-text:is(:hover, :focus-visible, .elementor-item-active) { color: var(--e-global-color-primary); }

/* =============================================================================================
   RESOURCES (36 + translations) — hover-10: category links incl. "All" use the tab idiom of the /tools/
   filter: current item = primary + 2px marker; hover = primary + marker (gold on the current item)
   ============================================================================================= */
.bk-ct-filter-all a:not(#bk-fx), .bk-ct-filter-cats:not(#bk-fx) nav li a {
  text-decoration-line: underline; text-decoration-thickness: 2px; text-underline-offset: 7px;
  text-decoration-color: transparent;
  transition: color var(--bk-motion-dur, 180ms) var(--bk-motion-ease, ease), text-decoration-color var(--bk-motion-dur, 180ms) var(--bk-motion-ease, ease);
}
.bk-ct-filter-all a:not(#bk-fx):is(:hover, :focus-visible), .bk-ct-filter-cats:not(#bk-fx) nav li a:is(:hover, :focus-visible) {
  color: var(--e-global-color-primary); text-decoration-color: var(--e-global-color-border, #DCE0E5);
}
.bk-ct-filter-all.bk-ct-is-all a:not(#bk-fx), .bk-ct-filter-cats:not(#bk-fx) nav li.current-cat > a { text-decoration-color: currentColor; }
.bk-ct-filter-all.bk-ct-is-all a:not(#bk-fx):is(:hover, :focus-visible), .bk-ct-filter-cats:not(#bk-fx) nav li.current-cat > a:is(:hover, :focus-visible) { text-decoration-color: var(--bk-ring, #987737); }

/* =============================================================================================
   TOOLS listing (157 + translations; grid section 429; loop-tool-card 355)
   ============================================================================================= */
/* G3-08: 1 col < 480 · 2 cols 480–959 · 3 cols 960–1279 · 4 cols ≥ 1280 */
@media (min-width: 960px) and (max-width: 1279px) {
  .elementor .bk-tl-grid.bk-tl-grid.bk-tl-grid .elementor-loop-container { --grid-columns: 3; grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1280px) {
  .elementor .bk-tl-grid.bk-tl-grid.bk-tl-grid .elementor-loop-container { --grid-columns: 4; grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
/* G3-06: phones = one column of compact rows: [icon] title ↗ [badge] / excerpt under the title */
@media (max-width: 479px) {
  .elementor .bk-tl-grid.bk-tl-grid.bk-tl-grid .elementor-loop-container { --grid-columns: 1; grid-template-columns: minmax(0, 1fr); grid-auto-rows: auto; gap: 10px; }
  .elementor .bk-tl-grid .e-con.e-con.e-con.bk-tl-card {
    display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; column-gap: 14px; row-gap: 4px; align-items: center;
    --padding-top: 16px; --padding-bottom: 16px; --padding-left: 16px; --padding-right: 16px; padding: 16px;
  }
  .elementor .bk-tl-grid .bk-tl-card > .e-con.bk-tl-card-icons { grid-column: 1; grid-row: 1 / span 2; align-self: start; --width: 40px; width: 40px; height: 40px; }
  .elementor .bk-tl-grid .bk-tl-card > .elementor-element.bk-tl-card-title { grid-column: 2; grid-row: 1; margin: 0; }
  .elementor .bk-tl-grid .bk-tl-card > .elementor-element.elementor-absolute.bk-tl-pill { position: static; inset: auto; grid-column: 3; grid-row: 1; align-self: center; margin: 0; }
  .elementor .bk-tl-grid .bk-tl-card > .elementor-element.bk-tl-card-excerpt { grid-column: 2 / span 2; grid-row: 2; margin: 0; }
  .elementor .bk-tl-grid .bk-tl-card-title .elementor-heading-title { justify-content: flex-start; }
}
/* G3-07: category filter keeps its horizontal scroll but shows an edge fade where more tabs are hidden
   (classes set by bk-fix-pages-b.js) */
.bk-tl-filter .e-filter.bk-fx-more-r { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 48px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 48px), transparent); }
.bk-tl-filter .e-filter.bk-fx-more-l { -webkit-mask-image: linear-gradient(to left, #000 calc(100% - 48px), transparent); mask-image: linear-gradient(to left, #000 calc(100% - 48px), transparent); }
.bk-tl-filter .e-filter.bk-fx-more-l.bk-fx-more-r { -webkit-mask-image: linear-gradient(to right, transparent, #000 48px, #000 calc(100% - 48px), transparent); mask-image: linear-gradient(to right, transparent, #000 48px, #000 calc(100% - 48px), transparent); }
.bk-tl-filter .e-filter { overscroll-behavior-x: contain; scroll-padding-inline: 24px; max-width: 100%; }

/* G3-20: one icon per tool category (bk_tool_group term on the loop item) instead of wrench / </> by position.
   Applies to every tool card (listing, home strip, related tools). */
.bk-tl-cards.bk-tl-cards .e-loop-item[class*="bk_tool_group-"] .bk-tl-ico-a { display: block; }
.bk-tl-cards.bk-tl-cards .e-loop-item[class*="bk_tool_group-"] .bk-tl-ico-b { display: none; }
.bk-tl-cards .e-loop-item[class*="bk_tool_group-"] .bk-tl-ico-a .elementor-icon { position: relative; }
.bk-tl-cards .e-loop-item[class*="bk_tool_group-"] .bk-tl-ico-a .elementor-icon svg { visibility: hidden; }
.bk-tl-cards .e-loop-item[class*="bk_tool_group-"] .bk-tl-ico-a .elementor-icon::before {
  content: ""; position: absolute; inset: 0; margin: auto; width: 18px; height: 18px; background: currentColor;
  -webkit-mask: var(--bk-fx-tool-ico) center / contain no-repeat; mask: var(--bk-fx-tool-ico) center / contain no-repeat;
}

/* G3-20 icon per category (Lucide-style 24px strokes, drawn as a mask in the icon tile). Default = code. */
.bk-tl-cards .e-loop-item { --bk-fx-tool-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='16 18 22 12 16 6'/%3E%3Cpolyline points='8 6 2 12 8 18'/%3E%3C/svg%3E"); }
.bk-tl-cards .e-loop-item.bk_tool_group-developer { --bk-fx-tool-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='16 18 22 12 16 6'/%3E%3Cpolyline points='8 6 2 12 8 18'/%3E%3C/svg%3E"); }
.bk-tl-cards .e-loop-item.bk_tool_group-design { --bk-fx-tool-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z'/%3E%3C/svg%3E"); }
.bk-tl-cards .e-loop-item.bk_tool_group-content { --bk-fx-tool-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3Cpath d='M10 9H8'/%3E%3C/svg%3E"); }
.bk-tl-cards .e-loop-item.bk_tool_group-seo { --bk-fx-tool-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E"); }
.bk-tl-cards .e-loop-item.bk_tool_group-performance { --bk-fx-tool-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 14 4-4'/%3E%3Cpath d='M3.34 19a10 10 0 1 1 17.32 0'/%3E%3C/svg%3E"); }
.bk-tl-cards .e-loop-item.bk_tool_group-wordpress { --bk-fx-tool-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E"); }
.bk-tl-cards .e-loop-item.bk_tool_group-shopify { --bk-fx-tool-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E"); }
.bk-tl-cards .e-loop-item.bk_tool_group-ai { --bk-fx-tool-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3Z'/%3E%3Cpath d='M5 3v4'/%3E%3Cpath d='M19 17v4'/%3E%3Cpath d='M3 5h4'/%3E%3Cpath d='M17 19h4'/%3E%3C/svg%3E"); }

/* =============================================================================================
   TOOL SINGLES (347 + translations)
   ============================================================================================= */
/* /tools/<tool>/ CLS: the workbench is rendered by bk-tl-tools.js after first paint and pushed the notes,
   related tools and footer down (CLS 0.14–0.35 on phones/tablets). Reserve its rendered height per tool
   (all 6 languages via post-id body classes) and for the website-inspection (Setup pending) form. */
@media (max-width: 480px) {
  :is(.postid-211, .postid-735, .postid-736, .postid-737, .postid-738, .postid-739) .bk-tl-single .bk-tool-app { min-height: 568px; }
  :is(.postid-212, .postid-740, .postid-741, .postid-742, .postid-743, .postid-744) .bk-tl-single .bk-tool-app { min-height: 514px; }
  :is(.postid-213, .postid-745, .postid-746, .postid-747, .postid-748, .postid-749) .bk-tl-single .bk-tool-app { min-height: 621px; }
  :is(.postid-214, .postid-750, .postid-751, .postid-752, .postid-753, .postid-754) .bk-tl-single .bk-tool-app { min-height: 469px; }
  :is(.postid-215, .postid-755, .postid-756, .postid-757, .postid-758, .postid-759) .bk-tl-single .bk-tool-app { min-height: 370px; }
  :is(.postid-216, .postid-760, .postid-761, .postid-762, .postid-763, .postid-764) .bk-tl-single .bk-tool-app { min-height: 834px; }
  :is(.postid-217, .postid-765, .postid-766, .postid-767, .postid-768, .postid-769) .bk-tl-single .bk-tool-app { min-height: 617px; }
  :is(.postid-218, .postid-770, .postid-771, .postid-772, .postid-773, .postid-774) .bk-tl-single .bk-tool-app { min-height: 667px; }
  :is(.postid-219, .postid-775, .postid-776, .postid-777, .postid-778, .postid-779) .bk-tl-single .bk-tool-app { min-height: 460px; }
  :is(.postid-220, .postid-780, .postid-781, .postid-782, .postid-783, .postid-784) .bk-tl-single .bk-tool-app { min-height: 460px; }
  :is(.postid-221, .postid-785, .postid-786, .postid-787, .postid-788, .postid-789) .bk-tl-single .bk-tool-app { min-height: 370px; }
  :is(.postid-222, .postid-790, .postid-791, .postid-792, .postid-793, .postid-794) .bk-tl-single .bk-tool-app { min-height: 756px; }
  :not(.bk_tool_group-ai) > .bk-tl-single:not([data-bk-status="live"]) .bk-tool-app { min-height: 490px; }
}
@media (min-width: 481px) and (max-width: 900px) {
  :is(.postid-211, .postid-735, .postid-736, .postid-737, .postid-738, .postid-739) .bk-tl-single .bk-tool-app { min-height: 565px; }
  :is(.postid-212, .postid-740, .postid-741, .postid-742, .postid-743, .postid-744) .bk-tl-single .bk-tool-app { min-height: 466px; }
  :is(.postid-213, .postid-745, .postid-746, .postid-747, .postid-748, .postid-749) .bk-tl-single .bk-tool-app { min-height: 606px; }
  :is(.postid-214, .postid-750, .postid-751, .postid-752, .postid-753, .postid-754) .bk-tl-single .bk-tool-app { min-height: 466px; }
  :is(.postid-215, .postid-755, .postid-756, .postid-757, .postid-758, .postid-759) .bk-tl-single .bk-tool-app { min-height: 367px; }
  :is(.postid-216, .postid-760, .postid-761, .postid-762, .postid-763, .postid-764) .bk-tl-single .bk-tool-app { min-height: 811px; }
  :is(.postid-217, .postid-765, .postid-766, .postid-767, .postid-768, .postid-769) .bk-tl-single .bk-tool-app { min-height: 595px; }
  :is(.postid-218, .postid-770, .postid-771, .postid-772, .postid-773, .postid-774) .bk-tl-single .bk-tool-app { min-height: 663px; }
  :is(.postid-219, .postid-775, .postid-776, .postid-777, .postid-778, .postid-779) .bk-tl-single .bk-tool-app { min-height: 457px; }
  :is(.postid-220, .postid-780, .postid-781, .postid-782, .postid-783, .postid-784) .bk-tl-single .bk-tool-app { min-height: 457px; }
  :is(.postid-221, .postid-785, .postid-786, .postid-787, .postid-788, .postid-789) .bk-tl-single .bk-tool-app { min-height: 367px; }
  :is(.postid-222, .postid-790, .postid-791, .postid-792, .postid-793, .postid-794) .bk-tl-single .bk-tool-app { min-height: 753px; }
  :not(.bk_tool_group-ai) > .bk-tl-single:not([data-bk-status="live"]) .bk-tool-app { min-height: 468px; }
}
@media (min-width: 901px) {
  :is(.postid-211, .postid-735, .postid-736, .postid-737, .postid-738, .postid-739) .bk-tl-single .bk-tool-app { min-height: 406px; }
  :is(.postid-212, .postid-740, .postid-741, .postid-742, .postid-743, .postid-744) .bk-tl-single .bk-tool-app { min-height: 308px; }
  :is(.postid-213, .postid-745, .postid-746, .postid-747, .postid-748, .postid-749) .bk-tl-single .bk-tool-app { min-height: 448px; }
  :is(.postid-214, .postid-750, .postid-751, .postid-752, .postid-753, .postid-754) .bk-tl-single .bk-tool-app { min-height: 308px; }
  :is(.postid-215, .postid-755, .postid-756, .postid-757, .postid-758, .postid-759) .bk-tl-single .bk-tool-app { min-height: 209px; }
  :is(.postid-216, .postid-760, .postid-761, .postid-762, .postid-763, .postid-764) .bk-tl-single .bk-tool-app { min-height: 672px; }
  :is(.postid-217, .postid-765, .postid-766, .postid-767, .postid-768, .postid-769) .bk-tl-single .bk-tool-app { min-height: 456px; }
  :is(.postid-218, .postid-770, .postid-771, .postid-772, .postid-773, .postid-774) .bk-tl-single .bk-tool-app { min-height: 505px; }
  :is(.postid-219, .postid-775, .postid-776, .postid-777, .postid-778, .postid-779) .bk-tl-single .bk-tool-app { min-height: 298px; }
  :is(.postid-220, .postid-780, .postid-781, .postid-782, .postid-783, .postid-784) .bk-tl-single .bk-tool-app { min-height: 298px; }
  :is(.postid-221, .postid-785, .postid-786, .postid-787, .postid-788, .postid-789) .bk-tl-single .bk-tool-app { min-height: 209px; }
  :is(.postid-222, .postid-790, .postid-791, .postid-792, .postid-793, .postid-794) .bk-tl-single .bk-tool-app { min-height: 595px; }
  :not(.bk_tool_group-ai) > .bk-tl-single:not([data-bk-status="live"]) .bk-tool-app { min-height: 329px; }
}