/* Keep each site's authored card composition while adding the same entity depth. */
.learning-step-shell{min-width:0;border:1px solid var(--line,#d8ddd3);display:flex;flex-direction:column;--ec-line:#d8ddd3;--ec-ink:#263022;--ec-muted:#687160;--ec-tint:#f5f5ee}.learning-step-shell>.learning-step{border:0;flex:1;padding:22px}.learning-step-shell>.ec-explore{margin:0 22px 22px}
.world-chapter-shell,.n-resource-shell,.tech-layer-item,.os-role-story{min-width:0;--ec-accent:var(--accent,#516d43);--ec-line:var(--line,#d8ddd3);--ec-ink:var(--ink,#263022);--ec-muted:var(--muted,#687160);--ec-tint:var(--surface,#f5f5ee)}
.world-chapter-shell{border-bottom:1px solid var(--line)}.world-chapter-shell>.world-chapter{border-bottom:0;padding-bottom:22px}.world-chapter-shell>.ec-explore{margin:0 0 25px 105px;max-width:880px;border-color:var(--line);background:transparent}.world-chapter-shell .ec-explore>summary{font-family:inherit}.world-chapter-shell .ec-explore h4{font-family:inherit}.world-chapter-shell .ec-explore p{font-family:inherit;line-height:1.85}
.n-resource-shell{border-bottom:1px solid var(--line);padding-bottom:16px}.n-resource-shell>.n-resource{border-bottom:0}.n-resource-shell>.ec-explore{margin:0 0 5px}
.tech-layer-item{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--line);background:var(--surface)}.tech-layer-item:last-child{border-right:0}.tech-layer-item>a{display:block;padding:25px;flex:1}.tech-layer-item>.ec-explore{margin:0 20px 20px}.tech-layer-item>a:hover h3{color:var(--accent)}
.os-role-story{border:1px solid #2b4261;border-radius:9px;background:linear-gradient(155deg,#182941,#101b2c);transition:border-color .2s;display:flex;flex-direction:column;--ec-accent:#efbb77;--ec-ink:#e3edf8;--ec-muted:#adc0d7;--ec-line:#31475f;--ec-tint:#162337;--ec-surface:#122033}.os-role-story:hover{border-color:#697b8f}.os-role-story>a{display:block;padding:32px;position:relative;flex:1}.os-role-story>a>span{font-size:9px;letter-spacing:.12em;color:#8ca4c2}.os-role-story>.ec-explore{margin:0 22px 22px;color:#dae5f2;border-color:#31475f;background:#142135}.os-role-story .ec-explore summary,.os-role-story .ec-explore p,.os-role-story .ec-explore li,.os-role-story .ec-explore dt,.os-role-story .ec-explore dd{color:inherit}.os-role-story .ec-explore h4{color:#e8eff9}.os-role-story .ec-explore a{color:#efbb77}.os-role-story .ec-explore b{position:static;font-size:inherit;color:inherit}.os-role-story .ec-explore button{color:#e4edf8;border-color:#53677d;background:transparent}
/* Older card rules target every descendant span. Preserve disclosure labels
   and icons when their content is nested inside those established layouts. */
.tech-layer-item>.ec-explore .ec-explore-label,.os-role-story>.ec-explore .ec-explore-label{font-size:12px;line-height:1.55;letter-spacing:normal;color:var(--ec-accent)}
.tech-layer-item>.ec-explore .ec-explore-mark,.os-role-story>.ec-explore .ec-explore-mark{font-size:19px;line-height:1.4;letter-spacing:normal;color:var(--ec-accent)}
.tech-layer-item>.ec-explore .ec-depth-section>summary>span,.os-role-story>.ec-explore .ec-depth-section>summary>span{font-size:15px;letter-spacing:normal;color:inherit}
.tech-layer-item>.ec-explore a>span,.os-role-story>.ec-explore a>span,.os-role-story>.ec-explore .ec-depth-perspective-notes>p>span{font-size:inherit;letter-spacing:normal;color:inherit}
.tech-layer-item>a:hover{background:#eaf1fc}
/* These panels inherit light text from the OS. Their hover, notes and controls
   must retain dark surfaces rather than the shared paper-card backgrounds. */
.network-os :is(.os-role-story,.n-resource-shell)>.ec-explore{--ec-accent:#efbb77!important;--ec-ink:#e3edf8;--ec-muted:#adc0d7;--ec-line:#31475f;--ec-tint:#162337;color:#e3edf8;border-color:#31475f;background:#142135;color-scheme:dark}
.network-os :is(.os-role-story,.n-resource-shell)>.ec-explore>summary:hover{background:#1e3049}
.network-os :is(.os-role-story,.n-resource-shell) .ec-depth-section>summary{color:#efbb77}
.network-os :is(.os-role-story,.n-resource-shell) .ec-depth-note{background:#1b2d43;border-left-color:#7893b4}
.network-os :is(.os-role-story,.n-resource-shell) .ec-depth-command-block,.network-os :is(.os-role-story,.n-resource-shell) .ec-copy-fallback{background:#102034;color:#e3edf8;border-color:#425975}
.network-os :is(.os-role-story,.n-resource-shell) .ec-explore :is(button,select){background:#122238;color:#e3edf8;border-color:#53677d}
.network-os :is(.os-role-story,.n-resource-shell) .ec-depth-proof{background:#172c29;border-left-color:#789e80}
.network-os :is(.os-role-story,.n-resource-shell) .ec-depth-proof.ec-depth-doesNotDemonstrate{background:#342a21;border-left-color:#bd9462}
@media(max-width:1100px){.tech-layer-item>a{padding:20px}.os-role-story>a{padding:25px}}
@media(max-width:960px){.world-chapter-shell>.ec-explore{margin-left:60px}.tech-layer-item{border-right:0;border-bottom:1px solid var(--line)}.tech-layer-item:last-child{border-bottom:0}.tech-layer-item>a{display:grid;grid-template-columns:25px minmax(0,1fr);gap:10px 15px}.tech-layer-item>a h3{margin-top:0}.tech-layer-item>a p{grid-column:2;margin-top:0}.tech-layer-item>.ec-explore{margin-left:60px}.os-role-story>a{padding:24px 20px}}
@media(max-width:720px){.world-chapter-shell>.ec-explore{margin-left:39px;margin-bottom:20px}.tech-layer-item>.ec-explore{margin:0 16px 16px}.os-role-story>a{padding:25px}.os-role-story>.ec-explore{margin:0 20px 20px}.n-resource-shell>.ec-explore{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.os-role-story{transition:none}}html[data-xp-motion=reduced] .os-role-story{transition:none}