body{margin:0;background:#f7f5ee;color:#183c49;font:18px/1.7 system-ui,sans-serif}header{background:#183c49;padding:16px 24px;display:flex;gap:22px;flex-wrap:wrap}header a{color:#f3dfab}main{max-width:1120px;margin:auto;padding:28px}a{color:#23616b}h1{font-size:clamp(30px,4vw,48px);line-height:1.2}h2{font-size:27px}h3{font-size:22px}.eyebrow{font-size:13px;letter-spacing:1px;color:#735b28}.scope{border-left:4px solid #b08b3e;background:#f0eadb;padding:16px 20px}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.overview-grid>section{padding:18px;background:#fffefa;border:1px solid #cbd3cf;border-radius:8px}.diagram-scroll{overflow-x:auto;background:#fffefa;border:1px solid #cbd3cf;padding:12px}.pathway-diagram{display:block;width:100%;min-width:580px}.step{padding:22px 0;border-top:1px solid #cbd3cf}.step p{margin:8px 0}.step:target{background:#edf3ef;outline:3px solid #9bb7ad}.directory{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.directory a{display:block;padding:16px;border:1px solid #cbd3cf;background:#fffefa;border-radius:7px;text-decoration:none}.directory a:focus-visible,a:focus-visible{outline:3px solid #735b28;outline-offset:3px}nav.local{display:flex;gap:18px;flex-wrap:wrap;margin:24px 0}.small{font-size:15px;color:#526269}.reaction{font-weight:600}.interactive-book{display:block;width:100%;aspect-ratio:909/690;border:0}button{font:inherit;padding:8px 12px;background:#183c49;color:white;border:0;border-radius:5px;cursor:pointer}#book-viewport{overflow:auto;border:1px solid #cbd3cf;background:white}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}@media(max-width:700px){main{padding:18px}.overview-grid{grid-template-columns:1fr}.directory{grid-template-columns:1fr 1fr}}