/* Graphic content uses the same editable entries as photo groups. */
.v4-body .v4-content-sections .v4-panel:is([data-gallery-layout="icons"],[data-gallery-layout="figures"],[data-gallery-layout="path"],[data-gallery-layout="timeline"]) { display:block; padding:0; border:0; background:transparent; }
.v4-content-elements { --element-columns:4; }
.v4-body .v4-content-sections .v4-content-elements { display:grid; grid-template-columns:repeat(var(--element-columns),minmax(0,1fr)); gap:20px; padding:0; margin:26px 0 0; list-style:none; counter-reset:v4-element; }
.v4-content-elements[data-count="1"] { --element-columns:1; }
.v4-content-elements[data-count="2"] { --element-columns:2; }
.v4-content-elements[data-count="3"] { --element-columns:3; }
.v4-content-elements[data-count="5"] { --element-columns:5; }
.v4-content-elements[data-count="6"] { --element-columns:6; }
.v4-body .v4-content-elements:is([data-elements-layout="icons"],[data-elements-layout="figures"]):is([data-count="5"],[data-count="6"]) { --element-columns:3; }
.v4-content-element { --element-ink:#b5464a; --element-tint:#fceeed; --element-line:#eac5c4; position:relative; min-width:0; margin:0; counter-increment:v4-element; }
.v4-content-element:nth-child(4n+2) { --element-ink:#a87626; --element-tint:#fcf4e3; --element-line:#e8d5ae; }
.v4-content-element:nth-child(4n+3) { --element-ink:#3f806c; --element-tint:#edf6ef; --element-line:#c2dacf; }
.v4-content-element:nth-child(4n+4) { --element-ink:#507f96; --element-tint:#edf5f8; --element-line:#c6dbe5; }
.v4-element-symbol { position:relative; display:grid; place-items:center; flex-shrink:0; width:76px; height:76px; border-radius:26px 30px 24px 32px; color:var(--element-ink); background:var(--element-tint); isolation:isolate; }
.v4-element-symbol>:is(svg,img.site-custom-icon) { display:block; width:36px; height:36px; }
.v4-element-symbol:after { content:""; position:absolute; z-index:-1; inset:-7px; border:1px solid var(--element-line); border-radius:31px 27px 32px 25px; transform:rotate(-8deg); }
.v4-element-number { display:none; }
.v4-body .v4-content-sections .v4-element-copy h3 { margin:0; padding:0; color:#453b36; font-size:var(--module-title-size,20px); font-weight:650; line-height:1.45; overflow-wrap:anywhere; }
.v4-body .v4-content-sections .v4-element-copy p { margin:10px 0 0; color:#76685f; font-size:var(--module-body-size,15px); line-height:1.85; white-space:pre-line; overflow-wrap:anywhere; }
.v4-element-copy { position:relative; min-width:0; }
.v4-body .v4-element-link { display:inline-flex; align-items:center; gap:8px; margin-top:18px; color:var(--element-ink); text-decoration:none; font-size:13px; font-weight:600; }
.v4-element-link span { font-size:18px; }
.v4-element-link:hover { text-decoration:underline; text-underline-offset:4px; }
.v4-element-link:focus-visible { outline:2px solid currentColor; outline-offset:4px; border-radius:3px; }
.v4-content-elements:is([data-elements-layout="icons"],[data-elements-layout="figures"])>.v4-content-element { display:flex; flex-direction:column; gap:26px; padding:28px 24px 24px; border:1px solid var(--element-line); border-radius:20px; background:linear-gradient(145deg,#fff 25%,var(--element-tint)); overflow:hidden; }
.v4-content-elements:is([data-elements-layout="icons"],[data-elements-layout="figures"])>.v4-content-element:before { content:""; position:absolute; width:100px; height:100px; top:-44px; right:-42px; border:18px solid var(--element-tint); border-radius:50%; }
.v4-content-elements:is([data-elements-layout="icons"],[data-elements-layout="figures"]) .v4-element-symbol { margin:4px 0 0 4px; }
.v4-content-elements:is([data-elements-layout="icons"],[data-elements-layout="figures"]) .v4-element-copy { flex:1; display:flex; flex-direction:column; }
.v4-content-elements:is([data-elements-layout="icons"],[data-elements-layout="figures"]) .v4-element-link { margin-top:auto; padding-top:18px; }
/* Connected steps follow the editorial order; small screens use a vertical path. */
.v4-body .v4-content-sections .v4-panel:is([data-gallery-layout="path"],[data-gallery-layout="timeline"]) { padding:30px; border:1px solid #eee4d7; border-radius:20px; background:linear-gradient(140deg,#fffbf4,#f7f9f5); }
.v4-content-elements:is([data-elements-layout="path"],[data-elements-layout="timeline"]) .v4-element-symbol { width:64px; height:64px; border-radius:50%; background:#fff; box-shadow:0 4px 16px #57463309; }
.v4-content-elements:is([data-elements-layout="path"],[data-elements-layout="timeline"]) .v4-element-symbol:after { inset:-5px; border-radius:50%; border:1px solid var(--element-line); transform:none; }
.v4-content-elements:is([data-elements-layout="path"],[data-elements-layout="timeline"]) .v4-element-symbol>:is(svg,img.site-custom-icon) { width:29px; height:29px; }
.v4-content-elements:is([data-elements-layout="path"],[data-elements-layout="timeline"]) .v4-element-number { display:grid; place-items:center; position:absolute; top:-8px; right:-9px; min-width:25px; height:25px; padding:0 3px; border-radius:50%; background:var(--element-ink); color:#fff; font:600 11px/1 sans-serif; border:3px solid #fffaf4; }
.v4-element-number:before { content:counter(v4-element,decimal-leading-zero); }
.v4-content-elements[data-elements-layout="path"]>.v4-content-element { display:flex; flex-direction:column; align-items:center; gap:24px; text-align:center; padding-top:7px; }
.v4-content-elements[data-elements-layout="path"]>.v4-content-element:not(:last-child):after { content:""; position:absolute; height:2px; top:39px; left:calc(50% + 40px); width:calc(100% - 60px); background:linear-gradient(90deg,var(--element-line),#d1b9a8); }
.v4-content-elements[data-elements-layout="path"]>.v4-content-element:not(:last-child):before { content:""; position:absolute; width:7px; height:7px; top:36px; left:calc(150% - 45px); border-top:2px solid #c8ac95; border-right:2px solid #c8ac95; transform:rotate(45deg); }
.v4-body .v4-content-sections [data-elements-layout="path"] .v4-element-copy h3 { font-size:var(--module-title-size,18px); }
.v4-body .v4-content-sections [data-elements-layout="path"] .v4-element-copy p { font-size:var(--module-body-size,14px); line-height:1.8; }
.v4-body .v4-content-sections .v4-content-elements[data-elements-layout="timeline"] { grid-template-columns:minmax(0,1fr); gap:30px; }
.v4-content-elements[data-elements-layout="timeline"]>.v4-content-element { display:grid; grid-template-columns:72px minmax(0,1fr); gap:22px; align-items:start; padding:4px 0; text-align:left; }
.v4-content-elements[data-elements-layout="timeline"]>.v4-content-element:not(:last-child):after { content:""; position:absolute; left:31px; top:78px; bottom:-18px; width:2px; background:var(--element-line); }
/* An editable opening statement with a restrained brand ornament. */
.v4-body .v4-content-sections .v4-panel[data-block="section-statement"] { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 150px; gap:32px; align-items:center; padding:38px; overflow:hidden; border:1px solid #efdfd6; border-radius:20px; background:radial-gradient(ellipse at 100% 0%,#f5dfce80,transparent 60%),#fff8ef; }
.v4-body .v4-content-sections [data-block="section-statement"]:before { content:"“"; position:absolute; left:12px; top:-34px; color:#e9bfb130; font:240px/1 Georgia,serif; pointer-events:none; }
.v4-body .v4-content-sections [data-block="section-statement"] .v4-section-content { position:relative; }
.v4-body .v4-content-sections [data-block="section-statement"] .v4-section-title { color:#924938; border:0; font-size:var(--module-title-size,24px); }
.v4-body .v4-content-sections [data-block="section-statement"] .v4-prose { font-size:var(--module-body-size,18px); line-height:2; color:#775d51; }
.v4-content-sections [data-block="section-statement"] .v4-section-media { order:2; padding:15px; border-radius:50%; border:1px dashed #dfb299; }
.v4-content-sections [data-block="section-statement"] .v4-section-media img { aspect-ratio:1; object-fit:contain; border-radius:0; }
/* A statement's single gallery image is an ornament, not a landscape collage photo. */
.v4-content-sections [data-block="section-statement"][data-gallery-layout="mosaic"]>.v4-section-gallery[data-count="1"] .v4-gallery-card { background:transparent; }
.v4-content-sections [data-block="section-statement"][data-gallery-layout="mosaic"]>.v4-section-gallery[data-count="1"] .v4-gallery-card>img { aspect-ratio:1; height:auto; flex:none; object-position:center; }
@container(max-width:850px) {
  .v4-body .v4-content-sections .v4-content-elements:is([data-elements-layout="icons"],[data-elements-layout="figures"]) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v4-body .v4-content-sections .v4-content-elements:is([data-elements-layout="icons"],[data-elements-layout="figures"])[data-count="1"] { grid-template-columns:minmax(0,1fr); }
  .v4-body .v4-content-sections .v4-content-elements[data-elements-layout="path"] { grid-template-columns:minmax(0,1fr); gap:30px; }
  .v4-content-elements[data-elements-layout="path"]>.v4-content-element { display:grid; grid-template-columns:72px minmax(0,1fr); gap:22px; align-items:start; padding:4px 0; text-align:left; }
  .v4-content-elements[data-elements-layout="path"]>.v4-content-element:not(:last-child):after { left:31px; top:78px; bottom:-18px; width:2px; height:auto; background:var(--element-line); }
  .v4-content-elements[data-elements-layout="path"]>.v4-content-element:not(:last-child):before { display:none; }
}
@container(max-width:500px) {
  .v4-body .v4-content-sections .v4-content-elements:is([data-elements-layout="icons"],[data-elements-layout="figures"]) { grid-template-columns:minmax(0,1fr); gap:14px; }
  .v4-content-elements:is([data-elements-layout="icons"],[data-elements-layout="figures"])>.v4-content-element { flex-direction:row; align-items:flex-start; gap:20px; padding:23px 20px; }
  .v4-content-elements:is([data-elements-layout="icons"],[data-elements-layout="figures"]) .v4-element-symbol { width:44px; height:44px; border-radius:15px; margin:4px 0 0; }
  .v4-content-elements:is([data-elements-layout="icons"],[data-elements-layout="figures"]) .v4-element-symbol:after { inset:-4px; border-radius:18px; }
  .v4-content-elements:is([data-elements-layout="icons"],[data-elements-layout="figures"]) .v4-element-symbol>:is(svg,img.site-custom-icon) { width:25px; height:25px; }
  .v4-body .v4-content-sections .v4-element-copy h3 { font-size:var(--module-mobile-title-size,18px); }
  .v4-body .v4-content-sections .v4-element-copy p { font-size:var(--module-mobile-body-size,14px); margin-top:7px; }
  .v4-body .v4-content-sections .v4-panel:is([data-gallery-layout="path"],[data-gallery-layout="timeline"]) { padding:24px 18px; }
  .v4-content-elements:is([data-elements-layout="path"],[data-elements-layout="timeline"])>.v4-content-element { gap:16px; }
  .v4-body .v4-content-sections .v4-panel[data-block="section-statement"] { grid-template-columns:minmax(0,1fr) 55px; gap:16px; padding:25px 22px; }
  .v4-content-sections [data-block="section-statement"] .v4-section-media { padding:6px; }
  .v4-body .v4-content-sections [data-block="section-statement"] .v4-section-title { font-size:var(--module-mobile-title-size,19px); }
  .v4-body .v4-content-sections [data-block="section-statement"] .v4-prose { font-size:var(--module-mobile-body-size,15px); }
}

/* Numbers stay editable text, with the same icon and description controls. */
.v4-content-elements[data-elements-layout="figures"]>.v4-content-element { gap:22px; }
.v4-content-elements[data-elements-layout="figures"] .v4-element-symbol { width:44px; height:44px; border-radius:16px; }
.v4-content-elements[data-elements-layout="figures"] .v4-element-symbol:after { inset:-4px; border-radius:19px; }
.v4-content-elements[data-elements-layout="figures"] .v4-element-symbol>:is(svg,img.site-custom-icon) { width:25px; height:25px; }
.v4-body .v4-content-sections [data-elements-layout="figures"] .v4-element-copy h3 { color:var(--element-ink); font-size:var(--module-title-size,clamp(28px,3.5cqi,42px)); font-weight:700; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
@container(max-width:500px) {
  .v4-body .v4-content-sections [data-elements-layout="figures"] .v4-element-copy h3 { font-size:var(--module-mobile-title-size,30px); }
}

/* Node arrangement is independent of the selected card/illustration style. */
.v4-body .v4-content-sections .v4-panel :is(.v4-content-elements,.v4-section-gallery)[data-arrangement]:not([data-arrangement="auto"]) { grid-column:1/-1; grid-template-rows:none; gap:20px; min-width:0; }
.v4-body .v4-content-sections .v4-panel [data-arrangement]:not([data-arrangement="auto"])>* { grid-row:auto; grid-column:auto; }
.v4-body .v4-content-sections .v4-panel [data-arrangement="grid-2"] { grid-template-columns:repeat(2,minmax(0,1fr)); }
.v4-body .v4-content-sections .v4-panel [data-arrangement="grid-3"] { grid-template-columns:repeat(3,minmax(0,1fr)); }
.v4-body .v4-content-sections .v4-panel :is([data-arrangement="grid-4"],[data-arrangement="balanced-4-3"],[data-arrangement="balanced-3-4"]) { grid-template-columns:repeat(4,minmax(0,1fr)); }
.v4-body .v4-content-sections .v4-panel :is([data-arrangement="balanced-4-3"],[data-arrangement="balanced-3-4"])[data-count="7"] { grid-template-columns:repeat(8,minmax(0,1fr)); }
.v4-body .v4-content-sections .v4-panel :is([data-arrangement="balanced-4-3"],[data-arrangement="balanced-3-4"])[data-count="7"]>* { grid-column:span 2; }
.v4-body .v4-content-sections .v4-panel [data-arrangement="balanced-4-3"][data-count="7"]>:nth-child(5),
.v4-body .v4-content-sections .v4-panel [data-arrangement="balanced-3-4"][data-count="7"]>:first-child { grid-column:2/span 2; }
.v4-body .v4-content-sections .v4-panel [data-arrangement="balanced-3-4"][data-count="7"]>:nth-child(4) { grid-column:1/span 2; }
.v4-body .v4-content-sections .v4-panel [data-arrangement="list"] { grid-template-columns:minmax(0,1fr); }
.v4-body .v4-content-sections .v4-panel [data-arrangement="list"]>.v4-content-element { display:grid; grid-template-columns:80px minmax(0,1fr); align-items:start; gap:24px; text-align:left; }
.v4-body .v4-content-sections .v4-panel [data-arrangement="list"]>.v4-gallery-card { display:grid; grid-template-columns:minmax(120px,28%) minmax(0,1fr); align-items:center; }
.v4-body .v4-content-sections .v4-panel [data-arrangement="list"]>.v4-gallery-card:not(:has(>img)) { grid-template-columns:minmax(0,1fr); }
.v4-body .v4-content-sections .v4-panel [data-arrangement="list"] .v4-gallery-caption { position:static; background:none; padding:20px; }
.v4-body .v4-content-sections .v4-panel [data-arrangement="list"] .v4-gallery-caption :is(h3,p) { color:#453b36; }
.v4-body .v4-content-sections .v4-panel [data-arrangement]:not([data-arrangement="auto"]):not([data-arrangement="list"]):is([data-elements-layout="path"],[data-elements-layout="timeline"])>.v4-content-element { display:flex; flex-direction:column; align-items:center; text-align:center; gap:24px; }
/* Connectors would cross rows after a custom reflow, so only native paths use them. */
.v4-body .v4-content-sections .v4-panel [data-arrangement]:not([data-arrangement="auto"]):is([data-elements-layout="path"],[data-elements-layout="timeline"])>.v4-content-element:before,
.v4-body .v4-content-sections .v4-panel [data-arrangement]:not([data-arrangement="auto"]):is([data-elements-layout="path"],[data-elements-layout="timeline"])>.v4-content-element:after { display:none; }
.v4-body .v4-content-sections .v4-panel [data-arrangement="scroll"] { display:flex; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; padding:10px 8px 18px; scrollbar-width:thin; }
.v4-body .v4-content-sections .v4-panel [data-arrangement="scroll"]>* { flex:0 0 300px; max-width:85%; scroll-snap-align:start; box-sizing:border-box; }
.v4-body .v4-content-sections .v4-panel [data-arrangement="scroll"]:focus-visible { outline:2px solid var(--red); outline-offset:4px; }
/* Numbering follows the rendered order, for both graphic and photo cards. */
.v4-section-gallery { counter-reset:v4-element; }
.v4-gallery-card { position:relative; counter-increment:v4-element; }
.v4-gallery-number { display:none; }
.v4-body .v4-content-sections [data-numbering]:is([data-numbering="decimal"],[data-numbering="zero"],[data-numbering="roman"]) :is(.v4-element-number,.v4-gallery-number) { display:grid; place-items:center; position:absolute; top:-8px; right:-9px; min-width:28px; height:28px; padding:0 4px; border-radius:50%; background:var(--element-ink,#b5464a); color:#fff; font:600 12px/1 sans-serif; border:2px solid #fff; box-sizing:content-box; }
.v4-body .v4-content-sections [data-numbering]:is([data-numbering="decimal"],[data-numbering="zero"],[data-numbering="roman"]) .v4-gallery-number { top:10px; right:10px; z-index:1; }
[data-numbering="decimal"] :is(.v4-element-number,.v4-gallery-number):before { content:counter(v4-element); }
[data-numbering="zero"] :is(.v4-element-number,.v4-gallery-number):before { content:counter(v4-element,decimal-leading-zero); }
[data-numbering="roman"] :is(.v4-element-number,.v4-gallery-number):before { content:counter(v4-element,upper-roman); }
.v4-body .v4-content-sections [data-numbering="none"] :is(.v4-element-number,.v4-gallery-number) { display:none; }
/* Seven connected steps remain readable without a narrow seven-column track. */
.v4-body .v4-content-sections .v4-panel [data-elements-layout="path"]:is([data-count="7"],[data-count="8"],[data-count="9"],[data-count="10"])[data-arrangement="auto"] { grid-template-columns:minmax(0,1fr); gap:30px; }
.v4-body .v4-content-sections [data-elements-layout="path"]:is([data-count="7"],[data-count="8"],[data-count="9"],[data-count="10"])[data-arrangement="auto"]>.v4-content-element { display:grid; grid-template-columns:72px minmax(0,1fr); gap:22px; align-items:start; text-align:left; }
.v4-body .v4-content-sections [data-elements-layout="path"]:is([data-count="7"],[data-count="8"],[data-count="9"],[data-count="10"])[data-arrangement="auto"]>.v4-content-element:not(:last-child):after { left:31px; top:78px; bottom:-18px; width:2px; height:auto; }
.v4-body .v4-content-sections [data-elements-layout="path"]:is([data-count="7"],[data-count="8"],[data-count="9"],[data-count="10"])[data-arrangement="auto"]>.v4-content-element:before { display:none; }
@container(max-width:850px) {
  .v4-body .v4-content-sections .v4-panel [data-arrangement]:not([data-arrangement="auto"]):not([data-arrangement="scroll"]):not([data-arrangement="list"]) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v4-body .v4-content-sections .v4-panel [data-arrangement]:not([data-arrangement="auto"])>* { grid-column:auto!important; }
}
@container(max-width:500px) {
  .v4-body .v4-content-sections .v4-panel :is(.v4-content-elements,.v4-section-gallery)[data-arrangement]:not([data-arrangement="auto"]):not([data-arrangement="scroll"]) { grid-template-columns:minmax(0,1fr); gap:16px; }
  .v4-body .v4-content-sections .v4-panel [data-arrangement="list"]>.v4-content-element { grid-template-columns:52px minmax(0,1fr); gap:18px; }
  .v4-body .v4-content-sections .v4-panel [data-arrangement="list"]>.v4-gallery-card { display:flex; flex-direction:column; align-items:stretch; }
  .v4-body .v4-content-sections .v4-panel [data-arrangement="scroll"]>* { flex-basis:85%; }
}

/* Ten-node grids keep the same responsive breakpoints as existing arrangements. */
.v4-content-elements[data-count="9"],.v4-section-gallery[data-count="9"]{--element-columns:3;--gallery-columns:3}
.v4-content-elements[data-count="10"],.v4-section-gallery[data-count="10"]{--element-columns:5;--gallery-columns:5}
@container(min-width:851px){.v4-body .v4-content-sections .v4-panel [data-arrangement="grid-5"]{grid-template-columns:repeat(5,minmax(0,1fr))}}
/* Only explicitly configured properties override each content style. */
.v4-body .v4-content-sections [data-node-custom][style*="--node-title-color:"] :is(.v4-element-copy,.v4-gallery-caption) h3{color:var(--node-title-color)}
.v4-body .v4-content-sections [data-node-custom][style*="--node-title-size:"] :is(.v4-element-copy,.v4-gallery-caption) h3{font-size:var(--node-title-size);overflow-wrap:anywhere}
.v4-body .v4-content-sections [data-node-custom][style*="--node-body-color:"] :is(.v4-element-copy,.v4-gallery-caption) p{color:var(--node-body-color)}
.v4-body .v4-content-sections [data-node-custom][style*="--node-body-size:"] :is(.v4-element-copy,.v4-gallery-caption) p{font-size:var(--node-body-size);overflow-wrap:anywhere}
.v4-body .v4-content-sections [data-node-custom][style*="--node-icon-color:"] .v4-element-symbol{color:var(--node-icon-color)}
.v4-body .v4-content-sections [data-node-custom][style*="--node-icon-background:"] .v4-element-symbol{background:var(--node-icon-background)}
.v4-body .v4-content-sections .v4-content-element[data-node-custom][style*="--node-icon-size:"]{grid-template-columns:var(--node-icon-size) minmax(0,1fr)}
.v4-body .v4-content-sections [data-node-custom][style*="--node-icon-size:"] .v4-element-symbol{width:var(--node-icon-size);height:var(--node-icon-size)}
.v4-body .v4-content-sections [data-node-custom][style*="--node-icon-size:"] .v4-element-symbol>:is(svg,img.site-custom-icon){width:50%;height:50%}
@container(max-width:500px){
 .v4-body .v4-content-sections .v4-content-element[data-node-custom][style*="--node-icon-size:"]{grid-template-columns:min(var(--node-icon-size),72px) minmax(0,1fr)}
 .v4-body .v4-content-sections [data-node-custom][style*="--node-icon-size:"] .v4-element-symbol{width:min(var(--node-icon-size),72px);height:min(var(--node-icon-size),72px)}
 .v4-body .v4-content-sections [data-node-custom][style*="--node-title-size:"] :is(.v4-element-copy,.v4-gallery-caption) h3{font-size:min(var(--node-title-size),28px)}
 .v4-body .v4-content-sections [data-node-custom][style*="--node-body-size:"] :is(.v4-element-copy,.v4-gallery-caption) p{font-size:min(var(--node-body-size),20px)}
}

.v4-element-symbol>img.site-custom-icon{object-fit:contain;border-radius:0;padding:0;background:transparent}
