/* Lezer: krant bekijken met zoom, zonder download */
.lezer{background:var(--soft);padding:18px 0 0;position:relative}
.lezer-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}
.lezer-title{margin:4px 0 0;font-size:20px;line-height:1.2;font-weight:800;letter-spacing:-0.02em}
.tool{height:44px;min-width:44px;padding:0 10px;border-radius:999px;border:1.5px solid #E4E4E2;background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:14px;font-weight:700;cursor:pointer}
.tool.share{flex:none}
.tool.share span{display:none}
.lezer-body .nav{display:none}
.stage-wrap{position:relative;height:calc(100svh - 190px);min-height:420px;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab}
.stage-wrap:active{cursor:grabbing}
.page-frame{position:absolute;inset:0 12px 72px;display:flex;align-items:flex-start;justify-content:center}
.page-frame img{max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 18px 50px rgba(20,20,20,0.18),0 2px 6px rgba(20,20,20,0.08);background:#fff;-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none;transition:opacity .2s}
.page-frame img.loading{opacity:.35}
.edge{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:0;background:rgba(20,20,20,0.82);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3}
.edge.prev{left:8px}.edge.next{right:8px}
.edge[disabled]{opacity:0;pointer-events:none}
.hint{position:absolute;left:50%;bottom:86px;transform:translateX(-50%);background:rgba(20,20,20,0.82);color:#fff;font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;pointer-events:none;transition:opacity .4s;white-space:nowrap}
.hint.gone{opacity:0}
.toolbar{position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:12px;background:linear-gradient(180deg,rgba(246,246,244,0),var(--soft) 30%)}
.tgroup{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #ECECEA;border-radius:999px;padding:4px;box-shadow:0 10px 24px rgba(20,20,20,0.08)}
.tgroup .tool{border:0;height:40px;min-width:40px}
.zoomval{min-width:46px;text-align:center;font-size:13px;font-weight:700;color:#55555B}
.pg{height:40px;border-radius:999px;border:0;background:transparent;display:flex;align-items:center;gap:6px;padding:0 10px 0 4px;font-size:13px;font-weight:700;cursor:pointer;color:#55555B}
.pg img{width:24px;height:34px;object-fit:cover;object-position:top;border-radius:4px;border:1px solid #E4E4E2}
.pg.on{background:var(--ink);color:#fff}
.lezer-info{display:flex;flex-direction:column;gap:20px;padding-top:36px;padding-bottom:56px}
.lezer-stars{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:10px}
.lezer-nav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
@media (min-width:900px){
  .lezer-title{font-size:28px}
  .tool.share span{display:inline}
  .tool.share{padding:0 16px}
  .lezer-body .nav{display:flex}
  .stage-wrap{height:calc(100vh - 210px)}
  .page-frame{align-items:center}
  .edge.prev{left:calc(50% - 420px)}.edge.next{right:calc(50% - 420px)}
  .lezer-stars{grid-template-columns:repeat(3,minmax(0,1fr))}
}