/* KESHO FAQ Explorer v0.2.2 — standalone graph, 6076 page only. */
.kfe,.kfe *,.kfe *::before,.kfe *::after{box-sizing:border-box}
.kfe{
  display:block;width:100%;height:100%;min-width:0;min-height:0;
  direction:rtl;isolation:isolate;
  font-family:"AzarMehr",sans-serif!important;
  font-weight:400;color:#e1ecee;
  --kfe-bg:#0d1d27;
  --kfe-parent:#367d79;
  --kfe-system:#3f6885;
}
.kfe button,.kfe output,.kfe p,.kfe strong,.kfe span{
  font-family:"AzarMehr",sans-serif!important;
}
.kfe button{cursor:pointer}
.kfe button:focus-visible,.kfe .kfe-viewport:focus-visible{outline:3px solid #9adad0;outline-offset:-4px}
.kfe [hidden]{display:none!important}

/* Do not modify any global Smart Guide code; page 6076 only. */
body.page-id-6076{height:100dvh!important;overflow:hidden!important;overscroll-behavior:none!important;background:var(--kfe-bg,#0d1d27)!important}
/* The original Bricks header remains on top on desktop AND mobile. */
body.page-id-6076 #brx-header{display:block!important;position:relative;z-index:110!important;visibility:visible!important;opacity:1!important}
/* The real Bricks header MUST remain visible above the explorer. */
body.page-id-6076 #brx-footer,
body.page-id-6076 .skip-link{display:none!important}
body.page-id-6076 #kesho-smart-guide-root{display:none!important;visibility:hidden!important;pointer-events:none!important}
body.page-id-6076 .kfe{
  position:fixed;inset:var(--kfe-top, 80px) 0 0 0;z-index:90;
  width:100vw;height:calc(100dvh - var(--kfe-top, 80px));
  min-height:0;margin:0;padding:0;background:#0d1d27!important;
}

.kfe-canvas-shell{
  display:grid;grid-template-columns:minmax(0,1fr) 72px;direction:ltr;
  position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;
  background:radial-gradient(ellipse 90% 85% at 35% 15%,#1b3440 0%,#102630 54%,#0c1c25 100%);
  border:1px solid #233d49;
}
.kfe-viewport{
  position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;
  direction:ltr;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;
  background-image:radial-gradient(#4c6b7780 .85px,transparent .95px);
  background-size:24px 24px;
}
.kfe-viewport:active{cursor:grabbing}
.kfe-stage{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
.kfe-stage.kfe-smooth{transition:transform .60s cubic-bezier(.2,.7,.18,1)}
.kfe-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.kfe-wire{fill:none;stroke:#54727e;stroke-width:2;stroke-linecap:round;opacity:.36}
.kfe-wire.is-path{stroke:#7eaab6;stroke-width:2.5;opacity:.8}
.kfe-wire.is-next{stroke:#91ced0;stroke-width:2.6;opacity:.85;stroke-dasharray:1;stroke-dashoffset:0;animation:kfe-connection-enter .60s cubic-bezier(.2,.7,.2,1) both}
@keyframes kfe-connection-enter{from{stroke-dashoffset:1;opacity:.1}to{stroke-dashoffset:0;opacity:.85}}
.kfe-wire.is-next[data-lane=parent]{stroke:#71c6b8}
@keyframes kfe-flow{to{stroke-dashoffset:-360}}
.kfe-nodes{position:absolute;inset:0}
.kfe-node{
  position:absolute!important;left:var(--nx)!important;top:var(--ny)!important;
  width:var(--nw)!important;height:var(--nh)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  margin:0!important;padding:10px 14px!important;
  border-radius:12px!important;border:1px solid #37525d!important;
  background-color:#1e3540!important;color:#e5f0f2!important;
  box-shadow:0 11px 25px #050f173b!important;
  direction:rtl;text-align:center!important;touch-action:none;
  -webkit-tap-highlight-color:transparent;
  transition:background-color .26s ease!important;
}
.kfe-node-text{display:block;width:100%;font-size:14px;font-weight:700!important;line-height:1.6!important;overflow-wrap:anywhere;text-align:center}
.kfe-node[data-kind=start]{border-radius:17px!important;font-size:17px!important}
.kfe-node[data-kind=start] .kfe-node-text,.kfe-node[data-kind=mode] .kfe-node-text{font-size:17px;font-weight:800!important}
.kfe-node[data-kind=question] .kfe-node-text{font-size:13px;font-weight:600!important;line-height:1.7!important}
/* One start node: bright enough to invite a click. */
.kfe-node.is-start{background-color:#d1e4e9!important;color:#14303c!important;border-color:#b6d6dc!important}
.kfe-node.is-start:hover{background-color:#e4f2f4!important}
/* Two distinct entrance colors, both inside KESHO blue/teal palette. */
.kfe-node[data-lane=parent][data-kind=mode].is-frontier{background-color:#367d79!important;color:#fff!important;border-color:#5caca2!important}
.kfe-node[data-lane=system][data-kind=mode].is-frontier{background-color:#416884!important;color:#fff!important;border-color:#7199b1!important}
.kfe-node[data-lane=parent][data-kind=mode].is-frontier:hover{background-color:#47918c!important}
.kfe-node[data-lane=system][data-kind=mode].is-frontier:hover{background-color:#527c98!important}
/* All newly available choices are light and visually foregrounded. */
.kfe-node.is-frontier{background-color:#dbeaec!important;color:#193640!important;border-color:#9bbdc3!important;animation:kfe-node-enter .24s cubic-bezier(.2,.65,.25,1) both;animation-delay:0s!important}
@keyframes kfe-node-enter{from{opacity:0;translate:26px 0;filter:blur(2px)}to{opacity:1;translate:0 0;filter:blur(0)}}
.kfe-node.is-frontier:hover{background-color:#ebf5f6!important}
.kfe-node.is-frontier[data-lane=parent]:not([data-kind=mode]){background-color:#d9ede8!important;color:#1c433d!important;border-color:#87bdb3!important}
.kfe-node.is-frontier[data-lane=parent]:not([data-kind=mode]):hover{background-color:#edfaf5!important}
.kfe-node.is-frontier[data-lane=system]:not([data-kind=mode]){background-color:#d9e9f0!important;color:#203e51!important;border-color:#8eafc1!important}
.kfe-node.is-frontier[data-lane=system]:not([data-kind=mode]):hover{background-color:#edf6fa!important}
/* Current selected: saturated. */
.kfe-node.is-anchor{background-color:#365a6b!important;color:#fff!important;border-color:#608b9b!important}
.kfe-node.is-anchor[data-lane=parent]{background-color:#3e8179!important;border-color:#64b0a5!important}
.kfe-node.is-anchor[data-lane=system]{background-color:#426a85!important;border-color:#83a9c0!important}
.kfe-node.is-anchor:hover{background-color:#4d7485!important}
.kfe-node.is-anchor[data-lane=parent]:hover{background-color:#4f948b!important}
.kfe-node.is-anchor[data-lane=system]:hover{background-color:#527e99!important}
/* Previously chosen path: dark, distinct, still readable/clickable. */
.kfe-node.is-history{background-color:#25424c!important;color:#b9d3d8!important;border-color:#355760!important}
.kfe-node.is-history:hover{background-color:#315360!important}
.kfe-node.is-sibling{background-color:#18313b!important;color:#829da7!important;border-color:#284450!important;opacity:.61}
.kfe-node.is-sibling:hover{background-color:#254451!important}

/* Controls occupy a dedicated sidebar and never overlap graph content. */
.kfe-side-rail{
  grid-column:2;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:16px;min-width:0;min-height:0;padding:13px 8px;
  direction:ltr;background:#102631;border-left:1px solid #294550;
}
.kfe-zoom{display:flex;flex-direction:column;align-items:center;gap:9px}
.kfe-action{
  display:flex!important;justify-content:center!important;align-items:center!important;
  width:43px;height:43px;margin:0!important;padding:0!important;
  border-radius:11px!important;border:1px solid #355762!important;
  background-color:#1b3642!important;color:#dcebf0!important;
  box-shadow:none!important;transition:background-color .26s ease!important;
}
.kfe-action:hover{background-color:#2d5160!important}
.kfe-zoom-label{font-size:11px;white-space:nowrap;color:#9eb8bf;direction:ltr}
.kfe-rail-divider{width:32px;height:1px;background:#35515c}
/* Centered floating answer experience: glass over the graph, no fixed footer card. */
.kfe-answer-overlay{
  position:absolute;inset:0;z-index:20;
  display:grid;place-items:center;
  padding:24px;direction:rtl;
}
.kfe-answer-backdrop{
  position:absolute;inset:0;
  background:rgba(5,19,28,.36);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
  cursor:pointer;
}
.kfe-answer-panel{
  position:relative;z-index:1;
  width:min(650px,100%);max-height:min(75dvh,740px);overflow:hidden;
  display:flex;flex-direction:column;gap:0;
  padding:25px 29px 24px;border-radius:22px;
  direction:rtl;text-align:right;
  background:linear-gradient(145deg,rgba(230,243,246,.91),rgba(211,231,235,.88));
  border:1px solid rgba(255,255,255,.65);
  color:#14323c;
  box-shadow:0 28px 85px rgba(1,12,20,.68),inset 0 1px rgba(255,255,255,.65);
  backdrop-filter:blur(13px);
  -webkit-backdrop-filter:blur(13px);
  animation:kfe-dialog-in .26s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes kfe-dialog-in{from{opacity:0;transform:translateY(12px) scale(.984)}to{opacity:1;transform:translateY(0) scale(1)}}
.kfe-answer-topline{display:flex;justify-content:space-between;align-items:center;gap:14px}
.kfe-answer-tag{font-size:12px;font-weight:700;color:#3e7281;letter-spacing:.01em}
.kfe-answer-close{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:42px;height:42px;min-width:42px;padding:0!important;margin:0!important;
  border-radius:11px!important;border:1px solid rgba(39,77,93,.15)!important;
  background-color:rgba(245,251,253,.68)!important;
  color:#244752!important;
  transition:background-color .24s ease!important;
}
.kfe-answer-close:hover{background-color:rgba(255,255,255,.98)!important}
.kfe-answer-title{
  font-family:AzarMehr,sans-serif!important;
  font-size:clamp(19px,2.2vw,24px);font-weight:800!important;
  line-height:1.7;margin:16px 0 17px;color:#163944;
}
.kfe-answer-content{
  overflow-y:auto;overscroll-behavior:contain;
  padding:18px 20px;border-radius:14px;
  background:rgba(255,255,255,.32);border:1px solid rgba(255,255,255,.38);
}
.kfe-answer-status{
  display:block;font-size:13px;font-weight:750;color:#245969;
}
.kfe-answer-content p{
  font-size:13px;line-height:2;margin:8px 0 0;color:#476574;
}
.kfe-answer-bottom{
  display:flex;justify-content:space-between;gap:15px;align-items:center;
  padding-top:20px;flex-wrap:wrap;
}
.kfe-answer-bottom span{font-size:11px;color:#607d86}
.kfe-answer-return{
  display:inline-flex!important;align-items:center!important;gap:8px;
  padding:10px 14px!important;border-radius:10px!important;
  background-color:#24566a!important;border:1px solid #24566a!important;
  color:#fff!important;font-size:12px;font-weight:700;
  transition:background-color .24s ease!important;
}
.kfe-answer-return:hover{background-color:#33748b!important}
.kfe-answer-return svg{width:15px;height:15px}
@media(max-width:650px){
 .kfe-canvas-shell{grid-template-columns:minmax(0,1fr) 58px}
 .kfe-side-rail{padding:8px 5px;gap:10px}
 .kfe-action{width:36px;height:36px}
 .kfe-zoom-label{font-size:10px}
 .kfe-answer-overlay{padding:13px}
 .kfe-answer-panel{padding:18px 18px 18px;border-radius:17px;max-height:calc(100% - 14px)}
 .kfe-answer-title{font-size:18px;margin:11px 0 13px}
 .kfe-answer-content{padding:13px 14px}
 .kfe-answer-content p{font-size:12px}
 .kfe-answer-bottom{padding-top:13px}
 .kfe-answer-bottom span{font-size:10px}
 .kfe-answer-close{width:38px;height:38px;min-width:38px}
}
@media(prefers-reduced-motion:reduce){.kfe *, .kfe *::before,.kfe *::after{transition:none!important;animation:none!important;translate:none!important;filter:none!important}}

@media(prefers-reduced-motion:reduce){.kfe-answer-panel{animation:none!important}}

/* v0.1.6: touch interaction overrides confined to Explorer. */
.kfe-viewport,
.kfe-viewport .kfe-stage,
.kfe-viewport .kfe-nodes,
.kfe-viewport .kfe-node,
.kfe-viewport .kfe-node-text {touch-action:none!important;-webkit-user-select:none!important;user-select:none!important;}
.kfe-viewport .kfe-node{-webkit-touch-callout:none;}
.kfe-side-rail .kfe-action{touch-action:manipulation;}
@media(hover:none) and (pointer:coarse){
  .kfe-node{transition:background-color .18s ease!important;}
  .kfe-action{min-width:44px;min-height:44px;}
  .kfe-answer-close{min-width:44px;min-height:44px;}
  .kfe-answer-return{min-height:44px;}
}
@media(max-width:650px){
  .kfe-canvas-shell{grid-template-columns:minmax(0,1fr) 60px;}
  .kfe-side-rail{padding:8px 4px;}
  .kfe-action{width:44px;height:44px;}
  .kfe-node-text{font-size:14px;line-height:1.65!important;}
  .kfe-node[data-kind=question] .kfe-node-text{font-size:13px;}
  .kfe-answer-panel{max-height:calc(100% - 20px);}
}

.kfe-answer-content{scrollbar-width:thin}

/* v0.2.1: dedicated touch surface; do not allow browser to steal pan/pinch. */
body.page-id-6076 .kfe-viewport,
body.page-id-6076 .kfe-viewport * {
  touch-action:none!important;
  overscroll-behavior:contain!important;
  -webkit-user-select:none!important;
  user-select:none!important;
}
body.page-id-6076 #brx-header,
body.page-id-6076 #brx-header * {
  pointer-events:auto;
}

/* v0.2.2: compact answer chrome (question + answer + close/return only) */
.kfe-answer-topline{justify-content:flex-start}
.kfe-answer-bottom{justify-content:flex-start}
.kfe-answer-title{margin-top:12px}

/* v0.2.2 — single readable answer; no compulsory subsection labels. */
.kfe-answer-body{font-family:AzarMehr,sans-serif!important;color:#294a57;font-size:14px;line-height:2.05;direction:rtl;text-align:right;overflow-wrap:break-word}
.kfe-answer-body p{margin:0 0 12px!important;font-size:inherit!important;line-height:inherit!important;color:inherit!important}
.kfe-answer-body p:last-child{margin-bottom:0!important}
.kfe-answer-body strong{font-family:inherit;font-weight:800;color:#173b49}
.kfe-answer-body ul{margin:4px 0 14px;padding:0 24px 0 0;list-style:disc outside}
.kfe-answer-body li{margin:3px 0;padding-right:2px}
@media(max-width:650px){.kfe-answer-body{font-size:13px;line-height:2}.kfe-answer-body ul{padding-right:20px}}

/* KFE_SEQ_FINAL_V2 */
.kfe {
  --kfe-wire-time:600ms;
}
.kfe .kfe-wire.is-next {
  animation-duration:var(--kfe-wire-time)!important;
}
.kfe .kfe-node.is-frontier {
  animation-delay:var(--kfe-wire-time)!important;
  animation-duration:220ms!important;
}

/* KFE_030_BRICKS_REGULAR_16 — scoped only to the floating answer body.
   Source: Bricks home/about export, Regular 16px/400 with 1.75 line-height.
   Keep the approved chart motion, colors, header and mobile touch interactions. */
body.page-id-6076 .kfe .kfe-answer-body,
body.page-id-6076 .kfe .kfe-answer-body p,
body.page-id-6076 .kfe .kfe-answer-body li {
  font-family:"AzarMehr",sans-serif!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.75!important;
  text-align:right;
}
body.page-id-6076 .kfe .kfe-answer-body strong,
body.page-id-6076 .kfe .kfe-answer-body p strong,
body.page-id-6076 .kfe .kfe-answer-body li strong {
  font-family:"AzarMehr",sans-serif!important;
  font-size:inherit!important;
  font-weight:700!important;
  line-height:inherit!important;
}


/* KFE_SEQUENTIAL_OUTLINE_V1: line 150ms -> CCW card perimeter 170ms,
   repeated for each of up to 3 choices with zero inter-step pauses.
   One CSS clock; no animationend listeners, waiting timers, or fading delay. */
body.page-id-6076 .kfe {
  --kfe-seq-line-time:150ms;
  --kfe-seq-box-time:170ms;
  --kfe-seq-step-time:320ms;
}
/* First: the connector enters leftwards towards the next option. */
body.page-id-6076 .kfe .kfe-wire.kfe-seq-wire {
  stroke-dasharray:1!important;
  stroke-dashoffset:1;
  animation:kfe-seq-draw-line var(--kfe-seq-line-time) linear both!important;
  animation-delay:calc(var(--kfe-step) * var(--kfe-seq-step-time))!important;
}
@keyframes kfe-seq-draw-line {
  from{stroke-dashoffset:1;opacity:.82}
  to{stroke-dashoffset:0;opacity:.85}
}
/* Then: trace the entire perimeter, from the exact wire terminal point.
   The SVG path itself defines the counterclockwise direction. */
body.page-id-6076 .kfe .kfe-seq-outline {
  fill:none!important;
  stroke:#a1dfe2!important;
  stroke-width:2.25;
  stroke-linejoin:round;
  stroke-linecap:round;
  opacity:1;
  stroke-dasharray:1;
  stroke-dashoffset:1;
  pointer-events:none;
  animation:kfe-seq-draw-box var(--kfe-seq-box-time) linear both!important;
  animation-delay:calc(var(--kfe-step) * var(--kfe-seq-step-time) + var(--kfe-seq-line-time))!important;
}
@keyframes kfe-seq-draw-box {
  from{stroke-dashoffset:1;opacity:1}
  to{stroke-dashoffset:0;opacity:1}
}
/* The full readable card appears on outline completion, instantly,
   not after any additional opacity/fade/blur animation. */
body.page-id-6076 .kfe .kfe-node.is-frontier.kfe-seq-choice {
  animation:kfe-seq-show-choice 1ms steps(1,end) both!important;
  animation-delay:calc((var(--kfe-step) + 1) * var(--kfe-seq-step-time))!important;
  translate:none!important;
  filter:none!important;
}
@keyframes kfe-seq-show-choice {
  from{visibility:hidden;opacity:0}
  to{visibility:visible;opacity:1}
}
@media(prefers-reduced-motion:reduce){
  body.page-id-6076 .kfe .kfe-node.is-frontier.kfe-seq-choice,
  body.page-id-6076 .kfe .kfe-wire.kfe-seq-wire,
  body.page-id-6076 .kfe .kfe-seq-outline {animation:none!important;}
  body.page-id-6076 .kfe .kfe-seq-outline{display:none;}
}

/* KFE_MOBILE_BOTTOM_TOOLBAR_V1 */
@media (max-width: 767px) {

  body.page-id-6076 .kfe .kfe-canvas-shell {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
  }

  body.page-id-6076 .kfe .kfe-viewport {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0;
    min-height: 0;
  }

  body.page-id-6076 .kfe .kfe-side-rail {
    grid-column: 1 !important;
    grid-row: 2 !important;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    height: auto;
    min-height: 60px;
    padding: 6px 8px max(6px, env(safe-area-inset-bottom, 0px));
    border-left: 0;
    border-top: 1px solid #294550;
  }

  body.page-id-6076 .kfe .kfe-zoom {
    flex-direction: row;
    gap: 8px;
  }

  body.page-id-6076 .kfe .kfe-rail-divider {
    width: 1px;
    height: 30px;
    flex: 0 0 1px;
  }

  body.page-id-6076 .kfe .kfe-action {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
  }

  body.page-id-6076 .kfe .kfe-zoom-label {
    min-width: 34px;
    text-align: center;
  }
}