*{box-sizing:border-box}html{background:#0a141b;color:#edf4f1;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}body{margin:0}a{color:inherit}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid #f4b84a;outline-offset:3px}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px clamp(16px,3vw,35px);background:#10262e;border-bottom:1px solid #516d70;font-size:.76rem;letter-spacing:.08em}header a{text-decoration:none;border-bottom:1px solid #9bb5b0;padding-bottom:3px}
main{max-width:1600px;margin:auto;padding:18px clamp(12px,3vw,36px) 40px}.heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.eyebrow{font-size:.65rem;letter-spacing:.2em;color:#a7c4bd}h1{font:normal clamp(1.8rem,3vw,3.1rem) Georgia,serif;margin:7px 0 16px}.heading p{color:#b9cbc5;font-size:.78rem;text-align:right}.tools{display:flex;gap:7px;align-items:center;margin:6px 0 12px}.tools button{min-height:39px;border:1px solid #799a94;background:#1b3840;color:#edf4f1;border-radius:5px;padding:6px 12px}.tools button:hover{background:#2a525b}.tools span{font-size:.7rem;color:#a9c6c0;margin-left:auto}.viewport{height:calc(100svh - 185px);min-height:350px;overflow:auto;background:#a6aca9;box-shadow:0 10px 35px #0008;cursor:grab;touch-action:pan-x pan-y}.viewport:active{cursor:grabbing}.viewport img{display:block;max-width:none;height:auto;box-shadow:0 2px 20px #0005}
@media(max-width:600px){header span{display:none}.heading{align-items:start;flex-direction:column;gap:0}.heading p{margin:0 0 12px;text-align:left}.tools button span{display:none}.viewport{height:calc(100svh - 220px)}}