/* BFK 3.2.2 - show EVERY official Brandbook block; never hide the source layout. */
body.bfk-official-active .bfk-source-layout[hidden],
body.bfk-official-active .bfk-source-content[hidden]{display:block!important}
body.bfk-official-active .bfk-official-wrapper .bfk-source-layout,
body.bfk-official-active .bfk-official-wrapper .bfk-source-layout--with-toc{
  display:block!important;width:100%!important;min-width:0!important;overflow:visible!important
}
body.bfk-official-active .bfk-source-content{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:24px!important;direction:rtl!important}
body.bfk-official-active .bfk-official-wrapper{scroll-margin-top:110px}
body.bfk-official-active .bfk-official-section{
  box-sizing:border-box;direction:rtl;max-width:100%;width:100%;height:auto!important;min-height:0!important;
  padding:clamp(24px,3.2vw,46px)!important;border:1px solid #dae6f3;border-radius:24px;
  background:#fff;box-shadow:0 15px 38px rgba(14,39,65,.042);overflow-wrap:normal!important
}
body.bfk-official-active .bfk-official-overline{display:inline-block;color:#127bd7;letter-spacing:.10em;font:700 11px/1.4 ui-monospace,monospace;direction:ltr;margin-bottom:12px}
body.bfk-official-active .bfk-official-section h3{
  font-size:clamp(22px,2.35vw,34px)!important;line-height:1.5!important;margin:0 0 18px!important;
  color:#10243c!important;font-weight:850!important;text-align:right!important
}
body.bfk-official-active .bfk-official-section>.bfk-official-prose,
body.bfk-official-active .bfk-official-section>p{
  font-size:clamp(15px,1.1vw,17px)!important;line-height:2.05!important;max-width:90ch!important;
  margin:0 0 14px!important;color:#4b6177!important;white-space:normal!important
}
body.bfk-official-active .bfk-official-section :is(ol,ul){list-style:none;padding:0;margin:18px 0 0}
body.bfk-official-active .bfk-official-card-grid,
body.bfk-official-active .bfk-official-topic-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important;align-items:stretch!important
}
body.bfk-official-active :is(.bfk-official-card-grid,.bfk-official-topic-grid)>li{
  display:flex;gap:14px;align-items:flex-start;min-width:0;height:auto!important;min-height:128px!important;
  border-radius:16px;border:1px solid #e1eaf3;padding:20px 17px;background:#f5f9fd
}
body.bfk-official-active .bfk-official-index{flex:0 0 auto;direction:ltr;font-size:11px;font-weight:800;color:#1184eb;
  display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#e5f3ff}
body.bfk-official-active .bfk-official-section li strong{
  display:block;font-size:clamp(14px,1vw,17px)!important;line-height:1.8;color:#112940!important;font-weight:800;text-align:right!important
}
body.bfk-official-active .bfk-official-section li p{
  margin:6px 0 0!important;color:#566c80!important;font-size:14px!important;line-height:1.95!important;text-align:right!important
}
body.bfk-official-active .bfk-official-flow{display:flex!important;flex-direction:row;gap:10px!important;align-items:stretch!important;flex-wrap:wrap}
body.bfk-official-active .bfk-official-flow>li{flex:1 1 135px;display:flex;min-width:0;min-height:104px;
  align-items:flex-start;gap:10px;padding:16px 12px;border:1px solid #c7e3f7;background:#edf7ff;border-radius:15px}
body.bfk-official-active .bfk-official-flow>li strong{font-size:13px!important}
body.bfk-official-active .bfk-official-page-nav{box-sizing:border-box;direction:rtl;display:flex;align-items:center;gap:8px;
  flex-wrap:wrap;max-width:calc(100% - 40px);width: min(1350px, calc(100% - 40px));margin:14px auto 22px;
  background:#f6faff;border:1px solid #dce8f5;border-radius:15px;padding:13px 18px;
}
body.bfk-official-active .bfk-official-page-nav__label{font-weight:800;font-size:13px;margin-inline-end:8px;color:#0f2943}
body.bfk-official-active .bfk-official-page-nav a{color:#23577b!important;text-decoration:none!important;font-size:13px;
  padding:8px 12px;border:1px solid #dce8f5;background:#fff;border-radius:10px;transition:background .2s}
body.bfk-official-active .bfk-official-page-nav a:hover{background:#e4f2ff}
body.bfk-official-active .bfk-official-section{scroll-margin-top:110px}
/* A genuine thematic difference for AI, not the inaccessible dark-on-dark headers of v3. */
body.bfk-official-active .bfk-source-section--11 .bfk-official-section{background:#0c2239;border-color:#21415d}
body.bfk-official-active .bfk-source-section--11 .bfk-official-section h3,
body.bfk-official-active .bfk-source-section--11 .bfk-official-section li strong{color:#f7fbff!important}
body.bfk-official-active .bfk-source-section--11 .bfk-official-section p{color:#d1dfea!important}
body.bfk-official-active .bfk-source-section--11 :is(.bfk-official-card-grid,.bfk-official-topic-grid)>li{background:#153551;border-color:#2b4c67}
body.bfk-official-active .bfk-source-section--11 .bfk-official-section li p{color:#cbdcec!important}
/* Brandbook-generated standalone widgets use their own existing styles and full source text. */
@media(max-width:980px){
 body.bfk-official-active :is(.bfk-official-card-grid,.bfk-official-topic-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
 body.bfk-official-active .bfk-official-page-nav{max-width:calc(100% - 28px)}
}
@media(max-width:620px){
 body.bfk-official-active .bfk-official-section{padding:23px 18px!important;border-radius:18px}
 body.bfk-official-active :is(.bfk-official-card-grid,.bfk-official-topic-grid){grid-template-columns:1fr}
 body.bfk-official-active :is(.bfk-official-card-grid,.bfk-official-topic-grid)>li{min-height:0!important;padding:15px}
 body.bfk-official-active .bfk-official-page-nav{margin:10px auto 18px;padding:11px}
 body.bfk-official-active .bfk-official-flow>li{min-height:80px;flex:1 1 100%}
}
@media(max-width:620px){
  body.bfk-official-active .bfk-official-wrapper .bfk-shell{
    box-sizing:border-box!important;width:calc(100% - 24px)!important;max-width:100%!important;
    padding:0!important;margin-inline:auto!important;
  }
  body.bfk-official-active .bfk-official-wrapper .bfk-source-layout{
    box-sizing:border-box!important;width:100%!important;margin:0!important;
    padding:0!important;min-width:0!important;
  }
}
@media(min-width:621px) and (max-width:1024px){
 body.bfk-official-active .bfk-official-wrapper .bfk-shell{
    box-sizing:border-box!important;width:calc(100% - 36px)!important;max-width:100%!important;
    margin-inline:auto!important;padding:0!important;
 }
 body.bfk-official-active .bfk-official-wrapper .bfk-source-layout{
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;
    padding:0!important;margin:0!important;
 }
}

/* BFK 3.2.3 — fix source-of-truth sections, not the Elementor document.
   Legacy .bfk-source-block is a TWO-column CSS grid. The Brandbook display
   creates an <ol> below its header: the old grid traps that list in half the
   panel. Force official blocks into normal flow and use their own adaptive
   list layouts. Scope everything to approved Brandbook sections. */
body.bfk-official-active .bfk-official-wrapper .bfk-source-content {
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:100%!important;
  max-width:100%!important;
  gap:clamp(18px,2.2vw,32px)!important;
  min-width:0!important;
}
body.bfk-official-active .bfk-official-wrapper .bfk-source-content > .bfk-source-block.bfk-official-section {
  display:block!important;
  position:relative!important;
  grid-column:1 / -1!important;
  grid-template-columns:none!important;
  grid-auto-flow:row!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  padding:clamp(24px,3.3vw,44px)!important;
  text-align:right!important;
  overflow:hidden!important;
  border:1px solid #dce6ef!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 16px 45px rgba(17,42,67,.055)!important;
}
body.bfk-official-active .bfk-official-wrapper .bfk-official-section::before {content:none!important;display:none!important}
body.bfk-official-active .bfk-official-wrapper .bfk-official-section > .bfk-official-overline {
  display:block!important;
  direction:ltr!important;
  width:fit-content!important;
  margin:0 0 12px auto!important;
  text-align:right!important;
  font:800 11px/1.6 ui-monospace,monospace!important;
  letter-spacing:.06em;
  color:#1684de!important;
}
body.bfk-official-active .bfk-official-wrapper .bfk-official-section > h3 {
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 14px!important;
  text-align:right!important;
  font-size:clamp(22px,2.05vw,31px)!important;
  line-height:1.52!important;
  color:#10283f!important;
}
body.bfk-official-active .bfk-official-wrapper .bfk-official-section > :is(p,.bfk-official-prose,.bfk-official-intro) {
  display:block!important;
  max-width:100%!important;
  margin:0 0 13px!important;
  line-height:1.95!important;
  text-align:right!important;
  color:#586f82!important;
  font-size:clamp(14px,1vw,16px)!important;
  overflow-wrap:anywhere!important;
}
body.bfk-official-active .bfk-official-wrapper .bfk-official-section > .bfk-official-intro {
  color:#1b456a!important;font-weight:700!important;margin:23px 0 16px!important;
}
body.bfk-official-active .bfk-official-wrapper .bfk-official-section > :is(.bfk-official-card-grid,.bfk-official-topic-grid,.bfk-official-flow) {
  display:grid!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  grid-column:1 / -1!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  gap:clamp(12px,1.3vw,18px)!important;
  padding:0!important;
  margin:22px 0 0!important;
  list-style:none!important;
}
body.bfk-official-active .bfk-official-wrapper .bfk-official-section > :is(.bfk-official-card-grid,.bfk-official-topic-grid,.bfk-official-flow)[data-bfk-count="1"] {grid-template-columns:1fr!important}
body.bfk-official-active .bfk-official-wrapper .bfk-official-section > :is(.bfk-official-card-grid,.bfk-official-topic-grid,.bfk-official-flow)[data-bfk-count="2"] {grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.bfk-official-active .bfk-official-wrapper .bfk-official-section > :is(.bfk-official-card-grid,.bfk-official-topic-grid,.bfk-official-flow)[data-bfk-count="4"],
body.bfk-official-active .bfk-official-wrapper .bfk-official-section > :is(.bfk-official-card-grid,.bfk-official-topic-grid,.bfk-official-flow)[data-bfk-count="8"] {grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.bfk-official-active .bfk-official-wrapper .bfk-official-section > :is(.bfk-official-card-grid,.bfk-official-topic-grid,.bfk-official-flow)[data-bfk-count="5"] {grid-template-columns:repeat(6,minmax(0,1fr))!important}
body.bfk-official-active .bfk-official-wrapper .bfk-official-section > :is(.bfk-official-card-grid,.bfk-official-topic-grid,.bfk-official-flow)[data-bfk-count="5"] > li {grid-column:span 2!important}
body.bfk-official-active .bfk-official-wrapper .bfk-official-section > :is(.bfk-official-card-grid,.bfk-official-topic-grid,.bfk-official-flow)[data-bfk-count="5"] > li:nth-last-child(-n+2) {grid-column:span 3!important}
body.bfk-official-active .bfk-official-wrapper .bfk-official-section > :is(.bfk-official-card-grid,.bfk-official-topic-grid,.bfk-official-flow) > li {
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:row!important;
  min-width:0!important;
  min-height:126px!important;
  height:auto!important;
  grid-column:auto;
  gap:12px!important;
  padding:20px!important;
  align-items:flex-start!important;
  border:1px solid #dce9f5!important;
  border-radius:16px!important;
  background:#f5f9fd!important;
  color:#112d46!important;
}
body.bfk-official-active .bfk-official-wrapper .bfk-official-section .bfk-official-index {
  flex:0 0 32px!important;width:32px!important;height:32px!important;font:800 12px/1 monospace!important;
  display:grid!important;place-items:center!important;background:#e4f2ff!important;color:#117ce1!important;
  border-radius:10px!important;direction:ltr!important;
}
body.bfk-official-active .bfk-official-wrapper .bfk-official-section li strong {
  display:block!important;
  color:#122b42!important;
  text-align:right!important;
  font-weight:750!important;
  font-size:clamp(14px,1vw,16px)!important;
  line-height:1.85!important;
  overflow-wrap:anywhere!important;
}
body.bfk-official-active .bfk-official-wrapper .bfk-official-section li p {
  margin:8px 0 0!important;color:#5a7084!important;line-height:1.8!important;
  text-align:right!important;font-size:13px!important;
}
/* Explicit responsive layout: don't let narrow cards wrap each word into a line. */
@media(max-width:1120px){
  body.bfk-official-active .bfk-official-wrapper .bfk-official-section > :is(.bfk-official-card-grid,.bfk-official-topic-grid,.bfk-official-flow),
  body.bfk-official-active .bfk-official-wrapper .bfk-official-section > :is(.bfk-official-card-grid,.bfk-official-topic-grid,.bfk-official-flow)[data-bfk-count] {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.bfk-official-active .bfk-official-wrapper .bfk-official-section > :is(.bfk-official-card-grid,.bfk-official-topic-grid,.bfk-official-flow)[data-bfk-count="5"] > li,
  body.bfk-official-active .bfk-official-wrapper .bfk-official-section > :is(.bfk-official-card-grid,.bfk-official-topic-grid,.bfk-official-flow)[data-bfk-count="5"] > li:nth-last-child(-n+2){grid-column:auto!important}
  body.bfk-official-active .bfk-official-wrapper .bfk-official-section > :is(.bfk-official-card-grid,.bfk-official-topic-grid,.bfk-official-flow)[data-bfk-count="5"] > li:last-child{grid-column:1/-1!important}
}
@media(max-width:620px){
  body.bfk-official-active .bfk-official-wrapper .bfk-source-content > .bfk-source-block.bfk-official-section{padding:23px 18px!important;border-radius:18px!important}
  body.bfk-official-active .bfk-official-wrapper .bfk-official-section > :is(.bfk-official-card-grid,.bfk-official-topic-grid,.bfk-official-flow),
  body.bfk-official-active .bfk-official-wrapper .bfk-official-section > :is(.bfk-official-card-grid,.bfk-official-topic-grid,.bfk-official-flow)[data-bfk-count] {grid-template-columns:1fr!important}
  body.bfk-official-active .bfk-official-wrapper .bfk-official-section > :is(.bfk-official-card-grid,.bfk-official-topic-grid,.bfk-official-flow) > li,
  body.bfk-official-active .bfk-official-wrapper .bfk-official-section > :is(.bfk-official-card-grid,.bfk-official-topic-grid,.bfk-official-flow)[data-bfk-count="5"] > li:last-child {grid-column:1/-1!important;min-height:0!important;padding:15px!important}
}
/* Official AI content retains the dark palette and accessible contrast. */
body.bfk-official-active .bfk-official-wrapper.bfk-source-section--11 .bfk-source-content > .bfk-official-section {background:#0b2136!important;border-color:#234665!important}
body.bfk-official-active .bfk-official-wrapper.bfk-source-section--11 .bfk-official-section > h3,
body.bfk-official-active .bfk-official-wrapper.bfk-source-section--11 .bfk-official-section li strong {color:#f7fbff!important}
body.bfk-official-active .bfk-official-wrapper.bfk-source-section--11 .bfk-official-section > :is(p,.bfk-official-intro) {color:#cbddec!important}
body.bfk-official-active .bfk-official-wrapper.bfk-source-section--11 .bfk-official-section > :is(.bfk-official-card-grid,.bfk-official-topic-grid,.bfk-official-flow) > li {background:#16344e!important;border-color:#345472!important}
body.bfk-official-active .bfk-official-wrapper.bfk-source-section--11 .bfk-official-section .bfk-official-index {background:#1e4969!important;color:#83c7ff!important}
/* The Elementor document must be readable even when the presentation JS is
   disabled by a security/caching plugin or the visitor has scripts disabled. */
.bfk-source-section .bfk-source-content > .bfk-source-block.bfk-official-section {
  display:block!important;
  grid-column:1/-1!important;
  grid-template-columns:none!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
}
.bfk-source-section .bfk-source-content > .bfk-source-block.bfk-official-section > p {
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  line-height:2!important;
}
