/* Clip horizontal overflow without creating a scroll container above sticky navigation. */
body.insightbase-support-page main {
  overflow-x: clip;
  overflow-y: visible;
}
.support-page { color: #344439; background: #fff; }
.support-page p { padding: 0; }
.support-hero { background: #eff4e8; padding: 58px 0 42px; }
.support-page .support-eyebrow { margin: 0 0 12px; padding: 0; font-size: 13px; font-weight: 700; letter-spacing: .1em; color: #278438; }
.support-hero h1 { margin: 0 0 20px; font-size: clamp(32px,4vw,46px); color: #203b29; }
.support-hero p { font-size: 17px; line-height: 1.9; }
.support-page .support-hero p.support-hero__label { display: inline-flex; align-items: center; justify-content: center; min-width: 0; margin: 0 0 20px; padding: 5px 10px; border-radius: 999px; background: #22ac38; color: #fff; font-size: 12px; font-weight: 800; line-height: 1.35; white-space: nowrap; }
.support-shortcuts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 30px 0 0; padding: 0; list-style: none; }
.support-shortcuts li { margin: 0; padding: 0; }
.support-shortcuts a { display: flex; justify-content: space-between; align-items: center; gap: 12px; height: 100%; padding: 18px; border: 1px solid #dbe5d4; background: #fff; border-radius: 9px; font-size: 14px; font-weight: 600; color: #344439; }
.support-index { padding-top: 40px; padding-bottom: 72px; }
.support-start { display: flex; align-items: center; gap: 28px; padding: 32px; border: 1px solid #bcd5b5; border-radius: 16px; background: #f8fbf5; color: #2d4430; }
.support-start__number { font-size: 54px; font-weight: 800; color: #22ac38; }
.support-start h2 { margin: 8px 0 10px; font-size: clamp(22px,2.5vw,29px); line-height: 1.6; }
.support-start p { margin: 0; font-size: 15px; line-height: 1.9; }
.support-start__arrow { margin-left: auto; font-size: 30px; color: #22ac38; }
.support-index__heading { margin: 48px 0 24px; font-size: 28px; }
.support-category-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; align-items: start; }
.support-category { padding: 28px; border: 1px solid #dfe7db; border-radius: 14px; }
.support-category__heading { display: flex; align-items: baseline; gap: 14px; margin-bottom: 18px; }
.support-category__heading > span { color: #27973b; font-size: 24px; font-weight: 700; }
.support-category h3 { margin: 0; font-size: 21px; line-height: 1.6; }
.support-category ul { margin: 0; padding: 0; list-style: none; }
.support-category li { border-top: 1px solid #e9eee5; }
.support-category li a { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 16px 0; font-size: 15px; color: #455345; line-height: 1.7; }
.support-category li a span { color: #22ac38; font-size: 22px; }
.support-help-links { display: flex; justify-content: center; gap: 30px; margin-top: 38px; }
.support-help-links a { font-weight: 700; }
.support-reader { padding-top: 28px; padding-bottom: 70px; }
.support-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; font-size: 13px; line-height: 1.8; margin-bottom: 32px; }
.support-reader__layout { display: grid; grid-template-columns: 270px minmax(0,1fr); gap: 54px; align-items: start; }
.support-sidebar { position: sticky; top: 110px; max-height: calc(100dvh - 135px); box-sizing: border-box; align-self: start; scrollbar-gutter: stable; overflow-y: auto; border: 1px solid #e1e8dd; border-radius: 12px; background: #fafcf8; padding: 18px; }
.support-sidebar__home { display: block; font-size: 16px; font-weight: 700; padding: 0 0 16px; }
.support-sidebar details { border-top: 1px solid #e2e9de; padding: 14px 0; }
.support-sidebar summary { cursor: pointer; color: #364b39; font-size: 14px; font-weight: 700; line-height: 1.7; }
.support-sidebar ul { margin: 12px 0 0; padding: 0; list-style: none; }
.support-sidebar li a { display: block; font-size: 13px; line-height: 1.8; padding: 9px 10px; color: #5b685a; border-radius: 6px; }
.support-sidebar a[aria-current] { background: #e8f3e1; color: #207a31; font-weight: 700; }
.support-article { min-width: 0; max-width: 930px; }
.support-article__header h1 { font-size: clamp(26px,2.7vw,36px); line-height: 1.65; color: #213a29; margin: 0 0 16px; overflow-wrap: anywhere; }
.support-page .support-updated { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 13px; color: #758071; margin: 0 0 30px; }
.support-toc { background: #f7faf4; border: 1px solid #dfe8d8; border-radius: 12px; padding: 22px 26px; margin-bottom: 32px; }
.support-toc p { font-size: 15px; font-weight: 700; margin: 0 0 12px; }
.support-toc ul { padding: 0; margin: 0; list-style: none; }
.support-toc li { margin: 8px 0; line-height: 1.7; font-size: 14px; }
.support-toc a { color: #357640; }
.support-prose { font-size: 16px; line-height: 1.95; overflow-wrap: anywhere; }
.support-prose p { margin: 0 0 22px; font-size: 16px; line-height: 1.95; }
.support-prose h2 { font-size: 24px; line-height: 1.6; padding: 0 0 12px; margin: 44px 0 22px; border-bottom: 2px solid #deead5; color: #254a2e; scroll-margin-top: 115px; }
.support-prose a { color: #227f34; text-decoration: underline; text-underline-offset: 3px; }
.support-prose ul { list-style: disc; padding-left: 24px; margin: 0 0 24px; }
.support-prose ol { list-style: decimal; padding-left: 30px; margin: 0 0 24px; }
.support-prose li { padding-left: 5px; margin-bottom: 12px; line-height: 1.9; }
.support-prose ol li::marker { color: #24883a; font-weight: 700; }
.support-prose strong { color: #294d30; font-weight: 700; }
.support-table { overflow-x: auto; margin: 24px 0 28px; border: 1px solid #dfe6db; border-radius: 9px; }
.support-prose table { width: 100%; min-width: 520px; border-collapse: collapse; font-size: 14px; line-height: 1.85; }
.support-prose th, .support-prose td { padding: 14px 16px; vertical-align: top; text-align: left; border: 1px solid #e2e8df; }
.support-prose th { background: #eff5e9; color: #355039; font-weight: 700; }
.support-prose tr:nth-child(even) td { background: #fbfcfa; }
.support-prose td:first-child { min-width: 160px; }
.support-prose code { background: #f0f3ee; padding: 2px 5px; border-radius: 4px; font-size: .9em; }
.support-prose pre { overflow-x: auto; white-space: pre-wrap; padding: 24px; margin: 24px 0; background: #f5f7f3; border: 1px solid #dfe6db; border-radius: 10px; user-select: text; }
.support-prose pre code { background: none; padding: 0; font-size: 14px; }
.support-screenshot { margin: 28px 0 34px; }
.support-screenshot img { width: 100%; height: auto; display: block; padding: 10px; border: 1px solid #dfe3e0; border-radius: 10px; background: #f0f1f1; }
.support-screenshot figcaption { margin-top: 10px; font-size: 13px; color: #7a827b; line-height: 1.7; text-align: center; }
.support-article-pagination { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 45px; }
.support-article-pagination a { border: 1px solid #dfe6db; padding: 20px; border-radius: 10px; font-size: 14px; line-height: 1.8; color: #345338; }
.support-article-pagination span { display: block; color: #7d8879; font-size: 12px; margin-bottom: 7px; }
.support-article-contact { background: #eff4e8; border-radius: 12px; margin-top: 30px; padding: 28px; }
.support-article-contact h2 { margin: 0 0 12px; font-size: 22px; }
.support-article-contact p { margin: 0 0 18px; font-size: 15px; line-height: 1.9; }
.support-article-contact a { display: inline-block; margin: 0 20px 8px 0; font-size: 14px; font-weight: 700; }
.support-page a:hover { color: #169b30; }
.support-page a:focus-visible, .support-page summary:focus-visible, .support-table:focus-visible { outline: 3px solid #258c38; outline-offset: 3px; }
@media (max-width: 1000px) { .support-reader__layout { grid-template-columns: 220px minmax(0,1fr); gap: 28px; } .support-shortcuts { grid-template-columns: 1fr; gap: 10px; } }
@media (max-width: 760px) {
 .support-hero { padding: 40px 0 30px; }
 .support-category-grid { grid-template-columns: 1fr; }
 .support-category { padding: 22px; }
 .support-start { padding: 24px; gap: 16px; }
 .support-start__number { font-size: 36px; }
 .support-start__arrow { display: none; }
 .support-reader__layout { display: flex; flex-direction: column; gap: 30px; }
 .support-sidebar { order: 2; position: static; max-height: none; width: 100%; box-sizing: border-box; }
 .support-article { width: 100%; }
 .support-toc { padding: 20px; }
 .support-prose h2 { font-size: 22px; }
 .support-article-pagination { grid-template-columns: 1fr; }
 .support-help-links { flex-direction: column; align-items: center; gap: 16px; }
}

@media (min-width: 761px) {
  .admin-bar .support-sidebar {
    top: calc(110px + var(--wp-admin--admin-bar--height, 32px));
    max-height: calc(100dvh - 135px - var(--wp-admin--admin-bar--height, 32px));
  }
}

/* Caution tables. */
.support-prose .support-table-notice-wrap { border-color: #efd4dc; }
.support-prose table.support-table--notice { background: #fff2f5; }
.support-prose table.support-table--notice th { background: #fbe3ea; color: #704852; border-color: #efd4dc; }
.support-prose table.support-table--notice td,
.support-prose table.support-table--notice tr:nth-child(even) td { background: #fff2f5; border-color: #efd4dc; }