/* Public variables and selectors are documented in docs/CSS.md. No !important. */
:where(.siraj-vd) {
  --svd-accent: var(--svd-theme-accent, var(--enfold-main-color-primary, var(--wp--preset--color--primary, #3e6577)));
  --svd-heading: var(--svd-theme-heading, var(--enfold-main-color-heading, inherit));
  --svd-text: var(--svd-theme-text, var(--enfold-main-color-color, inherit));
  --svd-border: var(--svd-theme-border, var(--enfold-main-color-border, #d7dee2));
  --svd-connector-color: var(--svd-accent);
  --svd-outline-color: var(--svd-accent);
  --svd-number-color: var(--svd-accent);
  --svd-node-fill: var(--svd-accent);
  --svd-node-opacity: .08;
  --svd-background: transparent;
  --svd-background-opacity: 1;
  --svd-hover-color: var(--svd-accent);
  --svd-node-size: 72px;
  --svd-icon-size: 30px;
  --svd-phone-node-size: 52px;
  --svd-phone-icon-size: 24px;
  --svd-phone-title-size: 16px;
  --svd-gap: 28px;
  --svd-row-gap: 72px;
  --svd-min-item-width: 160px;
  --svd-title-size: 18px;
  --svd-connector-width: 2px;
  --svd-curve-depth: 18px;
  --svd-curve-radius: 24px;
  --svd-wave-length: 96px;
  --svd-duration: 450ms;
  --svd-stagger: 90ms;
  --svd-route-gutter: 18px;
  --svd-active-node-size: var(--svd-node-size);
  --svd-active-icon-size: var(--svd-icon-size);
  --svd-active-title-size: var(--svd-title-size);
  --svd-active-description-size: var(--svd-description-size);
}

:where(.siraj-vd[data-svd-theme="main"], .main_color .siraj-vd:not([data-svd-theme])) {
  --svd-theme-accent: var(--enfold-main-color-primary);
  --svd-theme-heading: var(--enfold-main-color-heading);
  --svd-theme-text: var(--enfold-main-color-color);
  --svd-theme-border: var(--enfold-main-color-border);
}
:where(.siraj-vd[data-svd-theme="alternate"], .alternate_color .siraj-vd:not([data-svd-theme])) {
  --svd-theme-accent: var(--enfold-alternate-color-primary);
  --svd-theme-heading: var(--enfold-alternate-color-heading);
  --svd-theme-text: var(--enfold-alternate-color-color);
  --svd-theme-border: var(--enfold-alternate-color-border);
}
:where(.siraj-vd[data-svd-theme="header"], .header_color .siraj-vd:not([data-svd-theme])) {
  --svd-theme-accent: var(--enfold-header-color-primary);
  --svd-theme-heading: var(--enfold-header-color-heading);
  --svd-theme-text: var(--enfold-header-color-color);
  --svd-theme-border: var(--enfold-header-color-border);
}
:where(.siraj-vd[data-svd-theme="footer"], .footer_color .siraj-vd:not([data-svd-theme])) {
  --svd-theme-accent: var(--enfold-footer-color-primary);
  --svd-theme-heading: var(--enfold-footer-color-heading);
  --svd-theme-text: var(--enfold-footer-color-color);
  --svd-theme-border: var(--enfold-footer-color-border);
}
:where(.siraj-vd[data-svd-theme="socket"], .socket_color .siraj-vd:not([data-svd-theme])) {
  --svd-theme-accent: var(--enfold-socket-color-primary);
  --svd-theme-heading: var(--enfold-socket-color-heading);
  --svd-theme-text: var(--enfold-socket-color-color);
  --svd-theme-border: var(--enfold-socket-color-border);
}

.siraj-vd {
  box-sizing:border-box;
  display: flow-root;
  float: none;
  clear: both;
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 100%;
  margin-block: 1.5rem;
  padding: var(--svd-container-padding, 10px);
  border: var(--svd-container-border-width, 0px) solid var(--svd-container-border-color, var(--svd-border));
  border-radius: var(--svd-container-radius, 0px);
  color: var(--svd-text);
  font-family: inherit;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
/* Keep the native content flow even when Enfold floats generic sections. */
#top .entry-content-wrapper .siraj-vd { display:flow-root; float:none; clear:both; width:100%; max-width:100%; }
.siraj-vd::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--svd-background);
  opacity: var(--svd-background-opacity);
  border-radius: inherit;
  pointer-events: none;
}
.siraj-vd[data-svd-background-enabled="no"]::before { display:none; }
.siraj-vd .siraj-vd__note {
  clear:both; width:100%; padding:0; margin:var(--svd-note-spacing,24px) 0 0;
  font-family:inherit; font-size:var(--svd-note-size,14px); font-weight:var(--svd-note-weight,normal);
  line-height:1.65; text-align:var(--svd-note-align,center); color:var(--svd-note-color,var(--svd-text));
}
@media(max-width:639px) {
  .siraj-vd { padding:var(--svd-phone-container-padding,10px); }
  .siraj-vd .siraj-vd__note { font-size:var(--svd-phone-note-size,var(--svd-note-size,14px)); }
}
.siraj-vd[data-svd-viewport="phone"] { padding:var(--svd-phone-container-padding,10px); }
.siraj-vd[data-svd-phone="true"] .siraj-vd__note,
.siraj-vd[data-svd-viewport="phone"] .siraj-vd__note { font-size:var(--svd-phone-note-size,var(--svd-note-size,14px)); }
.siraj-vd *, .siraj-vd *::before, .siraj-vd *::after { box-sizing: border-box; }
.siraj-vd__canvas { position: relative; padding-inline: var(--svd-route-gutter); }
.siraj-vd .siraj-vd__steps {
  display: flex;
  flex-wrap: wrap;
  gap: var(--svd-row-gap) var(--svd-gap);
  justify-content: space-between;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.siraj-vd .siraj-vd__step {
  position: relative;
  flex: 1 1 var(--svd-min-item-width);
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  text-align: center;
}
.siraj-vd__node {
  position: relative;
  display: grid;
  place-items: center;
  width: var(--svd-active-node-size);
  height: var(--svd-active-node-size);
  margin-inline: auto;
  color: var(--svd-item-accent, var(--svd-accent));
  flex: 0 0 auto;
}
.siraj-vd__frame { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; z-index:0; pointer-events:none; }
.siraj-vd__frame circle {
  fill: var(--svd-node-fill);
  fill-opacity: var(--svd-node-opacity);
  stroke: var(--svd-item-accent, var(--svd-outline-color));
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}
.siraj-vd__visual {
  position: relative;
  z-index:1;
  color:var(--svd-icon-color,inherit);
  display: grid;
  place-items: center;
  width: min(var(--svd-active-icon-size), calc(var(--svd-active-node-size) - 16px));
  height: min(var(--svd-active-icon-size), calc(var(--svd-active-node-size) - 16px));
  font-size: min(var(--svd-active-icon-size), calc(var(--svd-active-node-size) - 16px));
  line-height: 1;
}
.siraj-vd__builtin-icon, .siraj-vd__enfold-icon, .siraj-vd__enfold-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  line-height: 1;
  font-size: inherit;
}
.siraj-vd__enfold-icon { display: grid; place-items: center; }
.siraj-vd__enfold-icon::before { font-size: inherit; line-height: 1; }
.siraj-vd__enfold-icon[data-av_icon]::before { content: attr(data-av_icon); font-weight: normal; font-style: normal; }
.siraj-vd__library-icon,.siraj-vd__library-icon>svg { display:block; width:100%; height:100%; max-width:100%; max-height:100%; }
.siraj-vd .siraj-vd__image {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0;
  border: 0;
  padding: 0;
}
.siraj-vd__image--contain { object-fit: contain; }
.siraj-vd__image--cover { object-fit: cover; }
.siraj-vd[data-svd-icon-frame="circle"] .siraj-vd__node .siraj-vd__image--cover { border-radius: 50%; }
.siraj-vd__visual[data-svd-visual-type="image"] {
  --svd-rendered-image-size:var(--svd-step-image-size,var(--svd-active-icon-size));
  --svd-image-node-room:calc(var(--svd-active-node-size) - 2 * var(--svd-step-image-padding,8px));
  width:min(var(--svd-rendered-image-size),max(1px,var(--svd-image-node-room)));
  height:min(var(--svd-rendered-image-size),max(1px,var(--svd-image-node-room)));
}
.siraj-vd[data-svd-icon-frame="circle"] .siraj-vd__visual[data-svd-visual-type="image"] { --svd-image-node-room:calc(var(--svd-active-node-size) * .96 - 2px - 2 * var(--svd-step-image-padding,8px)); }
@media(max-width:639px) { .siraj-vd__visual[data-svd-visual-type="image"] { --svd-rendered-image-size:var(--svd-step-phone-image-size,var(--svd-active-icon-size)); } }
.siraj-vd[data-svd-viewport="phone"] .siraj-vd__visual[data-svd-visual-type="image"],
.siraj-vd[data-svd-phone="true"] .siraj-vd__visual[data-svd-visual-type="image"] { --svd-rendered-image-size:var(--svd-step-phone-image-size,var(--svd-active-icon-size)); }
.siraj-vd__missing { font-size: inherit; }
.siraj-vd__copy { min-width: 0; margin-block-start: 14px; }
.siraj-vd__number { display: block; color: var(--svd-number-color); font-size: 12px; font-weight: 600; letter-spacing: .08em; line-height: 1.5; margin-block-end: 5px; }
.siraj-vd .siraj-vd__title { margin: 0 0 9px; padding: 0; font-family: inherit; font-size: var(--svd-active-title-size); font-weight: 600; line-height: 1.4; letter-spacing: normal; text-transform: none; color: var(--svd-heading); }
.siraj-vd .siraj-vd__description { margin: 0; padding: 0; font-size: var(--svd-active-description-size,1em); line-height: 1.65; color: var(--svd-text); }
.siraj-vd__title a { color: inherit; text-decoration: underline; text-underline-offset: .18em; }
.siraj-vd__title a:hover { color: var(--svd-hover-color); }
.siraj-vd__title a:focus-visible { color: var(--svd-hover-color); outline: 2px solid currentColor; outline-offset: 4px; border-radius: 2px; }
.siraj-vd__connectors { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: -1; color: var(--svd-connector-color); }
.siraj-vd__connector { fill: none; stroke: currentColor; stroke-width: var(--svd-connector-width); stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.siraj-vd[data-svd-connector="arrow"] .siraj-vd__connector { stroke-linecap:butt; }
.siraj-vd[data-svd-connector="dashed"] .siraj-vd__connector { stroke-dasharray: 6 7; }
.siraj-vd[data-svd-view="horizontal"] .siraj-vd__steps { display: block; }
.siraj-vd[data-svd-view="horizontal"] .siraj-vd__step { position: absolute; }
.siraj-vd[data-svd-view="vertical"] .siraj-vd__steps { display: flex; flex-direction: column; gap: var(--svd-gap); }
.siraj-vd[data-svd-view="vertical"] .siraj-vd__step { display: grid; grid-template-columns: var(--svd-active-node-size) minmax(0, 1fr); gap: 20px; align-items: start; flex: none; text-align: start; width: 100%; }
.siraj-vd[data-svd-view="vertical"] .siraj-vd__copy { margin-block-start: 0; }
.siraj-vd[data-svd-view="vertical"] .siraj-vd__number { margin-block-end: 3px; }

@media (max-width: 639px) {
  :where(.siraj-vd) { --svd-active-node-size: var(--svd-phone-node-size); --svd-active-icon-size: var(--svd-phone-icon-size); --svd-active-title-size: var(--svd-phone-title-size); --svd-route-gutter: 8px; }
  :where(.siraj-vd) { --svd-active-description-size:var(--svd-phone-description-size,var(--svd-description-size)); }
  .siraj-vd:not([data-svd-view]) .siraj-vd__steps { flex-direction: column; }
  .siraj-vd:not([data-svd-view]) .siraj-vd__step { display: grid; grid-template-columns: var(--svd-active-node-size) minmax(0, 1fr); gap: 18px; flex: none; text-align: start; }
  .siraj-vd[data-svd-view="vertical"] .siraj-vd__step { gap: 18px; }
  .siraj-vd:not([data-svd-view]) .siraj-vd__copy { margin-block-start: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .siraj-vd *, .siraj-vd *::before, .siraj-vd *::after { scroll-behavior: auto; }
}
.siraj-vd[data-svd-viewport="phone"] {
  --svd-active-node-size: var(--svd-phone-node-size);
  --svd-active-icon-size: var(--svd-phone-icon-size);
  --svd-active-title-size: var(--svd-phone-title-size);
  --svd-route-gutter: 8px;
  --svd-active-description-size:var(--svd-phone-description-size,var(--svd-description-size));
}
.siraj-vd[data-svd-phone="true"] { --svd-active-node-size:var(--svd-phone-node-size); --svd-active-icon-size:var(--svd-phone-icon-size); --svd-active-title-size:var(--svd-phone-title-size); --svd-active-description-size:var(--svd-phone-description-size,var(--svd-description-size)); --svd-route-gutter:8px; }
.siraj-vd[data-svd-viewport="phone"][data-svd-view="vertical"] .siraj-vd__step { gap:18px; }
@media print {
  .siraj-vd .siraj-vd__step { break-inside: avoid; }
}

/* Step List: HTML text in normal-flow grids, with SVG separators outside icons. */
.siraj-vd.siraj-vd--step-list { --svd-active-node-size:var(--svd-active-icon-size); --svd-active-step-list-number-size:var(--svd-step-list-number-size,18px); }
.siraj-vd--step-list .siraj-vd__canvas { padding-inline:0; }
.siraj-vd--step-list .siraj-vd__connectors { display:none; }
.siraj-vd--step-list .siraj-vd__steps { display:grid; grid-template-columns:minmax(0,1fr); gap:var(--svd-step-list-row-gap,16px); }
.siraj-vd--step-list .siraj-vd__step { display:grid; grid-template-columns:var(--svd-active-icon-size) minmax(0,1fr); column-gap:var(--svd-step-list-column-gap,16px); align-items:start; position:relative; width:100%; text-align:start; }
.siraj-vd--step-list .siraj-vd__node { margin:0; }
.siraj-vd--step-list .siraj-vd__visual:not([data-svd-visual-type="image"]) { width:var(--svd-active-icon-size); height:var(--svd-active-icon-size); font-size:var(--svd-active-icon-size); }
.siraj-vd--step-list .siraj-vd__copy { position:relative; display:grid; grid-template-columns:calc(var(--svd-active-step-list-number-size) * 1.8) minmax(0,1fr); column-gap:var(--svd-step-list-column-gap,16px); align-items:start; min-height:calc(var(--svd-active-icon-size) + 9px); margin:0; padding-block-end:calc(8px + var(--svd-step-list-separator-width,1px)); }
.siraj-vd--step-list[data-svd-show-numbers="no"] .siraj-vd__copy { grid-template-columns:minmax(0,1fr); }
.siraj-vd--step-list .siraj-vd__step-text { min-width:0; }
.siraj-vd--step-list .siraj-vd__number { font-size:var(--svd-active-step-list-number-size); font-variant-numeric:tabular-nums; letter-spacing:0; line-height:1.4; margin:0; unicode-bidi:isolate; text-align:start; }
.siraj-vd--step-list .siraj-vd__title { margin:0; }
.siraj-vd--step-list .siraj-vd__description { margin-block-start:6px; }
.siraj-vd--step-list .siraj-vd__separator { position:absolute; inset-inline:0; inset-block-end:0; display:block; width:100%; height:var(--svd-step-list-separator-width,1px); overflow:hidden; pointer-events:none; color:var(--svd-step-list-separator-color,var(--svd-border)); }
.siraj-vd--step-list .siraj-vd__separator line { stroke:currentColor; stroke-width:var(--svd-step-list-separator-width,1px); vector-effect:non-scaling-stroke; }
@media(max-width:639px) { .siraj-vd.siraj-vd--step-list { --svd-active-step-list-number-size:var(--svd-phone-step-list-number-size,16px); } }
.siraj-vd--step-list[data-svd-phone="true"],.siraj-vd--step-list[data-svd-viewport="phone"] { --svd-active-step-list-number-size:var(--svd-phone-step-list-number-size,16px); }

/* Additional diagram families. Geometry is SVG; all copy remains HTML. */
:where(.siraj-vd--shape) {
  --svd-shape-fill: var(--svd-accent);
  --svd-shape-outline: var(--svd-accent);
  --svd-shape-opacity: .12;
  --svd-tooltip-background: #fff;
  --svd-tooltip-text: #243841;
}
.siraj-vd--shape .siraj-vd__composition { display:grid; grid-template-columns:minmax(0,1fr); gap:28px; align-items:center; direction:ltr; }
.siraj-vd--shape .siraj-vd__canvas { width:100%; min-width:0; justify-self:center; }
.siraj-vd--shape[data-svd-kind="scene"] .siraj-vd__canvas { width:min(100%,var(--svd-graphic-size)); padding:0; }
.siraj-vd--shape[data-svd-side="left"] .siraj-vd__composition { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); }
.siraj-vd--shape[data-svd-side="right"] .siraj-vd__composition { grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); }
.siraj-vd--shape[data-svd-side="right"] .siraj-vd__canvas { grid-column:2; grid-row:1; }
.siraj-vd--shape[data-svd-side="right"] .siraj-vd__details { grid-column:1; grid-row:1; }
.siraj-vd--shape[data-svd-align="left"] .siraj-vd__canvas { justify-self:start; }
.siraj-vd--shape[data-svd-align="right"] .siraj-vd__canvas { justify-self:end; }
.siraj-vd--shape[data-svd-funnel-horizontal="true"] .siraj-vd__canvas { width:100%; }
.siraj-vd--shape .siraj-vd__connectors { z-index:0; }
.siraj-vd--shape .siraj-vd__step { z-index:1; text-align:center; }
.siraj-vd--shape .siraj-vd__node { z-index:1; }
.siraj-vd--shape .siraj-vd__copy { text-align:center; }
.siraj-vd--shape button.siraj-vd__node, #top .siraj-vd--shape button.siraj-vd__node {
  border:0; padding:0; background:transparent; box-shadow:none; border-radius:0; cursor:pointer;
  color:var(--svd-item-accent,var(--svd-accent)); font:inherit; line-height:1; appearance:none;
}
.siraj-vd--shape button.siraj-vd__node:focus-visible { outline:2px solid var(--svd-accent); outline-offset:5px; border-radius:4px; }
.siraj-vd--shape[data-svd-ready="true"] .siraj-vd__steps { display:block; gap:0; }
.siraj-vd--shape[data-svd-ready="true"][data-svd-kind="scene"] .siraj-vd__steps { position:absolute; inset:0; height:100%; width:100%; }
.siraj-vd--shape[data-svd-ready="true"][data-svd-kind="scene"] .siraj-vd__step { position:absolute; display:flex; flex-direction:column; align-items:center; gap:0; }
.siraj-vd--shape[data-svd-kind="scene"] .siraj-vd__copy { margin-top:8px; width:100%; }
.siraj-vd--shape[data-svd-ready="true"][data-svd-step-titles="hover"] .siraj-vd__steps .siraj-vd__title,
.siraj-vd--shape[data-svd-ready="true"][data-svd-step-titles="click"] .siraj-vd__steps .siraj-vd__title { display:none; }
.siraj-vd--shape[data-svd-ready="true"]:not([data-svd-step-descriptions="always"]) .siraj-vd__steps .siraj-vd__description { display:none; }
.siraj-vd--shape[data-svd-ready="true"]:is(.siraj-vd--polygon,.siraj-vd--cycle,.siraj-vd--venn) .siraj-vd__steps .siraj-vd__description { display:none; }
.siraj-vd--shape[data-svd-view="vertical"] .siraj-vd__steps { display:flex; flex-direction:column; gap:var(--svd-gap); }
.siraj-vd--shape[data-svd-view="vertical"] .siraj-vd__step { display:flex; flex-direction:column; align-items:center; text-align:center; gap:0; }
.siraj-vd--shape[data-svd-view="vertical"] .siraj-vd__copy { margin-top:12px; }
.siraj-vd--shape .siraj-vd__date { display:block; margin:0 0 10px; font-size:13px; font-weight:600; color:var(--svd-item-accent,var(--svd-accent)); }
.siraj-vd--arrows .siraj-vd__step { padding:24px 18px 30px; min-height:var(--svd-arrow-card-height,0px); }
.siraj-vd--roadmap .siraj-vd__step { padding:20px 16px 24px; }
.siraj-vd--shape .siraj-vd__shape { fill:var(--svd-item-accent,var(--svd-shape-fill)); fill-opacity:var(--svd-shape-opacity); stroke:var(--svd-item-accent,var(--svd-shape-outline)); stroke-width:1.4; stroke-opacity:.75; vector-effect:non-scaling-stroke; }
.siraj-vd--shape .siraj-vd__shape-outline { fill:none; stroke:var(--svd-item-accent,var(--svd-shape-outline)); stroke-width:1.4; stroke-opacity:.75; vector-effect:non-scaling-stroke; }
.siraj-vd--shape .siraj-vd__details { display:grid; grid-template-columns:minmax(0,1fr); gap:var(--svd-text-spacing); list-style:none; margin:0; padding:0; min-width:0; text-align:var(--svd-external-details-alignment,center); }
.siraj-vd--shape .siraj-vd__detail { list-style:none; margin:0; padding:0; min-width:0; text-align:var(--svd-external-details-alignment,center); }
.siraj-vd--shape .siraj-vd__detail .siraj-vd__number { color:var(--svd-item-accent,var(--svd-number-color)); }
.siraj-vd--shape[data-svd-details-reverse="true"] .siraj-vd__details { display:flex; flex-direction:column-reverse; }
.siraj-vd--shape:not([data-svd-ready]) .siraj-vd__details { display:none; }
.siraj-vd--pyramid[data-svd-ready="true"][data-svd-pyramid-mode="beside"] .siraj-vd__steps .siraj-vd__copy { display:none; }
.siraj-vd--pyramid[data-svd-pyramid-mode="inside"] .siraj-vd__details { display:none; }
.siraj-vd--pyramid[data-svd-pyramid-mode="inside"] .siraj-vd__step { gap:8px; }
.siraj-vd--pyramid[data-svd-pyramid-mode="inside"] .siraj-vd__copy { display:contents; }
.siraj-vd--pyramid[data-svd-pyramid-mode="inside"] .siraj-vd__title,
.siraj-vd--pyramid[data-svd-pyramid-mode="inside"] .siraj-vd__description { width:100%; max-width:100%; text-align:center; margin:0; flex:none; }
.siraj-vd__pyramid-edge { display:none; pointer-events:none; }
.siraj-vd--pyramid[data-svd-pyramid-mode="inside"] .siraj-vd__pyramid-edge { display:block; width:50%; margin:0; padding:0; border:0; }
.siraj-vd__pyramid-edge--left { float:left; }
.siraj-vd__pyramid-edge--right { float:right; }
.siraj-vd--shape .siraj-vd__center { position:absolute; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; max-width:100%; margin:0; padding:0; border:0; box-sizing:border-box; overflow-wrap:anywhere; text-align:center; color:var(--svd-heading); }
.siraj-vd--shape:not([data-svd-ready]) .siraj-vd__center { position:relative; margin:20px auto; width:var(--svd-center-size); }
.siraj-vd--shape:not([data-svd-ready]) .siraj-vd__center[data-svd-center-kind="image"] { width:var(--svd-center-fallback-image-size,var(--svd-center-size)); }
.siraj-vd--shape .siraj-vd__center-word { display:block; width:100%; margin:0; padding:0; font-family:inherit; font-size:var(--svd-center-word-size); font-weight:600; line-height:1.15; overflow-wrap:anywhere; }
.siraj-vd--shape .siraj-vd__center-icon { display:grid; place-items:center; width:var(--svd-center-icon-size); height:var(--svd-center-icon-size); margin:0; padding:0; flex-shrink:0; font-size:var(--svd-center-icon-size); line-height:1; color:var(--svd-icon-color,var(--svd-accent)); }
.siraj-vd--shape .siraj-vd__center .siraj-vd__image { width:100%; height:100%; margin:0; object-position:center; }
.siraj-vd--shape .siraj-vd__intersection { position:absolute; z-index:2; max-width:100px; text-align:center; font-size:15px; line-height:1.4; color:var(--svd-heading); overflow-wrap:anywhere; transform:translate(-50%,-50%); }
.siraj-vd--shape:not([data-svd-ready]) .siraj-vd__intersection { position:relative; display:block; transform:none; margin:auto; }
.siraj-vd .siraj-vd__tooltip { position:absolute; z-index:20; width:max-content; max-width:min(290px,calc(100% - 16px)); max-height:260px; overflow:auto; padding:16px 18px; border:1px solid var(--svd-border); border-radius:9px; background:var(--svd-tooltip-background,#fff); color:var(--svd-tooltip-text,#243841); box-shadow:0 10px 28px #142a3426; text-align:center; line-height:1.55; }
.siraj-vd .siraj-vd__tooltip[hidden], .siraj-vd .siraj-vd__tooltip [hidden] { display:none; }
.siraj-vd .siraj-vd__tip-title { margin:0 0 8px; font-weight:600; line-height:1.4; font-family:inherit; font-size:16px; color:inherit; text-align:center; }
.siraj-vd .siraj-vd__tip-description { margin:0; white-space:pre-line; font-size:var(--svd-active-description-size,14px); color:inherit; text-align:center; }
.siraj-vd--shape[data-svd-phone="true"] { --svd-active-node-size:var(--svd-phone-node-size); --svd-active-icon-size:var(--svd-phone-icon-size); --svd-active-title-size:var(--svd-phone-title-size); }
.siraj-vd .siraj-vd__fit-note { margin:14px 0 0; padding:0; text-align:center; font-size:12px; line-height:1.5; color:var(--svd-text); opacity:.8; }
@media (max-width:639px) {
  .siraj-vd--shape:not([data-svd-ready]) .siraj-vd__center[data-svd-center-kind="image"] { width:var(--svd-phone-center-fallback-image-size,var(--svd-center-size)); }
}

/* Optional interactions: existing diagrams keep their original layout. */
:where(.siraj-vd) { --svd-active-color:var(--svd-accent); --svd-progress-color:var(--svd-accent); --svd-progress-track-opacity:.22; }
.siraj-vd .siraj-vd__interactive-graphic { min-width:0; width:100%; }
.siraj-vd[data-svd-panel-ready="true"] .siraj-vd__interactive-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:32px; align-items:center; direction:ltr; }
.siraj-vd[data-svd-panel-side="right"] .siraj-vd__interactive-layout { grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr); }
.siraj-vd[data-svd-panel-side="left"] .siraj-vd__interactive-layout { grid-template-columns:minmax(260px,1fr) minmax(0,1.7fr); }
.siraj-vd[data-svd-panel-side="left"] .siraj-vd__interactive-graphic { grid-column:2; grid-row:1; }
.siraj-vd[data-svd-panel-side="left"] .siraj-vd__panel { grid-column:1; grid-row:1; }
.siraj-vd .siraj-vd__panel { position:relative; min-width:0; padding:26px; border:1px solid var(--svd-active-color); border-radius:12px; text-align:start; }
.siraj-vd .siraj-vd__panel[dir="rtl"] { direction:rtl; }
.siraj-vd .siraj-vd__panel[dir="ltr"] { direction:ltr; }
.siraj-vd .siraj-vd__panel-item { position:relative; min-width:0; }
.siraj-vd .siraj-vd__panel-item[hidden], .siraj-vd .siraj-vd__panel[hidden] { display:none !important; }
.siraj-vd .siraj-vd__panel .siraj-vd__title { font-size:var(--svd-active-title-size); }
.siraj-vd .siraj-vd__panel .siraj-vd__number { color:var(--svd-active-color); margin-block-end:10px; }
.siraj-vd .siraj-vd__panel .siraj-vd__description { white-space:normal; }
.siraj-vd[data-svd-panel-ready="true"] .siraj-vd__details,
.siraj-vd[data-svd-panel-ready="true"] .siraj-vd__steps .siraj-vd__description { display:none !important; }
.siraj-vd .siraj-vd__announcement { position:absolute; width:1px; height:1px; padding:0; border:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.siraj-vd button.siraj-vd__node, #top .siraj-vd button.siraj-vd__node {
  border:0; padding:0; background:transparent; box-shadow:none; border-radius:0; cursor:pointer; appearance:none;
  color:var(--svd-item-accent,var(--svd-accent)); font:inherit; line-height:1;
}
.siraj-vd button.siraj-vd__node:focus-visible { outline:2px solid var(--svd-active-color); outline-offset:8px; border-radius:4px; }
.siraj-vd .siraj-vd__step[data-svd-active] .siraj-vd__node { color:var(--svd-active-color); }
.siraj-vd .siraj-vd__step[data-svd-active] .siraj-vd__node::after { content:""; position:absolute; inset:-5px; border:2px solid var(--svd-active-color); border-radius:50%; pointer-events:none; }
.siraj-vd[data-svd-icon-frame="none"] .siraj-vd__step[data-svd-active] .siraj-vd__node::after { border-radius:10px; }
.siraj-vd .siraj-vd__step[data-svd-active] .siraj-vd__frame circle { stroke:var(--svd-active-color); }
.siraj-vd .siraj-vd__step[data-svd-active] .siraj-vd__title { color:var(--svd-active-color); }
.siraj-vd .siraj-vd__shape[data-svd-active] { stroke:var(--svd-active-color); stroke-width:2.4; }
.siraj-vd .siraj-vd__progress-line { color:var(--svd-progress-color); }
@media print {
  .siraj-vd[data-svd-panel-ready="true"] .siraj-vd__interactive-layout { display:block; }
  .siraj-vd .siraj-vd__panel { margin-block-start:24px; min-height:0 !important; }
  .siraj-vd .siraj-vd__panel-item[hidden] { display:block !important; }
  .siraj-vd .siraj-vd__panel-item { break-inside:avoid; margin-block-end:18px; }
}

/* Scroll progress for closed routes and filled stages (0.7.0). */
.siraj-vd .siraj-vd__progress-line { stroke:var(--svd-progress-color); stroke-opacity:1; }
.siraj-vd .siraj-vd__progress-outline { fill:none; stroke:var(--svd-progress-color); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; }
.siraj-vd .siraj-vd__progress-fill { fill:var(--svd-progress-color); fill-opacity:var(--svd-shape-opacity,.12); stroke:none; }

.siraj-vd__enfold-icon svg:not([is-colored="true"]){fill:currentColor}

.siraj-vd__font-icon{display:block;font-size:inherit;line-height:1;font-weight:normal;font-style:normal;font-variant:normal;text-transform:none;letter-spacing:normal;color:inherit}