.story-connections{margin:1.7rem 0 0;padding-top:.9rem;border-top:1px solid #c9a96b55;text-align:left;max-width:660px}
.story-connections .thread-label{display:flex;align-items:center;gap:.6rem;font:500 .64rem/1.5 'Montserrat',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold,#c9a96b);margin:0 0 .2rem}
.thread-label span{position:relative;font-size:1.05rem}
.thread-label span:after{content:'';position:absolute;inset:2px;border:1px solid currentColor;border-radius:50%;animation:connection-breathe 4s ease-in-out infinite}
.story-connections a{display:grid;grid-template-columns:1fr auto;gap:.22rem 1rem;padding:.8rem 0;color:inherit;text-decoration:none;border-bottom:1px solid #c9a96b28;transition:color .25s,transform .4s}
.story-connections a>span{font:400 1.03rem/1.4 'Playfair Display',serif;color:var(--gold,#c9a96b)}
.story-connections a>small{grid-column:1;display:block;font:400 .72rem/1.7 'Montserrat',sans-serif;letter-spacing:0;color:inherit;opacity:.84;max-width:56ch}
.story-connections a>i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;color:var(--gold,#c9a96b);transition:transform .3s}
.story-connections a:hover>i{transform:translateX(5px)}
.story-connections a:focus-visible,.connection-back:focus-visible{outline:2px solid #c9a96b;outline-offset:4px}
.chapter-copy>.story-connections{max-width:470px;margin-top:1.2rem}
.chapter-copy>.story-connections small{font-size:.68rem}
.chapter-copy>.story-connections a{padding:.6rem 0}
.connection-bar{position:sticky;top:0;z-index:12;padding:.55rem 1.3rem;background:#081c15f5;border-bottom:1px solid #c9a96b55;display:flex;align-items:center;gap:.8rem;color:#e7ded1;font:400 .7rem/1.5 'Montserrat',sans-serif}
.connection-bar[hidden]{display:none}
.connection-back{font:inherit;color:#c9a96b;display:flex;align-items:center;gap:.6rem;min-height:44px;text-align:left;background:transparent;border:0;padding:.2rem;cursor:pointer}
.connection-back span{font-size:1.2rem}
.connection-bar small{margin-left:auto;font-size:.62rem;letter-spacing:.05em;color:#aeb7b8}
.connection-header{flex-wrap:wrap}
.molecular-header.connection-header>div:not(.connection-bar),.research-header.connection-header>div:not(.connection-bar),.history-header.connection-header>div:not(.connection-bar):not(.history-header-actions){flex:1;min-width:0}
.connection-header>.connection-bar{position:static;flex:1 0 100%;order:-1;padding:0 0 .4rem;margin:0 0 .3rem;border:0;background:transparent}
.molecular-page .story-connections,.history-page .story-connections,.research-page .story-connections{color:#e7ded1}
.molecular-study-reading>.story-connections{margin-bottom:1.2rem}
.molecular-static .story-connections{break-inside:avoid}
@keyframes connection-breathe{0%,100%{opacity:.1;transform:scale(.8)}50%{opacity:.7;transform:scale(1.5)}}
body.reduced-motion .thread-label span:after{animation:none}
body.reduced-motion .story-connections a,body.reduced-motion .story-connections a>i{transition:none}
@media(prefers-reduced-motion:reduce){body:not(.motion-opt-in) .thread-label span:after{animation:none}body:not(.motion-opt-in) .story-connections a,body:not(.motion-opt-in) .story-connections a>i{transition:none}}
@media(max-width:700px){.connection-bar{padding:.55rem 1rem;gap:.5rem}.connection-bar small{display:none}.connection-back{font-size:.67rem}.chapter-copy>.story-connections{margin-top:1.5rem}.story-connections a>small{font-size:.7rem}}
@media print{.story-connections{border-color:#666;color:#17271e!important;max-width:none}.story-connections a>span,.thread-label{color:#17271e!important}.thread-label span:after{animation:none}.connection-bar{display:none}}