.sequence-reader{max-width:1500px;margin:auto;padding:30px clamp(16px,4vw,60px)}.seq-intro{max-width:780px;margin:25px 0 45px}.seq-intro h1{font-family:Alamo,Georgia,serif;font-size:clamp(42px,7vw,88px);line-height:1.05}.seq-intro p{font-size:20px;line-height:1.6}.seq-note{font-size:14px!important}.seq-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;position:sticky;top:0;padding:14px;background:#f3eddf;z-index:5;border:1px solid #c7bca7}.seq-controls[hidden],.seq-page[hidden]{display:none}.seq-controls button,.seq-controls select{font:16px Georgia;padding:10px 14px;background:#fffaf0;border:1px solid #80705d;color:#30281f}.seq-controls button:disabled{opacity:.4;cursor:default}.seq-stage{background:#ddd3c2;padding:20px}.seq-page{margin:0}.seq-page img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.seq-page:first-child img,.seq-page:last-child img{width:auto;max-width:100%;max-height:85vh;margin:auto}.seq-page figcaption{font:14px/1.5 Georgia;padding:12px 0}.seq-stage.is-enlarged{overflow:auto}.seq-stage.is-enlarged img{width:max(100%,1200px);max-width:none;max-height:none;margin:0}.seq-notes{max-width:1000px;margin:35px auto;line-height:1.7}.seq-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:20px}.seq-shelf img{width:100%;height:320px;object-fit:contain}.seq-shelf a{padding:24px;background:#e8dfcf;text-decoration:none}.seq-shelf h2{font-size:28px}.sequence-reader :focus-visible{outline:3px solid #a6432e;outline-offset:4px}@media(max-width:650px){.seq-stage{padding:7px}.seq-stage.is-enlarged img{width:max(100%,240vw)}.seq-controls{gap:7px;padding:8px}.seq-controls button,.seq-controls select{font-size:14px;padding:9px}.seq-shelf{grid-template-columns:1fr}}
.seq-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.seq-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.seq-shelf{grid-template-columns:1fr}}