/* Laurabos Elements — Golfregels Quiz. Volledig gescopeerd per widget. */
.lbq{
  --lbq-green:#17352e;--lbq-terracotta:#b76750;--lbq-cream:#f5f2ea;
  width:100%;max-width:100%;box-sizing:border-box;padding:clamp(18px,3vw,42px);
  background:var(--lbq-cream);color:var(--lbq-green);border-radius:16px;
  font:inherit;
}
.lbq *, .lbq *::before,.lbq *::after{box-sizing:border-box}
.lbq [hidden]{display:none!important}
.lbq-head{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:10px 24px;margin-bottom:clamp(18px,2vw,28px)}
.lbq-eyebrow{font-size:11px!important;letter-spacing:.16em;font-weight:700;text-transform:uppercase;color:var(--lbq-terracotta);margin-bottom:9px}
.lbq-heading{margin:0!important;padding:0!important;font:inherit;font-size:clamp(25px,3vw,42px)!important;line-height:1.12!important;letter-spacing:-.025em;color:var(--lbq-green);font-weight:600}
.lbq-week{text-transform:uppercase;font-size:12px;letter-spacing:.1em;font-weight:600;color:var(--lbq-terracotta);white-space:nowrap}
.lbq-message{padding:26px 18px;border:1px dashed #cfcac0;border-radius:10px;text-align:center;color:var(--lbq-green);font-size:15px}
.lbq-status-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}
.lbq-stage-caption{text-transform:uppercase;font-size:12px;letter-spacing:.1em;font-weight:700;color:var(--lbq-green)}
.lbq-count{font-size:13px;color:var(--lbq-green);font-weight:500}
.lbq-image-frame{
  appearance:none;display:block;position:relative;overflow:hidden;width:100%;height:auto;margin:0;padding:0;
  background:#e9e6de;border:0!important;box-shadow:none!important;border-radius:12px;
  cursor:zoom-in;text-align:center;line-height:0;transition:filter .2s ease;
}
.lbq-image-frame:hover{filter:brightness(.97)}
.lbq-image-frame:focus-visible,.lbq-btn:focus-visible,.lbq-dialog-close:focus-visible{outline:3px solid var(--lbq-terracotta)!important;outline-offset:3px}
.lbq-image-frame img{display:block;width:100%;height:auto!important;max-width:100%;object-fit:contain;border:0;line-height:normal}
.lbq-zoom-label{display:block;position:absolute;bottom:12px;right:12px;padding:8px 11px;border-radius:8px;background:rgba(13,41,36,.85);color:#fff;font-size:12px;line-height:1.1;pointer-events:none}
.lbq-controls{display:flex;gap:12px;justify-content:space-between;align-items:stretch;margin-top:19px}
.lbq-btn{
  appearance:none;display:inline-flex!important;align-items:center;justify-content:center;gap:9px;
  min-height:45px;margin:0!important;padding:11px 18px!important;border:1px solid #17352e!important;
  border-radius:9px;background:transparent;color:var(--lbq-green);
  text-decoration:none!important;text-transform:none;font:inherit;font-size:14px;font-weight:600;
  line-height:1.3!important;cursor:pointer;transition:background-color .18s,color .18s,border-color .18s;
}
.lbq-btn:disabled{opacity:.32;cursor:not-allowed}
.lbq-btn.lbq-next{background:var(--lbq-terracotta);border-color:var(--lbq-terracotta);color:#fff;flex:1;max-width:360px}
.lbq-btn.lbq-next:hover,.lbq-btn.lbq-next:focus-visible{background:#98513e!important;border-color:#98513e!important;color:#fff!important}
.lbq-btn.lbq-prev:not(:disabled):hover{background:rgba(23,53,46,.08)!important}
.lbq-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:17px}
.lbq-progress-segment{display:block;min-width:0;height:4px;border-radius:4px;background:#d5d0c7;transition:background-color .18s}
.lbq-progress-segment.on{background:var(--lbq-terracotta)}
.lbq-footer{margin-top:clamp(24px,4vw,42px);padding-top:21px;border-top:1px solid #ddd9cf;text-align:center;color:var(--lbq-green)}
.lbq-footer p{margin:0 0 12px;font-size:15px;line-height:1.65}
.lbq-footer a{color:var(--lbq-terracotta);text-decoration:underline;text-underline-offset:3px}
.lbq-footer .lbq-footer-intro{margin-bottom:20px}
.lbq-footer .lbq-footer-note{font-style:italic;opacity:.78}
.lbq-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.lbq-dialog{border:0;padding:0;margin:auto;position:fixed;inset:0;max-width:min(97vw,1500px);max-height:95vh;border-radius:10px;background:#f5f2ea;box-shadow:0 20px 90px rgba(0,0,0,.36);overscroll-behavior:contain}
.lbq-dialog::backdrop{background:rgba(4,17,14,.89)}
.lbq-dialog-inner{position:relative;padding:46px 12px 12px;max-height:95vh;overflow:auto}
.lbq-dialog img{display:block;margin:auto;max-width:100%;height:auto;max-height:calc(95vh - 64px);object-fit:contain}
.lbq-dialog-hint{margin:0 50px 10px 0;color:#17352e;font-size:12px;text-align:left}
.lbq-dialog-close{display:flex;align-items:center;justify-content:center;position:absolute;z-index:2;top:6px;right:7px;width:36px;height:36px;border:0;border-radius:7px;background:#17352e;color:#fff;font-size:26px;line-height:1;cursor:pointer}
@media(max-width:767px){
  .lbq{padding:15px;border-radius:12px}
  .lbq-head{margin-bottom:13px}
  .lbq-heading{font-size:26px!important}
  .lbq-week{font-size:10px}
  .lbq-status-row{margin-bottom:9px}
  .lbq-image-frame{border-radius:9px}
  .lbq-zoom-label{bottom:7px;right:7px;font-size:10px;padding:7px 9px}
  .lbq-controls{gap:8px;margin-top:12px}
  .lbq-btn{font-size:12px;min-height:42px;padding:10px 12px!important}
  .lbq-btn.lbq-prev{flex:0 0 auto}
  .lbq-btn.lbq-next{max-width:none;min-width:0}
  .lbq-progress{margin-top:12px}
  .lbq-footer{margin-top:25px;padding-top:18px}
  .lbq-footer p{font-size:13px}
  /* In de lightbox blijft de cartoon leesbaar: horizontaal en verticaal vegen. */
  .lbq-dialog-inner{overflow:auto;max-height:92vh;overscroll-behavior:contain}
  .lbq-dialog img{width:900px;max-width:none;max-height:none;height:auto}
}
@media(prefers-reduced-motion:reduce){.lbq *{transition:none!important;animation:none!important}}