/* Five connected, responsive diagrams. The static view carries the full meaning. */
.hero-visual.expertise-slideshow {
    --story-line:var(--theme-connector,#91a575);
    display:flex;
    flex-direction:column;
    container-type:inline-size;
    container-name:expertise;
    isolation:isolate;
    aspect-ratio:auto;
    height:auto;
    min-height:0;
    max-height:none;
    overflow:visible;
    border:1px solid var(--line);
    border-radius:var(--radius);
    background:var(--theme-surface,#fff);
}
.expertise-slideshow .arch-symbols { position:absolute; width:0; height:0; overflow:hidden; }
.expertise-slideshow .story-icon { display:block; width:24px; height:24px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.expertise-slides { order:1; min-width:0; }
.expertise-slides,.expertise-slide { position:static; inset:auto; }
.expertise-slide { display:grid; min-width:0; }
.expertise-slide[hidden] { display:none!important; }
.expertise-slide::after { content:none; }
/* All slides contribute their natural height, keeping the controls stationary. */
.is-enhanced .expertise-slides { display:grid; }
.is-enhanced .expertise-slide { grid-area:1/1; }
.is-enhanced .expertise-slide[hidden] { display:grid!important; visibility:hidden; pointer-events:none; }
.story-figure { display:flex; flex-direction:column; min-width:0; margin:0; }
.story-heading { padding:14px 18px 12px; border-radius:var(--radius) var(--radius) 0 0; background:var(--theme-surface,#fff); }
.story-kicker { display:block; color:var(--theme-quiet,#506b32); font-size:.6rem; font-weight:700; line-height:1.5; letter-spacing:.075em; text-transform:uppercase; }
.story-heading h2 { margin-top:5px; font-size:1.4rem; line-height:1.22; letter-spacing:-.035em; }
.story-heading > p { margin-top:7px; font-size:.76rem; line-height:1.55; }
.story-canvas { flex:1; display:flex; flex-direction:column; justify-content:center; min-width:0; padding:16px 18px; border-block:1px solid var(--line); background:var(--theme-soft,#edf1e5); color:var(--ink); line-height:1.45; }
.story-canvas strong { font-weight:650; }
.story-canvas h3 { font-size:.85rem; line-height:1.4; letter-spacing:-.02em; }
.story-source { display:flex; align-items:center; gap:10px; padding:8px 12px; border:1px solid var(--line); border-radius:6px; background:var(--theme-surface,#fff); }
.story-source .story-icon { width:23px; height:23px; color:var(--theme-accent,var(--forest)); }
.story-source > div { flex:1; display:flex; align-items:baseline; justify-content:space-between; gap:3px 12px; flex-wrap:wrap; }
.story-source strong { font-size:.77rem; }
.story-source span { font-size:.71rem; color:var(--muted); }
.story-wire { --story-port:50%; --wire-length:18px; position:relative; height:var(--wire-length); flex-shrink:0; }
.story-wire::before { content:""; position:absolute; top:0; bottom:0; left:var(--story-port); border-left:1px solid var(--story-line); }
.story-wire::after { content:""; position:absolute; left:calc(var(--story-port) - 3px); bottom:2px; width:6px; height:6px; border-right:1px solid var(--story-line); border-bottom:1px solid var(--story-line); transform:rotate(45deg); }
.story-packet { position:absolute; left:calc(var(--story-port) - 2px); top:0; width:5px; height:5px; background:var(--theme-accent,var(--forest)); border-radius:50%; opacity:0; animation:story-flow-down 2.8s linear infinite; animation-play-state:paused; }
.story-entry { --story-port:calc((100% - 32px) / 6); }
.story-exit { --story-port:calc(100% - (100% - 32px) / 6); }
.story-wire:nth-of-type(even) .story-packet { animation-delay:.7s; }
[data-flow-motion="running"] .expertise-slide.is-active .story-packet { animation-play-state:running; }
@keyframes story-flow-down {
    0% { opacity:0; transform:translateY(0); }
    15%,80% { opacity:1; }
    100% { opacity:0; transform:translateY(calc(var(--wire-length) - 4px)); }
}
.story-layers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; list-style:none; padding:0; margin:0; }
.story-layers li { position:relative; min-width:0; display:grid; grid-template-columns:24px minmax(0,1fr); gap:7px 8px; align-items:center; padding:10px; border:1px solid; border-radius:7px; }
.story-layers li > strong { font-size:.83rem; }
.story-layers li > span { grid-column:1/-1; font-size:.72rem; line-height:1.5; }
.story-layers li:not(:last-child)::after { content:"→"; position:absolute; left:100%; top:50%; transform:translateY(-50%); width:16px; color:var(--theme-quiet,#506b32); text-align:center; font-size:.9rem; }
.story-canvas .story-bronze,.story-source.story-source-bronze { background:var(--theme-bronze-bg,#f2e2d1); border-color:var(--theme-bronze-border,#d9bea1); }
.story-canvas .story-silver { background:var(--theme-silver-bg,#e6ebe7); border-color:var(--theme-silver-border,#c9d1ca); }
.story-canvas .story-gold,.story-source.story-source-gold { background:var(--theme-gold-bg,#f1e6b2); border-color:var(--theme-gold-border,#ddcd87); }
.story-model { padding:13px; border:1px solid var(--forest); border-radius:7px; background:var(--forest); color:#f8f8f3; }
.story-model-compact { display:flex; align-items:center; gap:12px; }
.story-model-compact strong,.story-model-compact span { display:block; }
.story-model strong { font-size:.88rem; }
.story-model-compact span { color:#d9e5d9; font-size:.72rem; margin-top:3px; }
.story-model .story-icon { color:var(--lime); }
.story-fanout { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:24px; }
.story-fanout::before { content:""; position:absolute; left:50%; bottom:calc(100% + 12px); height:12px; border-left:1px solid var(--story-line); }
.story-fanout::after { content:""; position:absolute; bottom:100%; left:calc(25% - 4px); right:calc(25% - 4px); height:12px; border:1px solid var(--story-line); border-bottom:0; border-radius:4px 4px 0 0; }
.story-outcomes { --consumer-gap:12px; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--consumer-gap); }
.story-outcomes::after { left:calc((100% - 2 * var(--consumer-gap)) / 6); right:calc((100% - 2 * var(--consumer-gap)) / 6); }
.story-outcomes > div { position:relative; display:flex; align-items:center; gap:7px; min-width:0; padding:10px 8px; border:1px solid var(--line); border-radius:7px; background:var(--theme-surface,#fff); }
.story-outcomes > div:nth-child(2)::before { content:""; position:absolute; bottom:100%; left:50%; height:13px; border-left:1px solid var(--story-line); }
.story-outcomes > div > div { min-width:0; }
.story-outcomes .story-icon { width:22px; height:22px; color:var(--theme-accent,var(--forest)); }
.story-outcomes strong,.story-outcomes span { display:block; }
.story-outcomes strong { font-size:.77rem; }
.story-outcomes span { font-size:.69rem; color:var(--muted); margin-top:3px; }
.story-foundation { margin-top:12px; padding-top:10px; border-top:1px solid var(--story-line); }
.story-foundation-services { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; margin:0; padding:0; list-style:none; }
.story-foundation-services li { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:0; padding:4px 2px; color:var(--theme-accent,var(--forest)); text-align:center; }
.story-foundation-services strong { font-size:.65rem; font-weight:600; line-height:1.4; white-space:nowrap; }
.story-service-full-name { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.story-foundation .story-icon { width:20px; height:20px; color:var(--theme-accent,var(--forest)); }

/* A relationship and its history become a fact with reusable dimensions. */
.story-vault,.story-star { padding:10px; border:1px solid; border-radius:7px; }
.story-vault h3,.story-star h3 { display:flex; align-items:center; gap:8px; margin:0 0 10px; font-weight:650; }
.story-vault h3 .story-icon,.story-star h3 .story-icon { width:21px; height:21px; }
.story-vault h3 > span,.story-star h3 > span { margin-left:auto; font-size:.67rem; font-weight:400; letter-spacing:0; color:var(--muted); }
.story-vault-entities { display:grid; grid-template-columns:1fr 1.2fr 1fr; gap:12px; }
.story-vault-entities > div { min-width:0; }
.story-vault-key { position:relative; display:flex; flex-direction:column; justify-content:center; min-height:47px; padding:5px 4px; border:1px solid var(--theme-silver-border,#c9d1ca); border-radius:5px; background:var(--theme-surface,#fff); text-align:center; }
.story-vault-key small { display:block; font-size:.61rem; color:var(--muted); }
.story-vault-key strong { font-size:.72rem; margin-top:2px; }
.story-vault-entities > div:not(:last-child) .story-vault-key::after { content:""; position:absolute; left:100%; top:50%; width:13px; border-top:1px solid var(--story-line); }
.story-history { position:relative; margin-top:10px; padding:5px 3px; border:1px dashed var(--theme-silver-border,#c9d1ca); border-radius:4px; font-size:.61rem; text-align:center; color:var(--muted); background:var(--theme-tag,rgba(255,255,255,.3)); }
.story-history::before { content:""; position:absolute; left:50%; bottom:100%; height:11px; border-left:1px solid var(--story-line); }
.story-dimensions { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.story-dimensions > span { position:relative; padding:6px 3px; text-align:center; border:1px solid var(--theme-gold-border,#ddcd87); border-radius:5px; background:var(--theme-surface,#fff); font-size:.72rem; }
.story-dimensions > span::after { content:""; position:absolute; top:100%; left:50%; height:10px; border-left:1px solid var(--story-line); }
.story-dimensions::after { content:""; position:absolute; top:calc(100% + 9px); left:calc((100% - 24px) / 6); right:calc((100% - 24px) / 6); border-top:1px solid var(--story-line); }
.story-encounter-fact { position:relative; margin-top:20px; padding:7px; border:1px solid var(--theme-gold-border,#ddcd87); border-radius:5px; background:var(--theme-surface,#fff); text-align:center; }
.story-encounter-fact::before { content:""; position:absolute; bottom:100%; left:50%; height:11px; border-left:1px solid var(--story-line); }
.story-encounter-fact strong,.story-encounter-fact span { display:block; }
.story-encounter-fact strong { font-size:.8rem; }
.story-encounter-fact span { font-size:.67rem; margin-top:2px; color:var(--muted); }

/* One centrally maintained measure, two independently built views. */
.story-model-heading { display:flex; align-items:center; justify-content:center; gap:10px; }
.story-measure { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:4px 12px; margin-top:11px; padding:9px 11px; border:1px solid #628675; border-radius:5px; background:#204c3e; }
.story-measure > span { font-size:.8rem; font-weight:650; color:var(--lime); }
.story-measure > strong { font-size:.73rem; font-weight:500; }
.story-model-rules { display:flex; align-items:center; justify-content:center; gap:7px; margin-top:10px; color:#d9e5d9; font-size:.67rem; }
.story-model-rules .story-icon { width:16px; height:16px; }
.story-bi-card { min-width:0; padding:11px; border:1px solid var(--line); border-radius:7px; background:var(--theme-surface,#fff); }
.story-bi-card h3 { display:flex; align-items:center; gap:8px; font-weight:650; }
.story-bi-card h3 .story-icon { color:var(--theme-accent,var(--forest)); width:22px; height:22px; }
.story-bi-card > p { font-size:.69rem; margin-top:4px; }
.story-chart { display:flex; justify-content:space-evenly; align-items:flex-end; gap:12px; height:73px; margin-top:8px; padding-inline:9px; border-bottom:1px solid var(--line); }
.story-chart > div { display:flex; flex-direction:column; justify-content:flex-end; align-items:center; width:22%; height:100%; gap:3px; }
.story-chart i { display:block; width:100%; max-width:26px; height:36%; border-radius:3px 3px 0 0; background:var(--theme-accent,var(--forest)); opacity:.65; }
.story-chart > div:nth-child(2) i { height:60%; opacity:.8; }
.story-chart > div:nth-child(3) i { height:48%; opacity:1; }
.story-chart span { font-size:.56rem; color:var(--muted); }
.story-sheet { display:grid; grid-template-columns:1.4fr 1fr; margin-top:13px; border:1px solid var(--line); border-radius:3px; overflow:hidden; }
.story-sheet span { padding:6px 4px; font-size:.59rem; line-height:1.4; border-bottom:1px solid var(--line); }
.story-sheet span:nth-child(-n+2) { background:var(--theme-soft,#edf1e5); font-weight:650; }
.story-sheet span:nth-child(even) { border-left:1px solid var(--line); text-align:right; }
.story-sheet span:nth-last-child(-n+2) { border-bottom:0; }
.story-view-label { display:block; margin-top:7px; font-size:.64rem; color:var(--muted); }
.story-canvas .story-example-note { margin:10px 0 0; text-align:center; font-size:.62rem; line-height:1.5; color:var(--muted); }

/* Ground a business question, query configured sources, then check the answer. */
.story-question { display:flex; align-items:center; gap:12px; padding:10px 12px; border:1px solid var(--line); border-left:3px solid var(--theme-accent,var(--forest)); border-radius:7px; background:var(--theme-surface,#fff); }
.story-question > .story-icon { color:var(--theme-accent,var(--forest)); }
.story-question strong { display:block; margin-top:4px; font-size:.83rem; line-height:1.5; }
.story-context-split { position:relative; height:22px; flex-shrink:0; }
.story-context-split::before { content:""; position:absolute; top:0; height:11px; left:50%; border-left:1px solid var(--story-line); }
.story-context-split::after { content:""; position:absolute; bottom:0; height:11px; left:calc(25% - 3.5px); right:calc(25% - 3.5px); border:1px solid var(--story-line); border-bottom:0; border-radius:4px 4px 0 0; }
.story-ai-context { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.story-ai-context > div { display:grid; grid-template-columns:22px minmax(0,1fr); gap:5px 8px; align-items:center; padding:10px; border:1px solid var(--line); border-radius:7px; background:var(--theme-surface,#fff); }
.story-ai-context .story-icon { width:22px; height:22px; color:var(--theme-accent,var(--forest)); }
.story-ai-context strong { font-size:.75rem; line-height:1.4; }
.story-ai-context span { grid-column:1/-1; font-size:.67rem; color:var(--muted); }
.story-ai-context .story-context-model { background:var(--forest); color:#f8f8f3; border-color:var(--forest); }
.story-context-model .story-icon { color:var(--lime); }
.story-context-model span { color:#d9e5d9; }
.story-context-join { position:relative; height:22px; flex-shrink:0; }
.story-context-join::before { content:""; position:absolute; top:0; height:11px; left:calc(25% - 3.5px); right:calc(25% - 3.5px); border:1px solid var(--story-line); border-top:0; border-radius:0 0 4px 4px; }
.story-context-join::after { content:""; position:absolute; top:11px; bottom:0; left:50%; border-left:1px solid var(--story-line); }
.story-agent { padding:10px; border:1px solid var(--line); border-radius:7px; background:var(--theme-surface,#fff); }
.story-agent > h3 { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:3px 12px; font-weight:650; margin-bottom:10px; }
.story-agent h3 > span { font-size:.65rem; font-weight:400; color:var(--muted); }
.story-agent-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; list-style:none; padding:0; margin:0; }
.story-agent-steps li { position:relative; display:flex; flex-direction:column; align-items:center; gap:5px; padding:9px 3px; border-radius:5px; background:var(--theme-soft,#edf1e5); text-align:center; }
.story-agent-steps li:not(:last-child)::after { content:"→"; position:absolute; left:100%; top:50%; width:16px; transform:translateY(-50%); color:var(--theme-quiet,#506b32); }
.story-agent-steps .story-icon { width:21px; height:21px; color:var(--theme-accent,var(--forest)); }
.story-agent-steps strong { font-size:.72rem; }
.story-agent-steps span { font-size:.61rem; color:var(--muted); }
.story-answer { display:flex; align-items:center; gap:11px; padding:10px 12px; border:1px solid var(--story-line); border-radius:7px; background:var(--theme-surface,#fff); }
.story-answer .story-icon { color:var(--theme-accent,var(--forest)); }
.story-answer strong,.story-answer span { display:block; }
.story-answer strong { font-size:.81rem; }
.story-answer span { margin-top:3px; color:var(--muted); font-size:.68rem; }

/* The delivery loop applies and extends the same architecture. */
.story-delivery { position:relative; }
.story-delivery-loop { position:relative; padding-left:20px; }
.story-delivery-loop::before { content:""; position:absolute; left:0; top:30px; bottom:26px; width:19px; border:1px solid var(--story-line); border-right:0; border-radius:6px 0 0 6px; }
.story-delivery-loop::after { content:""; position:absolute; left:13px; top:27px; width:6px; height:6px; border-top:1px solid var(--story-line); border-right:1px solid var(--story-line); transform:rotate(45deg); }
.story-priority { display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--line); border-radius:7px; background:var(--theme-surface,#fff); }
.story-priority .story-icon { color:var(--theme-accent,var(--forest)); }
.story-priority strong { display:block; font-size:.81rem; line-height:1.5; margin-top:3px; }
.story-toolchain { padding:11px; border:1px solid var(--line); border-radius:7px; background:var(--theme-surface,#fff); }
.story-toolchain > .story-kicker { margin:0 0 9px; }
.story-delivery-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0; padding:0; list-style:none; }
.story-delivery-steps li { position:relative; display:flex; flex-direction:column; align-items:center; gap:5px; padding:12px 4px 8px; border:1px solid var(--line); border-radius:6px; background:var(--theme-soft,#edf1e5); text-align:center; }
.story-delivery-steps li:not(:last-child)::after { content:"→"; position:absolute; left:100%; top:45%; width:16px; color:var(--theme-quiet,#506b32); }
.story-delivery-steps .story-icon { color:var(--theme-accent,var(--forest)); margin-bottom:3px; }
.story-delivery-steps strong { font-size:.78rem; }
.story-delivery-steps span { font-size:.64rem; color:var(--muted); }
.story-delivery-steps small { display:block; padding-top:7px; margin-top:auto; font-size:.6rem; font-weight:650; color:var(--theme-quiet,#506b32); }
.story-maintenance { display:flex; justify-content:center; align-items:center; gap:7px; margin-top:12px; padding-top:10px; border-top:1px solid var(--line); color:var(--muted); font-size:.65rem; }
.story-maintenance .story-icon { width:18px; height:18px; color:var(--theme-accent,var(--forest)); }
.story-release { display:flex; align-items:center; gap:12px; padding:12px; border:1px solid var(--forest); border-radius:7px; background:var(--forest); color:#f8f8f3; }
.story-release .story-icon { color:var(--lime); }
.story-release strong,.story-release span { display:block; }
.story-release strong { font-size:.83rem; }
.story-release span { margin-top:4px; font-size:.68rem; line-height:1.6; color:#d9e5d9; }
.story-feedback { display:flex; align-items:center; gap:10px; margin-top:12px; padding:10px 0 0; border-top:1px solid var(--story-line); }
.story-feedback .story-icon { color:var(--theme-accent,var(--forest)); width:22px; height:22px; }
.story-feedback strong,.story-feedback div > span { display:block; }
.story-feedback strong { font-size:.75rem; }
.story-feedback div > span { font-size:.66rem; color:var(--muted); margin-top:3px; }

/* Named chapters show the story's continuity; transport controls stay explicit. */
.expertise-controls { order:2; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; padding:7px 10px; border-top:1px solid var(--line); }
.expertise-controls button { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:0; border:1px solid transparent; border-radius:6px; color:var(--theme-accent,var(--forest)); background:transparent; }
.expertise-controls button:hover { background:var(--theme-hover,#e6edda); }
.expertise-dots { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:2px; min-width:0; }
.expertise-dots button { position:relative; flex-direction:column; min-width:0; min-height:48px; gap:4px; padding:4px 2px; }
.expertise-dots .story-icon { width:18px; height:18px; }
.expertise-dots b { font-size:.61rem; font-weight:600; line-height:1.4; }
.expertise-dots button[aria-current="true"] { border-color:var(--story-line); background:var(--theme-soft,#edf1e5); }
.expertise-navigation { display:flex; align-items:center; border-left:1px solid var(--line); padding-left:6px; }
.expertise-rotation { gap:6px; font-size:.7rem; }
.expertise-controls .expertise-rotation { padding-inline:6px; }
.expertise-rotation [data-slideshow-rotation-icon] { font-size:.85rem; line-height:1; }
.expertise-arrow { font-size:1.1rem; }

@container expertise (max-width:499px) {
    .story-foundation-services { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .expertise-controls { grid-template-columns:1fr; gap:2px; padding:6px 12px; }
    .expertise-dots { gap:5px; }
    .expertise-dots b { font-size:.66rem; }
    .expertise-navigation { justify-content:space-between; border-left:0; border-top:1px solid var(--line); padding:3px 0 0; }
    .expertise-rotation { font-size:.75rem; }
    .story-source > div { display:block; }
    .story-source span { display:block; margin-top:2px; }
    .story-outcomes > div { flex-direction:column; text-align:center; gap:6px; }
    .story-outcomes strong { font-size:.73rem; }
    .story-outcomes span { font-size:.65rem; }
}
@container expertise (max-width:399px) {
    .story-outcomes { grid-template-columns:1fr; gap:10px; margin-top:16px; padding-left:18px; }
    .story-outcomes::before { left:9px; right:50%; top:-16px; bottom:auto; height:16px; border-top:1px solid var(--story-line); border-radius:4px 0 0; }
    .story-outcomes::after { content:none; }
    .story-outcomes > div { flex-direction:row; text-align:left; gap:10px; padding:8px 10px; }
    .story-outcomes > div::before,.story-outcomes > div:nth-child(2)::before { content:""; position:absolute; left:-10px; top:-11px; bottom:-1px; width:0; height:auto; border:0; border-left:1px solid var(--story-line); }
    .story-outcomes > div:first-child::before { top:-1px; }
    .story-outcomes > div:last-child::before { bottom:50%; }
    .story-outcomes > div::after { content:""; position:absolute; left:-10px; right:100%; top:50%; border-top:1px solid var(--story-line); }
}
@container expertise (max-width:359px) {
    .story-heading { padding:13px 12px 11px; }
    .story-heading h2 { font-size:1.25rem; }
    .story-heading > p { font-size:.73rem; }
    .story-canvas { padding:14px 12px; }
    .story-entry,.story-exit { --story-port:50%; }
    .story-layers { grid-template-columns:1fr; gap:16px; }
    .story-layers li { grid-template-columns:24px 52px minmax(0,1fr); gap:8px; padding:8px 10px; }
    .story-layers li > span { grid-column:auto; }
    .story-layers li:not(:last-child)::after { content:"↓"; top:100%; left:50%; width:16px; height:16px; transform:translateX(-50%); line-height:16px; }
    .story-model-compact { gap:9px; padding:11px; }
    .story-model strong { font-size:.81rem; }
    .story-vault,.story-star { padding:8px; }
    .story-vault h3,.story-star h3 { flex-wrap:wrap; gap:4px 6px; }
    .story-vault h3 > span,.story-star h3 > span { width:100%; margin-left:27px; }
    .story-vault-entities { grid-template-columns:1fr 1.2fr 1fr; gap:8px; }
    .story-vault-entities > div:not(:last-child) .story-vault-key::after { width:9px; }
    .story-vault-key strong { font-size:.65rem; }
    .story-history { font-size:.58rem; padding-inline:2px; }
    .story-bi-card { padding:9px 7px; }
    .story-bi-card h3 { font-size:.8rem; gap:6px; }
    .story-chart { padding-inline:2px; gap:8px; }
    .story-sheet span { font-size:.54rem; padding:7px 3px; }
    .story-model-rules { font-size:.61rem; text-align:center; }
    .story-question { padding:9px; gap:8px; }
    .story-question strong { font-size:.76rem; }
    .story-ai-context { gap:10px; }
    .story-ai-context > div { display:flex; flex-direction:column; align-items:flex-start; gap:5px; padding:9px; }
    .story-ai-context strong { font-size:.72rem; }
    .story-context-join::before { left:calc(25% - 2.5px); right:calc(25% - 2.5px); }
    .story-context-split::after { left:calc(25% - 2.5px); right:calc(25% - 2.5px); }
    .story-agent { padding:8px; }
    .story-agent-steps { gap:12px; }
    .story-agent-steps li:not(:last-child)::after { width:12px; }
    .story-agent-steps span { font-size:.58rem; }
    .story-toolchain { padding:9px; }
    .story-delivery-steps { gap:12px; }
    .story-delivery-steps li { padding-inline:2px; }
    .story-delivery-steps li:not(:last-child)::after { width:12px; }
    .story-delivery-steps span { font-size:.6rem; }
    .story-delivery-steps small { font-size:.55rem; }
    .story-maintenance { justify-content:flex-start; font-size:.61rem; }
    .story-feedback div > span { font-size:.62rem; }
}
@media(max-width:950px) {
    .hero-visual.expertise-slideshow { width:100%; max-width:640px; justify-self:center; }
}
@media(prefers-reduced-motion:reduce) {
    .expertise-slideshow .story-packet { animation:none; display:none; }
}
@media print {
    .hero-visual.expertise-slideshow { container-type:normal; height:auto; max-height:none; aspect-ratio:auto; break-inside:avoid; }
    .expertise-controls { display:none!important; }
    .is-enhanced .expertise-slides,.is-enhanced .expertise-slide { display:block; }
    .is-enhanced .expertise-slide[hidden] { display:none!important; }
    .story-packet { display:none; animation:none; }
    .story-canvas { background:#f5f6ef; }
    .story-model,.story-ai-context .story-context-model,.story-release { background:#fff; color:#17362e; border-color:#7b8f76; }
    .story-model .story-icon,.story-context-model .story-icon,.story-release .story-icon { color:#17362e; }
    .story-model-compact span,.story-model-rules,.story-context-model span,.story-release span { color:#586860; }
    .story-measure { background:#edf1e5; color:#17362e; }
    .story-measure > span { color:#17362e; }
}