/* V33 is scoped to the existing About section and inherits the site's brand tokens. */
#sit-engagement-content { --em-accent:var(--sit-green-on-surface); --em-line:var(--sit-white-30); --em-muted:var(--sit-white-70); color:var(--sit-white); background:var(--sit-night-sky); font-family:var(--sit-font-body); max-width:1232px; margin:48px auto; padding:0 24px; scroll-margin-top:112px; }
#sit-engagement-content *,#sit-engagement-content *::before,#sit-engagement-content *::after {box-sizing:border-box;}
#sit-engagement-content [hidden] {display:none!important;}
#sit-engagement-content :is(h1,h2,h3,h4,p,ul,ol) {margin-top:0;}
#sit-engagement-content :is(h1,h2,h3,h4) {font-family:var(--sit-font-display);font-weight:600;line-height:1.25;}
#sit-engagement-content .em-heading {font-size:32px;max-width:32ch;margin-bottom:16px;}
#sit-engagement-content .em-lede {font-size:18px;max-width:70ch;margin-bottom:12px;}
#sit-engagement-content .em-intro p:last-child {color:var(--em-muted);margin-bottom:0;}
#sit-engagement-content p,#sit-engagement-content li {line-height:1.5;}
#sit-engagement-content .em-kicker {display:block;color:var(--em-accent);font-size:12px;line-height:16px;letter-spacing:.04em;text-transform:uppercase;font-weight:600;margin-bottom:8px;}
#sit-engagement-content .em-count {font-size:12px;color:var(--em-muted);margin-bottom:8px;}
#sit-engagement-content :is(a,button,summary):focus-visible {outline:2px solid var(--sit-white);outline-offset:4px;border-radius:4px;}
#sit-engagement-content :is(h2,h3)[tabindex]:focus {outline:2px solid var(--em-accent);outline-offset:4px;border-radius:4px;}
#sit-engagement-content button {font:inherit;color:inherit;cursor:pointer;}
#sit-engagement-content .em-paths {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0 16px;}
#sit-engagement-content .em-paths button {text-align:left;min-height:64px;padding:12px 16px;background:var(--sit-prussian);border:1px solid var(--em-line);border-radius:8px;font-size:14px;line-height:20px;font-weight:600;}
#sit-engagement-content .em-paths .em-kicker {margin-bottom:4px;}
#sit-engagement-content .em-paths button[aria-pressed=true] {border-color:var(--em-accent);box-shadow:inset 0 -3px var(--em-accent);}
#sit-engagement-content .em-paths button:hover {background:var(--sit-surface);}
#sit-engagement-content #engagement-map {scroll-margin-top:112px;}
#sit-engagement-content .deckwrap {position:relative;background:var(--sit-night-sky);color:var(--sit-white);border:1px solid var(--em-line);border-radius:8px 8px 0 0;}
#sit-engagement-content .em-map-toolbar {min-height:64px;padding:8px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;border-bottom:1px solid var(--em-line);}
#sit-engagement-content .em-map-count {margin-right:auto;font-size:12px;color:var(--em-muted);}
#sit-engagement-content .em-map-toolbar button {min-height:44px;min-width:44px;padding:8px 12px;border:1px solid var(--em-line);border-radius:4px;background:var(--sit-prussian);font-size:14px;}
#sit-engagement-content button:disabled {cursor:default;color:var(--em-muted);opacity:.65;}
#sit-engagement-content .em-stage {height:480px;position:relative;overflow:hidden;isolation:isolate;}
#sit-engagement-content canvas {display:block;width:100%;height:100%;}
#sit-engagement-content .em-map-loading {position:absolute;inset:40% 24px auto;text-align:center;color:var(--em-muted);}
#sit-engagement-content.em-map-ready .em-map-loading {display:none;}
#sit-engagement-content .em-node-controls {position:absolute;inset:0;pointer-events:none;}
#sit-engagement-content .em-node {position:absolute;min-width:44px;height:44px;border:0;background:transparent;padding:0;pointer-events:auto;border-radius:8px;}
#sit-engagement-content .em-node:focus-visible {outline:3px solid var(--sit-white);outline-offset:4px;background:var(--sit-white-10);}
#sit-engagement-content .em-node.em-offstage {left:0!important;top:0!important;width:1px!important;min-width:1px;height:1px;clip-path:inset(50%);pointer-events:none;}
#sit-engagement-content .em-stage {touch-action:none;cursor:grab;}
#sit-engagement-content .em-stage.em-dragging {cursor:grabbing;}
#sit-engagement-content .em-node,#sit-engagement-content .em-pop {cursor:auto;}
#sit-engagement-content .em-sr {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
#sit-engagement-content .em-current {display:grid;grid-template-columns:minmax(240px,1fr) 1.3fr;gap:24px;padding:24px;background:var(--sit-prussian);border:1px solid var(--em-line);border-top:0;border-radius:0 0 8px 8px;min-height:224px;}
#sit-engagement-content .em-current h3 {font-size:24px;margin:0;max-width:30ch;}
#sit-engagement-content .em-current .em-kicker {margin-bottom:8px;}
#sit-engagement-content .em-points {padding-left:20px;margin-bottom:12px;}
#sit-engagement-content .em-points li+li {margin-top:8px;}
#sit-engagement-content .em-decision {border-left:2px solid var(--em-accent);padding-left:12px;font-size:14px;margin-bottom:8px;max-width:75ch;}
#sit-engagement-content .em-map-help {font-size:14px;color:var(--em-muted);margin:12px 0 0;}
#sit-engagement-content .em-map-help a {display:inline-block;min-height:44px;padding:10px 0;}
#sit-engagement-content .em-pop {position:absolute;right:16px;top:16px;width:352px;max-width:calc(100% - 32px);max-height:calc(100% - 32px);overflow:auto;padding:24px;background:var(--sit-prussian);border:1px solid var(--em-line);border-radius:8px;z-index:4;}
#sit-engagement-content .em-pop:focus-within {outline:2px solid var(--sit-white);outline-offset:4px;}
#sit-engagement-content .em-pop h3 {font-size:20px;margin:0 32px 12px 0;}
#sit-engagement-content .em-pop p {font-size:14px;margin-bottom:12px;}
#sit-engagement-content .em-pop ul {padding-left:20px;font-size:14px;margin-bottom:12px;}
#sit-engagement-content .em-pop li+li {margin-top:8px;}
#sit-engagement-content .em-pop .em-close {position:absolute;right:8px;top:8px;min-height:44px;min-width:44px;background:transparent;border:0;font-size:24px;}
#sit-engagement-content .em-pop a {display:block;width:fit-content;min-height:44px;padding:10px 0;font-weight:600;}
#sit-engagement-content .em-ctas {display:flex;gap:12px;flex-wrap:wrap;margin:24px 0;}
#sit-engagement-content .em-ctas a {display:inline-flex;align-items:center;min-height:48px;padding:12px 24px;border:1px solid var(--em-line);border-radius:4px;text-decoration:none;font-weight:600;}
#sit-engagement-content .em-ctas .em-primary {background:var(--sit-ocean-green);color:var(--sit-night-sky);border-color:var(--sit-ocean-green);}
#sit-engagement-content .em-library {margin-top:24px;}
#sit-engagement-content .em-library>summary {font-size:18px;font-weight:600;cursor:pointer;padding:12px 0;min-height:48px;}
#sit-engagement-content .em-fallback {padding-top:24px;scroll-margin-top:112px;}
#sit-engagement-content .em-fallback h2 {font-size:24px;}
#sit-engagement-content .em-list-section {margin-bottom:24px;}
#sit-engagement-content .em-list-section>summary {font-size:20px;font-weight:600;padding:12px 0;min-height:48px;cursor:pointer;}
#sit-engagement-content .em-phase-list,#sit-engagement-content .em-catalogue {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
#sit-engagement-content .em-catalogue,#sit-engagement-content .em-cards {list-style:none;margin:0;padding:0;}
#sit-engagement-content .em-cards {display:grid;gap:16px;}
#sit-engagement-content .em-card {background:var(--sit-prussian);border:1px solid var(--em-line);border-radius:8px;}
/* Focus belongs to the complete card, with space outside all text. */
#sit-engagement-content .em-card:has(summary:focus-visible) {outline:2px solid var(--sit-white);outline-offset:4px;}
#sit-engagement-content .em-card summary:focus-visible {outline:none;}
#sit-engagement-content .em-card summary {cursor:pointer;min-height:48px;padding:24px;}
#sit-engagement-content .em-card-title {font-size:16px;line-height:22px;font-weight:600;}
#sit-engagement-content .em-card-body {padding:0 24px 24px;}
#sit-engagement-content .em-card-body p {margin-bottom:12px;}
#sit-engagement-content .em-card-body ul {padding-left:20px;}
#sit-engagement-content .em-card-body a,#sit-engagement-content .em-references a,#sit-engagement-content .em-back {display:block;min-height:44px;padding:10px 0;width:fit-content;}
#sit-engagement-content .em-path-list {margin:24px 0;}
#sit-engagement-content .em-path-list>ol>li {margin-bottom:24px;}
#sit-engagement-content .em-references {display:flex;gap:16px;flex-wrap:wrap;}
#sit-engagement-content .em-phone-view {display:none;}
#sit-engagement-content .em-managed-service {border-top:1px solid var(--em-line);padding-top:16px;margin-top:16px;}
#sit-engagement-content .em-managed-service h4 {font-size:16px;margin:0;}
#sit-engagement-content .em-managed-service p {font-size:14px;margin-bottom:8px;}
#sit-engagement-content .em-managed-service a {padding:8px 0;min-height:44px;}
#sit-engagement-content .em-voice {display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 16px;}
#sit-engagement-content .em-voice-actions {display:flex;flex-wrap:wrap;gap:8px;}
#sit-engagement-content .em-voice button {min-height:44px;min-width:44px;padding:8px 12px;border:1px solid var(--em-line);border-radius:4px;background:var(--sit-prussian);font-size:14px;}
#sit-engagement-content .em-voice button[data-voice=play] {border-color:var(--em-accent);}
#sit-engagement-content .em-voice-disclosure,#sit-engagement-content .em-voice-status {font-size:12px;margin:0;color:var(--em-muted);}
#sit-engagement-content .em-voice-caption,#sit-engagement-content .em-voice-phone,#sit-engagement-content .em-phone-overview {display:none;}
#sit-engagement-content .em-phase-list>li {scroll-margin-top:112px;}
@media(max-width:1024px) {#sit-engagement-content .em-stage{height:440px;} #sit-engagement-content .em-current{grid-template-columns:1fr 1fr;}}
@media(max-width:720px) {
 #sit-engagement-content {padding:0 16px;margin:48px auto;}
 #sit-engagement-content .em-heading {font-size:28px;}
 #sit-engagement-content .em-lede {font-size:16px;}
 #sit-engagement-content .em-paths {grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;}
 #sit-engagement-content .em-paths button {padding:12px;font-size:14px;}
 #sit-engagement-content .em-map-view {display:none;}
 #sit-engagement-content .em-phone-view {display:block;}
 #sit-engagement-content .em-voice-phone {display:inline;}
 #sit-engagement-content .em-voice-desktop {display:none;}
 #sit-engagement-content .em-voice {display:block;margin-bottom:24px;}
 #sit-engagement-content .em-voice-disclosure {margin-top:8px;}
 #sit-engagement-content .em-voice-status {margin-top:4px;}
 #sit-engagement-content .em-voice-caption:not([hidden]) {display:block;margin-top:12px;padding:16px;background:var(--sit-prussian);border-left:2px solid var(--em-accent);font-size:14px;line-height:1.5;}
 #sit-engagement-content .em-phone-overview {display:block;margin:0 0 24px;}
 #sit-engagement-content .em-phone-overview>p:last-child {font-size:12px;color:var(--em-muted);margin:8px 0 0;}
 #sit-engagement-content .em-mini-map {display:block;width:100%;height:auto;max-height:200px;background:var(--sit-night-sky);}
 #sit-engagement-content .em-mini-flow {stroke:var(--em-accent);stroke-width:3;}
 #sit-engagement-content .em-mini-map rect {fill:var(--sit-prussian);stroke:var(--em-line);}
 #sit-engagement-content .em-mini-map circle {fill:var(--em-accent);}
 #sit-engagement-content .em-mini-map text {fill:var(--sit-white);font-family:var(--sit-font-body);font-size:14px;font-weight:600;}
 #sit-engagement-content .em-mini-map a:focus-visible rect {stroke:var(--sit-white);stroke-width:3;}
 #sit-engagement-content .em-mini-map a:hover rect {stroke:var(--em-accent);}
 #sit-engagement-content [data-phone-stop][aria-current=step] {border-left:2px solid var(--em-accent);padding-left:12px;}
 #sit-engagement-content .em-phone-path>h3 {font-size:20px;margin-bottom:24px;}
 #sit-engagement-content .em-phone-path>ol {list-style:none;padding:0;margin:0;display:grid;gap:24px;}
 #sit-engagement-content .em-phone-path>ol>li {padding-bottom:24px;border-bottom:1px solid var(--em-line);}
 #sit-engagement-content .em-phone-path h4 {font-size:20px;margin-bottom:12px;}
 #sit-engagement-content .em-phone-path>ol>li>ul:not(.em-cards) {padding-left:20px;margin-bottom:16px;}
 #sit-engagement-content .em-phone-path .em-cards {margin-top:16px;}
 #sit-engagement-content .em-ctas {display:grid;}
 #sit-engagement-content .em-phase-list,#sit-engagement-content .em-catalogue {grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce) {#sit-engagement-content,#sit-engagement-content *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
