.portfolio{padding:58px 5vw 80px;max-width:1700px;margin:auto}
.reader-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:32px}
.reader-heading .eyebrow{margin-bottom:12px}.reader-heading h1{font-size:clamp(36px,4vw,64px);margin:0}
.reader{background:#102d23;border:1px solid #c4a56845;color:#f5f1e7}
.reader-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid #c4a56845;flex-wrap:wrap}
.reader-pages,.reader-zoom{display:flex;align-items:center;gap:12px;font-size:13px}
.reader-toolbar label{margin:0;color:#c9cfbf}.reader-toolbar input{width:64px;padding:7px 5px;text-align:center;background:#f5f1e7;border:0;font-size:14px;font-variant-numeric:tabular-nums}
.reader-toolbar button{min-width:36px;min-height:36px;border:1px solid #c4a56866;background:transparent;color:#f5f1e7;cursor:pointer;line-height:1;padding:8px 10px}
.reader-toolbar button:hover{background:#c4a568;color:#012118}.reader-toolbar button:disabled{opacity:.3;cursor:default;background:transparent;color:inherit}
.reader-zoom output{width:45px;text-align:center;font-variant-numeric:tabular-nums;font-size:12px}
.reader-stage{overflow:auto;max-height:82svh;padding:28px;overscroll-behavior-x:contain}
.reader-sheet{width:100%;max-width:1300px;margin:auto;box-shadow:0 10px 35px #0005;background:#f5f1e7}
.reader-sheet img{width:100%;height:auto;aspect-ratio:1300/920;object-fit:contain;display:block;user-select:none}
.reader-bottom{display:flex;justify-content:space-between;gap:20px;padding:12px 20px;color:#bdc8b7;font-size:12px}.reader-bottom p{margin:0}
.reader[aria-busy=true] .reader-sheet{opacity:.65}
@media(max-width:700px){.portfolio{padding:35px 3vw 55px}.reader-heading{display:block;padding:0 3vw}.reader-heading .text-link{margin-top:22px}.reader-toolbar{padding:12px;justify-content:center;gap:12px 24px}.reader-pages,.reader-zoom{gap:10px}.reader-stage{padding:10px;max-height:75svh}.reader-bottom{display:block;text-align:center;font-size:11px}.reader-bottom p+p{margin-top:6px}}
