*{box-sizing:border-box}body{margin:0;background:#f5f7f9;color:#14283f;font-family:Arial,Helvetica,sans-serif}main{max-width:1400px;margin:0 auto;padding:28px clamp(16px,4vw,48px)}a{color:#2366ad}h1{font-size:clamp(26px,4vw,44px);line-height:1.15}p{max-width:80ch;line-height:1.6;color:#526276}#zoom{width:22px;height:22px;vertical-align:middle;margin:16px 10px 16px 0;accent-color:#087f83}label{font-weight:700;cursor:pointer}.viewport{margin-top:12px;overflow:auto;border:1px solid #e1e7ec;border-radius:12px;background:white}.viewport img{display:block;width:100%;height:auto}#zoom:checked~.viewport img{width:1600px;max-width:none}:focus-visible{outline:3px solid #087f83;outline-offset:4px}.back{display:inline-flex;align-items:center;min-height:44px}