/* This sheet is loaded only on the English home. The established dark story remains available. */
.light-workflow-story,.light-workflow-only { display:none; }
.slide-company-diagram { width:100%; height:100%; display:grid; place-items:center; }
.slide-company-diagram>.environment-art { width:100%; height:100%; max-width:none; }
:root:not([data-theme="dark"]) {
 .previous-dark-story { display:none; }
 .light-workflow-story,.light-workflow-only { display:block; }
 .tool-story { padding:52px 46px; margin-block:0; border:1px solid #c4c4c4; }
 .data-story { background:#f5f5f5; --ink:#303030; --muted:#5b5b5b; --line:#c5c5c5; }
 .monitoring-story { background:#f5f5f5; --ink:#383838; --muted:#5d5d5d; --line:#c0c0c0; border-color:var(--line); }
 .workflow-heading { display:grid; grid-template-columns:1.15fr 1fr; gap:56px; align-items:start; margin-bottom:32px; }
 .workflow-number { display:block; font:10px var(--mono); letter-spacing:.1em; color:var(--muted); margin-bottom:18px; }
 .workflow-heading h2 { font-size:clamp(30px,3.1vw,44px); line-height:1.1; font-weight:500; letter-spacing:-.045em; margin:0; text-wrap:balance; }
 .workflow-heading p { font-size:14px; line-height:1.7; color:var(--muted); margin:0 0 12px; }
 .workflow-pixel { width:64px; height:64px; object-fit:contain; image-rendering:pixelated; flex:none; }
 .local-computer { border:1px solid #808080; border-radius:14px; background:#f7f7f7; box-shadow:0 6px 0 #d2d2d2; overflow:hidden; }
 .computer-toolbar { padding:16px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid var(--line); background:#e1e1e1; }
 .computer-toolbar>div { display:flex; align-items:center; gap:14px; }
 .computer-toolbar h3 { margin:0 0 4px; font-size:19px; font-weight:500; }
 .computer-toolbar p { margin:0; font:11px var(--mono); }
 .sample-label { max-width:190px; font:10px/1.6 var(--mono); color:var(--muted); text-align:end; }
 .record-comparison { display:grid; grid-template-columns:1fr 1fr; gap:28px; padding:24px; }
 .record-column { min-width:0; }
 .record-column h4 { font-size:15px; font-weight:500; margin:0 0 14px; display:flex; align-items:center; gap:8px; }
 .record-column h4::before { content:''; width:7px; height:7px; border:1px solid #7c7c7c; border-radius:50%; }
 .protected-record h4::before { background:#a3a3a3; }
 .record-card { background:#fefefe; border:1px solid var(--line); border-radius:5px; overflow:hidden; }
 .record-card h5 { font-size:12px; font-weight:500; margin:0; padding:11px 15px; background:#f0f0f0; border-bottom:1px solid var(--line); }
 .record-card dl { margin:0; padding:8px 14px; }
 .record-card dl>div { display:grid; grid-template-columns:90px 1fr; gap:10px; padding:6px 0; font:11px/1.5 var(--mono); }
 .record-card dt { color:#6f6f6f; }
 .record-card dd { margin:0; overflow-wrap:anywhere; }
 .record-card .linked-field dd { color:#404040; font-weight:600; }
 .protected-record .linked-field dd { background:#e5e5e5; width:fit-content; padding-inline:4px; }
 .record-relationship { font:10px/1.5 var(--mono); padding:8px 15px; color:#707070; }
 .local-explanation { display:grid; grid-template-columns:1fr 1fr; gap:28px; padding:0 24px 20px; }
 .local-explanation>div { display:flex; align-items:start; gap:12px; }
 .local-explanation .workflow-pixel { width:38px; height:54px; }
 .local-explanation p { font-size:12px; line-height:1.75; color:var(--muted); margin:0; }
 .local-explanation strong { font-weight:500; color:var(--ink); }
 .local-access { padding:16px 24px; border-top:1px dashed var(--line); }
 .local-access summary { cursor:pointer; font-size:12px; font-weight:500; }
 .local-access p { font-size:12px; line-height:1.75; max-width:840px; color:var(--muted); }
 .review-handoff { display:flex; gap:18px; align-items:center; margin-top:28px; padding:0 14px; }
 .review-handoff>span { font-size:32px; color:#747474; }
 .review-handoff>div { flex:1; }
 .review-handoff h3 { font-size:17px; font-weight:500; margin:0 0 6px; }
 .review-handoff p { font-size:12px; line-height:1.7; color:var(--muted); max-width:570px; margin:0; }
 .review-handoff .text-link { font-size:12px; white-space:nowrap; }
 .signal-board { border:1px solid var(--line); border-radius:8px; padding:22px; background:#f7f7f7; }
 .signal-board-heading { display:flex; align-items:center; gap:16px; margin-bottom:22px; }
 .signal-board-heading h3 { font-weight:500; font-size:21px; margin:0 0 5px; }
 .signal-board-heading p { margin:0; font:10px var(--mono); color:var(--muted); }
 .signal-clusters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
 .signal-clusters article { border:1px solid #cecece; padding:18px; border-radius:5px; background:#efefef; }
 .signal-clusters .signal-selected { background:#eaeaea; border-color:#a2a2a2; }
 .signal-tag { display:inline-block; font:10px var(--mono); padding:5px 7px; border:1px solid #b2b2b2; border-radius:3px; }
 .signal-clusters h4 { font-size:18px; font-weight:500; margin:16px 0 10px; }
 .signal-clusters p { font-size:12px; line-height:1.7; margin:0; }
 .signal-lines { display:flex; align-items:end; gap:5px; height:28px; margin:20px 0; }
 .signal-lines i { display:block; background:#999999; height:8px; width:26px; border-radius:2px; }
 .signal-lines i:nth-child(2n) { height:16px; }
 .signal-lines i:nth-child(3n) { height:22px; }
 .signal-clusters .signal-next { padding-top:12px; border-top:1px solid #cacaca; color:var(--muted); font-size:11px; }
 .investigation { margin-top:30px; }
 .investigation-heading { margin-bottom:22px; }
 .investigation-heading h3 { font-size:25px; font-weight:500; letter-spacing:-.03em; margin:0 0 8px; }
 .investigation-heading p { color:var(--muted); font-size:13px; margin:0; }
 .investigation-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; list-style:none; padding:0; margin:0; }
 .investigation-steps li { position:relative; border-top:1px solid #aeaeae; padding-top:18px; }
 .step-index { font:11px var(--mono); color:var(--muted); }
 .investigation-steps h4 { font-size:17px; font-weight:500; margin:10px 0; }
 .investigation-steps p { font-size:12px; line-height:1.7; color:var(--muted); min-height:82px; }
 .trace-sample { background:#f3f3f3; border:1px solid var(--line); padding:12px; border-radius:4px; }
 .trace-sample code { display:block; font:10px/1.9 var(--mono); overflow-wrap:anywhere; }
 .trace-warning { color:#5e5e5e; }
 .trace-success { color:#575757; }
 .workflow-limit { border-top:1px solid var(--line); padding-top:18px; margin:26px 0 0; font-size:11px; line-height:1.7; color:var(--muted); }
 /* The intro explains one capability at a time, with concrete HTML diagrams. */
 .hero .environment-story { grid-template-columns:1fr; gap:24px; padding:32px 42px; }
 .environment-copy { display:grid; grid-template-columns:1.15fr 1fr; align-items:center; gap:36px; }
 .environment-copy h2 { font-size:29px; margin:0; }
 .environment-copy>p { margin:0; font-size:13px; }
 .toolkit-preview-window { height:326px; aspect-ratio:auto; border-block:1px solid #cecece; }
 .toolkit-preview-slide { grid-template-columns:1fr 1fr; align-items:center; gap:36px; padding:26px 0; place-items:stretch; }
 .slide-explanation .workflow-number { margin-bottom:12px; }
 .slide-explanation h3 { margin:0 0 14px; font-size:28px; font-weight:500; letter-spacing:-.04em; line-height:1.15; }
 .slide-explanation p { margin:0 0 12px; font-size:13px; line-height:1.65; color:#5c5c5c; }
 .slide-explanation .slide-value { font-size:12px; color:#404040; padding-inline-start:12px; border-inline-start:2px solid #a6a6a6; }
 .slide-explanation .text-link { font-size:12px; }
 .slide-diagram { align-self:center; min-width:0; }
 .slide-data { display:grid; grid-template-columns:1fr 18px 1fr; align-items:center; gap:8px; }
 .slide-data>.workflow-pixel { grid-column:1/-1; justify-self:center; width:72px; height:72px; margin-bottom:6px; }
 .mini-record { border:1px solid #b4b4b4; background:#fafafa; padding:14px 10px; border-radius:5px; min-width:0; }
 .mini-record span,.mini-signal span,.mini-test span { display:block; font:9px/1.5 var(--mono); margin-bottom:8px; }
 .mini-record strong { display:block; font:11px/1.5 var(--mono); overflow-wrap:anywhere; }
 .mini-record small { display:block; font-size:10px; margin-top:6px; color:#626262; }
 .mini-protected { background:#e7e7e7; }
 .mini-arrow { text-align:center; color:#6e6e6e; }
 .slide-data>p { grid-column:1/-1; text-align:center; font-size:11px; color:#626262; margin:10px 0 0; }
 .slide-monitor { display:grid; grid-template-columns:64px 1fr; align-items:center; gap:6px 16px; }
 .slide-monitor>.workflow-pixel { grid-row:1/4; }
 .mini-signal,.mini-test { padding:12px 16px; border:1px solid #bbbbbb; border-radius:5px; background:#fafafa; }
 .mini-test { background:#e7e7e7; }
 .mini-signal strong,.mini-test strong { display:block; font-size:13px; font-weight:500; }
 .mini-signal small,.mini-test small { display:block; font-size:10px; color:#626262; margin-top:6px; }
 .slide-company-diagram { min-width:0; height:270px; align-self:center; grid-template-rows:1fr auto; }
 .slide-company-diagram>.environment-art { max-width:270px; height:220px; }
 .company-diagram-caption { margin:0; text-align:center; font-size:12px; }
 .company-diagram-caption strong { font-weight:500; display:block; }
 .company-diagram-caption span { display:block; margin-top:6px; font:9px var(--mono); color:#626262; }
 /* Compact supporting simulation content, with the original worked example one click away. */
 .simulation-story { padding:38px 46px; }
 .simulation-story .section-heading h2 { font-size:36px; }
 .simulation-story .section-heading>p:last-child { font-size:13px; line-height:1.7; max-width:720px; }
 .simulation-story .simulation-entity-content>h3 { font-size:20px; margin-top:24px; }
 .simulation-story .entity-grid { margin-top:16px; }
 .simulation-story .entity-grid>li { padding-block:14px; }
 .simulation-story .entity-art { width:64px; height:56px; margin-bottom:8px; }
 .simulation-story .entity-grid h4 { font-size:17px; margin:0 0 8px; }
 .simulation-story .entity-grid p { font-size:11px; line-height:1.6; }
 .simulation-story .simulation-scenarios { padding-top:24px; }
 .simulation-story .simulation-scenarios .section-heading h3 { font-size:25px; margin-bottom:10px; }
 .simulation-story .simulation-scenarios .section-heading>p { font-size:12px; }
 .simulation-story .simulation-scenarios .sandbox-features { gap:28px; margin-top:16px; }
 .simulation-story .simulation-scenarios .sandbox-feature { position:relative; padding-top:8px; padding-inline-end:82px; }
 .simulation-story .simulation-scenarios .sandbox-mode-top { position:absolute; top:12px; right:0; }
 .simulation-story .simulation-scenarios .mode-art { width:72px; height:64px; flex-basis:72px; }
 .simulation-story .simulation-scenarios .sandbox-feature h4 { font-size:18px; }
 .simulation-story .simulation-scenarios .sandbox-feature>p { font-size:12px; line-height:1.7; }
 .simulation-story .simulation-evidence { margin-top:24px; padding:20px 24px; }
 .compact-evidence-summary { display:flex; justify-content:space-between; align-items:center; gap:24px; }
 .compact-evidence-summary h3 { font-size:20px; font-weight:500; margin:0 0 8px; }
 .compact-evidence-summary p { font-size:11px; color:#5f5f5f; line-height:1.7; max-width:540px; margin:0; }
 .compact-evidence-summary strong { color:#3f3f3f; font-weight:500; }
 .compact-evidence-summary button { border:1px solid #b1b1b1; padding:10px 12px; background:transparent; color:#3f3f3f; font-family:inherit; font-size:11px; line-height:1.5; cursor:pointer; flex:none; }
 [data-evidence-open="false"] .evidence-content { display:none; }
 [data-evidence-open="true"] .evidence-content { border-top:1px solid #c8c8c8; margin-top:20px; padding-top:16px; }
}
@media(max-width:900px) {
 :root:not([data-theme="dark"]) {
  .tool-story,.simulation-story { padding:34px 28px; }
  .workflow-heading { gap:28px; }
  .record-card dl>div { grid-template-columns:1fr; gap:1px; }
  .record-column .record-card:first-of-type dl>div:last-child dd { min-height:3em; }
  .hero .environment-story { padding:28px; }
  .toolkit-preview-window { height:365px; }
  .toolkit-preview-slide { gap:24px; }
  .slide-explanation h3 { font-size:25px; }
  .signal-clusters { gap:10px; }
  .signal-clusters article { padding:14px; }
  .signal-clusters h4 { font-size:16px; }
  .investigation-steps { gap:18px; }
  .investigation-steps p { min-height:120px; }
 }
}
@media(max-width:640px) {
 :root:not([data-theme="dark"]) {
  .tool-story,.simulation-story { padding:30px 20px; }
  .workflow-heading { grid-template-columns:1fr; gap:20px; margin-bottom:24px; }
  .workflow-heading h2 { font-size:32px; }
  .workflow-heading p { font-size:13px; }
  .workflow-number { font-size:9px; margin-bottom:14px; }
  .computer-toolbar { padding:14px; flex-wrap:wrap; gap:8px; }
  .computer-toolbar .workflow-pixel { width:48px; height:48px; }
  .computer-toolbar h3 { font-size:17px; }
  .sample-label { max-width:none; text-align:start; font-size:9px; }
  .record-comparison { padding:16px 12px; gap:10px; }
  .record-column h4 { font-size:12px; gap:5px; }
  .record-card h5 { font-size:11px; padding:10px 8px; }
  .record-card dl { padding:6px 8px; }
  .record-card dl>div { font-size:10px; padding:5px 0; }
  .record-relationship { font-size:9px; padding-inline:4px; }
  .local-explanation { grid-template-columns:1fr; gap:14px; padding:0 14px 16px; }
  .local-explanation p,.local-access p { font-size:11px; }
  .local-access { padding:14px; }
  .review-handoff { display:grid; grid-template-columns:18px 1fr; gap:12px; padding:0; }
  .review-handoff .text-link { grid-column:2; }
  .signal-board { padding:16px; }
  .signal-board-heading { gap:12px; }
  .signal-board-heading h3 { font-size:18px; }
  .signal-board-heading .workflow-pixel { width:48px; height:48px; }
  .signal-clusters { grid-template-columns:1fr; gap:12px; }
  .signal-clusters article { padding:16px; }
  .signal-clusters h4 { font-size:18px; margin-top:12px; }
  .signal-lines { height:18px; margin:14px 0; }
  .investigation-heading h3 { font-size:23px; }
  .investigation-steps { grid-template-columns:1fr; gap:22px; }
  .investigation-steps p { min-height:0; }
  .environment-copy { grid-template-columns:1fr; gap:14px; }
  .environment-copy h2 { font-size:26px; }
  .hero .environment-story { padding:24px 20px; }
  .toolkit-preview-window { height:560px; }
  .toolkit-preview-slide { grid-template-columns:1fr; grid-template-rows:auto 230px; gap:12px; padding:22px 0; }
  .slide-explanation h3 { font-size:25px; }
  .slide-explanation p { font-size:12px; }
  .slide-explanation .slide-value { font-size:11px; }
  .slide-data { gap:6px; }
  .slide-data>.workflow-pixel { width:56px; height:56px; margin:0; }
  .mini-record { padding:12px 8px; }
  .mini-record strong { font-size:10px; }
  .slide-monitor { grid-template-columns:48px 1fr; gap:6px 10px; }
  .slide-monitor>.workflow-pixel { width:48px; height:48px; }
  .slide-company-diagram { height:230px; }
  .slide-company-diagram>.environment-art { height:185px; }
  .company-diagram-caption span { font-size:8px; }
  .simulation-story .section-heading h2 { font-size:30px; }
  .simulation-story .entity-grid { margin-top:16px; }
  .simulation-story .simulation-scenarios .sandbox-features { gap:16px; }
  .simulation-story .simulation-scenarios .sandbox-feature { padding-inline-end:70px; }
  .simulation-story .simulation-scenarios .mode-art { width:60px; height:56px; }
  .simulation-story .simulation-evidence { padding:18px; }
  .compact-evidence-summary { display:block; }
  .compact-evidence-summary h3 { font-size:20px; }
  .compact-evidence-summary button { margin-top:14px; }
 }
}
@media(max-width:360px) {
 :root:not([data-theme="dark"]) {
  .tool-story,.simulation-story { padding-inline:14px; }
  .record-comparison { gap:8px; padding-inline:8px; }
  .record-card dl>div { font-size:9px; }
  .record-column h4 { font-size:11px; }
  .toolkit-preview-window { height:610px; }
 }
}
@media(forced-colors:active) {
 .record-card,.local-computer,.signal-clusters article,.trace-sample { border:1px solid CanvasText; }
}