/* Isolated showcase rules: original personal Nexus styles are untouched. */
.legacy .topbar{height:70px;gap:12px;padding:0 22px}.legacy .brand{min-width:205px;flex:1}.legacy .brand-name{font-size:14px}.legacy .brand-sub{font-size:7px}.legacy .search-wrap{max-width:270px;width:24vw}
.legacy .graph-world{inset:70px 0 43px;z-index:1}.legacy .graph-heading{top:26px}.legacy .graph-summary{top:51px}.legacy .graph-bottom{bottom:20px}
.legacy .footer{position:fixed;bottom:0;left:0;right:0;z-index:12;display:flex;gap:18px;justify-content:space-between;height:43px;background:#050b19e8;padding:0 22px;font-size:10px}
.legacy-review-badge{color:#ebcf9d;letter-spacing:.07em;font-size:9px}.legacy .legacy-footer-hint{color:#8da9c9}
.legacy-panel{position:fixed;top:166px;bottom:205px;z-index:5;padding:19px;overflow:auto;scrollbar-width:thin;scrollbar-color:#4d5783 transparent}
.legacy-navigation{left:22px;width:205px}.legacy-details{right:22px;width:304px}.legacy-panel .section-label{margin-bottom:12px}.legacy-panel nav{display:grid;gap:5px}.legacy-panel .secondary-button{margin-top:15px}
.legacy .story-title{font:24px/1.15 Georgia,serif;margin:13px 0}.legacy .story-text{line-height:1.75;color:#bdcde3}.legacy .story-note{padding:12px;border-left:2px solid #91c9ef77;background:#70b5f509;color:#a8c0da;font-size:11px}
.legacy .story-meta{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.legacy .story-meta span{border:1px solid #8ca6dc33;border-radius:12px;padding:3px 8px;font-size:9px;letter-spacing:.04em}
.legacy .connections button{width:100%;text-align:left;display:block;border:1px solid #7896c726;border-radius:9px;padding:10px;margin:7px 0;background:#4c79b00a;color:#b8cce5}.legacy .connections button small{display:block;color:#8a9fbf;font-size:10px;margin-top:3px}
.legacy .source-link{color:#9edfff;overflow-wrap:anywhere}.legacy .source-list{display:grid;gap:12px;padding-left:20px}.legacy .source-summary{white-space:pre-wrap;line-height:1.8}.legacy .story-actions{display:flex;gap:8px;margin-top:18px}.legacy .story-actions button{flex:1}
.legacy .lyra-launcher{position:fixed;left:4px;bottom:48px;width:126px;height:136px;padding:0;border:0;background:transparent;z-index:8;filter:drop-shadow(0 0 12px #15adff32);animation:lyra-breath 5s ease-in-out infinite}
.legacy .lyra-launcher img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.legacy .lyra-launcher:hover{filter:drop-shadow(0 0 17px #28c8ff80)}.legacy .lyra-launcher:focus-visible{outline:1px solid #80dcff;border-radius:50%}
.legacy .timeline{width:min(600px,80vw);gap:7px}.legacy .timeline .time-text{min-width:138px;max-width:210px}.legacy .time-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.legacy .time-text span{font-size:7px}.legacy .timeline input{flex:1;min-width:40px}
.legacy .graph-tools{height:48px}.legacy .graph-tip{margin-top:8px}.legacy .trace-banner{top:88px;max-width:500px}.legacy .text-button{white-space:nowrap}
.legacy .error-state{position:fixed;left:15%;right:15%;top:32%;padding:30px;z-index:8}.legacy button.active{background:#839bff20;border-color:#8eb9ed50;color:#dcecff}
@keyframes lyra-breath{50%{filter:drop-shadow(0 0 15px #1baaff55);transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.legacy .lyra-launcher{animation:none}}
@media(max-width:900px){.legacy .brand{min-width:170px}.legacy .brand-sub{letter-spacing:.12em}.legacy .topbar{padding:0 12px;gap:6px}.legacy-panel{top:151px;bottom:213px}.legacy .legacy-footer-hint{display:none}.legacy .graph-tools{gap:3px;padding:0 12px}.legacy .graph-tools .tool-sep{margin:0 3px}.legacy .lyra-launcher{width:105px;height:120px;bottom:50px}}
@media(max-width:620px){.legacy .topbar{height:60px;flex-wrap:nowrap}.legacy .brand{min-width:0}.legacy .brand-name{font-size:10px;letter-spacing:.17em}.legacy .brand-sub{font-size:5px;letter-spacing:.04em}.legacy .search-wrap{position:absolute;left:12px;right:12px;top:67px;max-width:none;width:auto}.legacy .searchbox{height:31px;background:#071025db}.legacy .search-results{left:0;right:0;width:auto}.legacy .graph-world{top:100px}.legacy .graph-heading{top:13px}.legacy .graph-summary{top:36px;gap:9px;font-size:9px}.legacy .graph-summary #lensLabel{display:none}.legacy .graph-heading .eyebrow{font-size:8px}.legacy .graph-bottom{bottom:21px;width:100%;left:0;transform:none}.legacy .graph-tools{width:calc(100% - 20px);margin:0 10px;gap:2px;padding:0 5px;height:42px}.legacy .icon-button{width:28px;height:31px}.legacy .graph-tools .tool-sep{display:none}.legacy .text-button{font-size:10px;padding:4px}.legacy .zoom-label{font-size:9px;min-width:31px}.legacy .timeline{width:calc(100% - 24px);margin:9px 12px 0}.legacy .timeline .time-text{min-width:85px;max-width:110px}.legacy .time-text strong{font-size:8px}.legacy .time-text span{font-size:6px}.legacy .graph-tip{font-size:8px}.legacy .lyra-launcher{width:75px;height:90px;bottom:175px;left:0}.legacy-panel{top:157px;bottom:220px;width:calc(100% - 24px);left:12px;right:12px;padding:15px}.legacy .footer{font-size:8px;padding:0 9px;gap:6px}.legacy-review-badge{font-size:7px;max-width:230px}.legacy .trace-banner{top:61px;font-size:9px;width:calc(100% - 30px)}.legacy dialog{max-width:calc(100% - 24px);padding:20px}}

/* Keep Chapters and the Footsteps introduction visible together on narrow screens. */
@media(max-width:620px){
 .legacy:has(#navigationPanel:not([hidden])):has(#detailsPanel:not([hidden])) #navigationPanel{bottom:calc(50% + 8px)}
 .legacy:has(#navigationPanel:not([hidden])):has(#detailsPanel:not([hidden])) #detailsPanel{top:calc(50% + 4px)}
}
@media(max-width:620px) and (max-height:600px){
 .legacy-panel{top:140px;bottom:140px}
 .legacy:has(#navigationPanel:not([hidden])):has(#detailsPanel:not([hidden])) #navigationPanel{bottom:calc(50% + 6px)}
 .legacy:has(#navigationPanel:not([hidden])):has(#detailsPanel:not([hidden])) #detailsPanel{top:calc(50% + 6px)}
}