/* The reading area and its actions stay inside the space between header and guide. */
:root{--story-top:120px;--story-bottom:150px}
.chapter-copy{top:var(--story-top);bottom:var(--story-bottom);height:auto;transform:none;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:0}
.chapter-reading{min-height:0;flex:0 1 auto;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#617661 transparent;padding-right:10px;scroll-padding-block:14px}
.chapter-actions{flex:0 0 auto;padding-top:12px}
.chapter-actions .text-link{margin:0;padding-block:10px}
.chapter-actions .primary{margin-top:0}
.chapter-actions .journey-promise{margin-bottom:0}
.chapter-reading:focus-visible{outline:1px solid var(--brass);outline-offset:5px}

/* Relations live in their own reading panel, separate from the landscape. */
.network-board{position:fixed;z-index:5;left:43%;right:var(--gutter);top:var(--story-top);max-height:calc(100dvh - var(--story-top) - var(--story-bottom));padding:25px 27px;background:rgba(11,28,30,.97);border:1px solid #82917b55;box-shadow:0 15px 50px #0003;overflow-y:auto;scrollbar-width:thin;visibility:hidden;opacity:0;pointer-events:none}
.active .network-board{visibility:visible;opacity:1;pointer-events:auto}
.network-board h3{font:400 clamp(27px,2.5vw,39px)/1.15 Museum,Georgia,serif;margin:0 0 10px}
.chapter .network-explainer{font-size:12px;line-height:1.7;max-width:64ch;margin:0;color:#b9c7b9}
.chapter .network-transfer{font-size:11px;max-width:none;line-height:1.5;margin:19px 0 7px;color:#a9bca9}
.network-transfer strong{font-weight:500;color:var(--brass)}
.network-visual{position:relative;aspect-ratio:640/300;width:100%;isolation:isolate}
.network-visual>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.network-link{fill:none;stroke-width:1.6}
.network-link-primary{stroke:var(--brass)}
.network-link-secondary{stroke:#728b7a;stroke-width:1.2}
.network-node{position:absolute;display:flex;flex-direction:column;justify-content:center;gap:7px;min-height:70px;padding:12px 15px;text-align:left;background:#172e2f;border:1px solid #59715c80;color:var(--paper);font:inherit}
button.network-node:hover{background:#203a37;border-color:var(--brass)}
.network-node>span{font:400 10px/1.5 Onest,Arial,sans-serif;color:#adbfad}
.network-node>strong{font:400 clamp(21px,2.2vw,33px)/1.1 Museum,Georgia,serif}
.network-node>small{font:400 9px/1.5 Onest,Arial,sans-serif;color:var(--brass)}
.network-plisa{left:0;top:0;width:38%;height:40%;border-color:#b797625e}
.network-enterprise{left:0;bottom:0;width:38%;height:40%}
.network-enterprise>strong{font-size:clamp(20px,2.2vw,28px)}
.network-unit{right:0;top:29%;width:34%;height:42%;background:#223c35;border-color:#9b9b6a99}
.chapter .network-help{font-size:10px;line-height:1.7;max-width:67ch;margin:11px 0 0;color:#a1b4a1}

@media(min-width:651px) and (max-height:740px){:root{--story-top:104px;--story-bottom:140px}.network-board{padding:18px 22px}.chapter .network-explainer{font-size:11px}.chapter .network-transfer{margin-top:13px}.network-board h3{font-size:29px}.network-node{padding:8px 12px;gap:4px}}
@media(min-width:651px) and (max-width:900px){.network-board{left:42%;padding:18px}.network-node{padding:8px;gap:4px}.network-node>span{font-size:8px}.network-node>strong{font-size:22px}.network-node>small{font-size:8px}.chapter .network-explainer{font-size:10px}.network-visual{aspect-ratio:640/360}.network-plisa,.network-enterprise{height:35%}.network-node{min-height:76px}.network-unit{top:30%;height:40%}}
@media(max-width:650px){:root{--story-top:31dvh;--story-bottom:146px}.chapter-copy{top:var(--story-top);bottom:var(--story-bottom);transform:none}.chapter-actions{padding-top:8px}.chapter-reading{padding-right:7px}.network-board{top:85px;left:var(--gutter);right:var(--gutter);padding:12px 14px;max-height:27dvh}.network-board h3{font:400 23px/1.15 Museum,Georgia,serif;margin:0 0 8px}.chapter .network-explainer{font-size:10px;line-height:1.5}.chapter .network-transfer{font-size:10px;line-height:1.5;margin:10px 0 4px}.network-visual{aspect-ratio:640/300;min-height:140px}.network-node{padding:7px;gap:4px;min-height:65px}.network-node>span{font-size:8px}.network-node>strong{font-size:18px}.network-node>small{font-size:8px}.network-plisa,.network-enterprise{height:43%}.network-plisa{top:0}.network-enterprise{bottom:0}.network-unit{top:29%;height:46%}.network-board .network-help{font-size:9px;margin-top:8px}#network .chapter-copy{top:calc(85px + 27dvh + 16px)}}
@media(max-width:380px){:root{--story-bottom:136px}.chapter-copy{bottom:var(--story-bottom)}.network-node>strong{font-size:16px}}
@media(max-height:560px){:root{--story-top:95px;--story-bottom:130px}.chapter-copy{top:var(--story-top);bottom:var(--story-bottom)}.chapter-actions .journey-promise{display:none}.network-board{top:var(--story-top);max-height:calc(100dvh - var(--story-top) - var(--story-bottom))}}
@media(min-width:651px) and (max-width:900px){.network-enterprise>strong{font-size:18px}.network-node>small{display:none}}
@media(max-width:650px){.network-board .network-explainer,.network-board .network-help,.network-node>small{display:none}.network-enterprise>strong{font-size:16px}#network h2{font-size:36px;line-height:1.05;margin:8px 0 12px}}
@media(max-width:650px){:root{--story-bottom:170px}}
@media(max-width:380px){:root{--story-bottom:165px}}