.stories-explorer{--story-input:#88d8d0;--story-method:#97b7f1;--story-decision:#e0c086;--story-evaluation:#dda6b9;--story-context:#aabbbd;--story-flow:#8fb9bb;--story-training:#d8b16b;--story-feedback:#b5a4d8;--story-faded:#37525b;--story-label-bg:#071d26}
:root[data-theme=light] .stories-explorer{--story-input:#176d65;--story-method:#315ba4;--story-decision:#886316;--story-evaluation:#a13f67;--story-context:#59696a;--story-flow:#56767a;--story-training:#926817;--story-feedback:#7852a2;--story-faded:#c6ceca;--story-label-bg:#f4f1e9}
.stories-explorer [hidden]{display:none!important}.stories-explorer button,.stories-explorer a{font-family:"Times New Roman",Times,serif}.stories-intro{max-width:760px;margin-top:24px;color:var(--muted);font-size:19px}.story-tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin:0 0 24px}.story-tabs a{display:flex;flex-direction:column;gap:8px;padding:22px 24px;text-decoration:none;border-right:1px solid var(--line);font-size:21px;line-height:1.2;background:var(--bg-alt)}.story-tabs a:last-child{border-right:0}.story-tabs a span{font:12px "Times New Roman",Times,serif;color:var(--muted)}.story-tabs a:hover,.story-tabs a[aria-selected=true]{background:var(--bg);color:var(--accent)}.story-tabs a[aria-selected=true]{box-shadow:inset 0 -3px var(--accent)}.story-notice{font-size:14px;color:var(--muted);max-width:870px;margin-bottom:42px}.concept-story{margin-bottom:65px;scroll-margin-top:40px}.concept-story-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);padding-top:42px;margin-bottom:38px}.concept-story-heading h2{font-size:clamp(35px,3.3vw,52px);max-width:540px}.concept-story-heading p{color:var(--muted);font-size:17px}.concept-story-heading .story-question{font-size:24px;color:var(--ink);line-height:1.35;margin-bottom:15px}.concept-story-heading .text-link{margin-top:20px}.concept-story-heading .eyebrow{color:var(--accent);font-size:11px}.story-stage-nav{margin:25px 0 35px}.story-stage-nav ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0 24px}.story-stage-nav li{min-width:0}.story-stage-nav button{display:flex;gap:12px;align-items:flex-start;text-align:left;width:100%;height:100%;padding:14px 12px;background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:17px;line-height:1.4;min-height:74px}.story-stage-nav button span{color:var(--muted);font:12px/2 "Times New Roman",Times,serif}.story-stage-nav button:disabled{opacity:1;color:var(--muted)}.story-stage-nav button[aria-pressed=true]{background:var(--bg-alt);color:var(--accent);border-color:var(--accent)}.story-stage-text{max-width:820px;min-height:115px;border-left:2px solid var(--accent);padding-left:20px}.story-stage-text h3{font-size:24px;margin-bottom:10px}.story-stage-text>p:not(.story-source){font-size:17px;color:var(--muted)}.story-source{font-size:12px!important;line-height:1.6!important;color:var(--muted);margin-top:15px!important;overflow-wrap:anywhere}.story-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.story-map-column{min-width:0}.story-map-frame{border:1px solid var(--line);position:relative;background:radial-gradient(ellipse at center,var(--bg-alt),var(--bg) 74%);overflow:hidden}.story-map-top{padding:15px 18px;display:flex;justify-content:space-between;gap:10px;font:10px/1.5 "Times New Roman",Times,serif;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--line)}.story-map-state{color:var(--accent)}.story-map{height:590px;min-width:0;position:relative;touch-action:none}.story-map canvas{position:absolute;inset:0;max-width:none;pointer-events:auto}.story-map-fallback{position:absolute;inset:70px 28px 100px;display:flex;align-items:center;justify-content:center;gap:20px;color:var(--muted);pointer-events:none}.story-map-fallback>span{font-size:65px;color:var(--accent)}.story-map-fallback p{max-width:370px;font-size:20px;line-height:1.5}.story-map-tools{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:12px;border-top:1px solid var(--line)}.story-map-tools button{background:var(--bg-alt);border:1px solid var(--line);padding:7px 13px;min-height:40px;font-size:14px;line-height:1.3}.story-map-tools button:hover{border-color:var(--accent);color:var(--accent)}.story-map-tools button[data-map-zoom]{font-size:23px;line-height:1;width:42px;padding:5px}.story-map-instruction{font-size:12px;color:var(--muted);text-align:center;margin:0;padding:0 16px 14px}.story-legends{display:flex;gap:35px;padding:22px 0;border-bottom:1px solid var(--line)}.story-legends>div{flex:1}.story-legends h3,.story-concepts h3{font-size:23px;margin-bottom:12px}.story-legends ul{list-style:none;padding:0;margin:0;display:flex;gap:9px 18px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.story-legends li{display:flex;align-items:center;gap:8px}.concept-key{display:inline-block;width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--story-context);font-style:normal}.concept-key.input{background:var(--story-input)}.concept-key.method{background:var(--story-method)}.concept-key.decision{background:var(--story-decision)}.concept-key.evaluation{background:var(--story-evaluation)}.concept-key.context{background:var(--story-context)}.relation-key{font-style:normal;font-size:20px;line-height:.6;color:var(--story-flow)}.relation-key.training{color:var(--story-training)}.relation-key.decision{color:var(--story-decision)}.relation-key.feedback{color:var(--story-feedback)}.relation-key.evaluation{color:var(--story-evaluation)}.story-concepts{margin:24px 0}.story-concepts h3{margin-bottom:6px}.story-concept-list{margin-top:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.story-concept-list a{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:10px 12px;font-size:14px;text-decoration:none;line-height:1.35;min-height:45px}.story-concept-list a:hover,.story-concept-list a[aria-pressed=true]{border-color:var(--accent);background:var(--bg-alt);color:var(--accent)}.story-inspector{border-top:2px solid var(--accent);padding:22px 20px;background:var(--bg-alt);max-height:860px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.story-kind{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:13px}.story-inspector h3{font-size:32px;margin-bottom:18px;line-height:1.15;letter-spacing:-.03em}.story-inspector>p:not(.story-kind):not(.story-source){font-size:16px;line-height:1.65;color:var(--ink)}.story-inspector h4{font-weight:400;font-size:20px;border-top:1px solid var(--line);padding-top:20px;margin:24px 0 12px}.story-relationships{list-style:none;padding:0;margin:0}.story-relationships li{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.6}.story-relationships li:last-child{border-bottom:0}.story-relationships strong{display:block;font-weight:400;font-size:15px;color:var(--ink)}.story-relationships p{color:var(--muted);font-size:14px;margin-top:7px}.story-relation-type{display:block;font-size:10px;letter-spacing:.055em;color:var(--accent);margin-top:4px;text-transform:uppercase}.story-readable{margin:30px 0;border-block:1px solid var(--line);padding:18px 0}.story-readable summary{cursor:pointer;font-size:18px;color:var(--accent)}.story-readable-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:26px}.story-readable-grid article{padding-top:22px;border-top:1px solid var(--line);scroll-margin-top:30px}.story-readable-grid h3{font-size:25px;margin-bottom:14px}.story-readable-grid article>p{font-size:15px}.story-readable-grid article .story-kind{font-size:10px}.story-text-stage-heading{font-size:28px;margin:35px 0 20px}.story-text-stages{padding-left:20px;font-size:15px}.story-text-stages li{margin-bottom:24px}.story-text-stages h4{font-size:19px;margin:0 0 10px;font-weight:400}.story-scope{display:grid;grid-template-columns:240px 1fr;gap:30px;padding:15px 0 25px}.story-scope h3{font-size:25px}.story-scope ul{padding-left:20px;margin:0;font-size:15px;color:var(--muted)}.story-library-note{font-size:13px;color:var(--muted);padding:20px 0 40px;border-top:1px solid var(--line)}
@media(min-width:1450px){.story-workspace{grid-template-columns:minmax(0,1fr) 350px}.story-map{height:650px}}
@media(max-width:1100px){.story-tabs a{font-size:18px;padding:18px 15px}.story-workspace{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.story-map{height:520px}.story-inspector{padding:20px 15px}.story-inspector h3{font-size:28px}.story-stage-nav button{font-size:15px;padding:12px 8px}.story-legends{gap:20px}}
@media(max-width:850px){.story-workspace{grid-template-columns:1fr}.story-map{height:590px}.story-inspector{max-height:none}.story-inspector .story-relationships{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.story-inspector>p:not(.story-source){max-width:760px}.concept-story-heading{gap:30px}.story-readable-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.story-tabs{grid-template-columns:1fr 1fr}.story-tabs a:nth-child(2){border-right:0}.story-tabs a:nth-child(-n+2){border-bottom:1px solid var(--line)}.story-tabs a{padding:16px 13px;font-size:17px}.story-tabs a span{font-size:10px}.story-notice{font-size:12px;margin-bottom:30px}.stories-intro{font-size:17px}.concept-story-heading{grid-template-columns:1fr;gap:22px;padding-top:30px}.concept-story-heading h2{font-size:37px}.concept-story-heading .story-question{font-size:21px}.story-stage-nav ol{grid-template-columns:1fr 1fr;gap:8px}.story-stage-nav button{min-height:62px;font-size:14px}.story-stage-text{padding-left:15px;min-height:140px}.story-stage-text h3{font-size:22px}.story-stage-text>p:not(.story-source){font-size:16px}.story-map{height:530px}.story-map-top{font-size:9px;padding:12px;letter-spacing:0}.story-map-fallback{inset:70px 20px 100px}.story-map-fallback p{font-size:18px}.story-map-fallback>span{display:none}.story-map-tools{gap:6px;padding:10px}.story-map-tools button{font-size:13px;padding:8px 10px}.story-map-instruction{font-size:11px;padding:0 12px 12px}.story-legends{gap:22px}.story-legends h3{font-size:20px}.story-legends ul{font-size:11px}.story-concept-list{grid-template-columns:1fr 1fr;gap:6px}.story-concept-list a{font-size:12px;padding:9px;gap:7px}.story-inspector .story-relationships{display:block}.story-readable-grid{grid-template-columns:1fr}.story-scope{grid-template-columns:1fr;gap:15px}.story-scope h3{font-size:24px}.story-scope ul{font-size:14px}.story-source{font-size:11px!important}.story-readable summary{font-size:16px}.story-library-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.stories-explorer *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.story-stage-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px}.story-stage-controls button{width:auto;min-height:44px;padding:10px 14px;border:1px solid var(--line);background:var(--bg-alt);font-size:15px}.story-stage-controls button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.story-stage-controls button:disabled{opacity:.5;cursor:default}.story-stage-controls span{font-size:14px;color:var(--muted);text-align:center}.concept-story:focus-visible{outline-offset:8px}.story-stage-controls button:focus-visible{outline-offset:3px}
@media(max-width:600px){.story-stage-controls{gap:8px;flex-wrap:wrap}.story-stage-controls span{order:-1;flex-basis:100%;text-align:left;font-size:13px}.story-stage-controls button{font-size:14px}.story-map-tools button{min-height:44px}}
@media print{.story-map-column,.story-tabs,.story-stage-nav,.story-inspector,.story-library-note{display:none}.stories-explorer .concept-story[hidden]{display:block!important}.story-readable{display:block}.story-readable-grid{display:block}.story-readable-grid article{break-inside:avoid}.concept-story-heading{display:block}.concept-story-heading>div+div{margin-top:20px}.story-scope{display:block}.story-readable>summary{display:none}.story-readable:not([open])>*:not(summary){display:block}}