*{box-sizing:border-box}
    body{margin:0;background:#eaf0f6;color:#061b46;font-family:Arial,sans-serif}
    .bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 20px;background:#061b46;color:#fff;position:sticky;top:0;z-index:2}
    .brand{font-size:18px;font-weight:800;margin-right:auto}
    .bar button,.bar select,.bar a{border:1px solid #9bb2ce;border-radius:8px;background:#fff;color:#061b46;padding:9px 12px;font:700 14px Arial,sans-serif;text-decoration:none;cursor:pointer}
    .bar button:disabled{opacity:.45;cursor:default}
    .bar select{max-width:min(430px,80vw)}
    main{max-width:1900px;margin:auto;padding:16px 24px 28px;min-height:calc(100vh - 70px);display:flex;flex-direction:column;align-items:center;justify-content:center}
    main.zoomed{max-width:none;min-height:0}
    h1{font-size:24px;margin:8px 0 4px;text-align:center}
    .subtitle{margin:0 0 12px;color:#536985;text-align:center;font-size:15px}
    figure{margin:0;width:100%;overflow:auto}
    figure img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 190px);margin:auto;background:#fff;border-radius:12px;box-shadow:0 7px 24px #061b4622}
    main.zoomed figure img{max-width:none;max-height:none;margin:0}
    .hint{color:#536985;font-size:13px;margin:12px 0 0;text-align:center}
    @media print{
      .bar,.hint{display:none}body{background:#fff}
      main,main.zoomed{padding:0;max-width:none;min-height:0}
      figure{overflow:visible}
      figure img,main.zoomed figure img{width:100%!important;max-width:100%;max-height:235mm;box-shadow:none}
      h1{font-size:16pt}.subtitle{font-size:10pt}
      @page{size:A4 landscape;margin:8mm}
    }