/* Verwijskaartje naar de bijsluitervideo (16-10-2026).
   De video speelt alleen op /bijsluiter/; elders staat dit kaartje met de poster en een link.
   Varianten: .bsk (hele kaart is de link), .bsk--verwijzer (video + boekje), .bsk-regel (korte regel).
   De kleuren en lettertypen komen uit de :root-variabelen van elke pagina. */

.bsk{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:18px;align-items:center;max-width:620px;margin:28px 0 0;padding:12px 20px 12px 12px;background:var(--surface,#fff);border:2.5px solid var(--ink,#211733);border-radius:var(--radius-lg,22px);box-shadow:4px 4px 0 var(--ink,#211733);color:var(--text,#241A36);text-decoration:none;transition:transform .25s var(--ease,ease),box-shadow .25s}
a.bsk:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--roze,#F14B7C)}
a.bsk:hover .bsk-actie{text-decoration:underline;text-underline-offset:3px}
.bsk--midden{margin-left:auto;margin-right:auto}

.bsk-beeld{position:relative;display:block;aspect-ratio:16/9;border:2px solid var(--ink,#211733);border-radius:12px;overflow:hidden;background:#F7F2EA}
.bsk-beeld img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.bsk-play{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:var(--roze,#F14B7C);color:#fff;display:grid;place-items:center;box-shadow:0 4px 14px rgba(34,24,51,.28);transition:transform .25s var(--ease,ease)}
.bsk-play svg{width:20px;height:20px;margin-left:3px}
a.bsk:hover .bsk-play,a.bsk-beeld:hover .bsk-play{transform:scale(1.08)}
.bsk-duur{position:absolute;right:6px;bottom:6px;padding:1px 7px;border-radius:6px;background:rgba(34,24,51,.86);color:#fff;font-family:var(--font-body,system-ui,sans-serif);font-size:.72rem;font-weight:700;line-height:1.5}

.bsk-tekst{display:flex;flex-direction:column;gap:4px;min-width:0}
.bsk-kicker{font-family:var(--font-display,system-ui,sans-serif);font-weight:700;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--roze,#F14B7C)}
.bsk-titel{font-family:var(--font-display,system-ui,sans-serif);font-weight:800;font-size:1.06rem;line-height:1.25;letter-spacing:-.01em;color:var(--aubergine-deep,#221833)}
.bsk-sub{margin:0;max-width:none;font-size:.9rem;line-height:1.45;color:var(--muted,#6B5E7C)}
.bsk-actie{font-family:var(--font-display,system-ui,sans-serif);font-weight:700;font-size:.92rem;color:var(--roze,#F14B7C)}
.bsk-links{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:2px}
.bsk-links a{font-family:var(--font-display,system-ui,sans-serif);font-weight:700;font-size:.92rem;color:var(--roze,#F14B7C);text-decoration:underline;text-underline-offset:3px}
.bsk-links a:hover{color:var(--aubergine-deep,#221833)}

/* Korte regel met een afspeelrondje */
.bsk-regel{display:flex;align-items:center;gap:10px;margin:22px 0 0;max-width:none;font-size:.98rem;color:var(--text,#241A36)}
.bsk-regel .bsk-rond{flex:none;width:30px;height:30px;border-radius:50%;background:var(--roze,#F14B7C);color:#fff;display:grid;place-items:center}
.bsk-regel .bsk-rond svg{width:14px;height:14px;margin-left:2px}
.bsk-regel a{color:var(--roze,#F14B7C);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.bsk-regel--midden{justify-content:center;text-align:left}
.bsk-regel[hidden]{display:none}

@media (max-width:520px){
  .bsk{grid-template-columns:108px minmax(0,1fr);gap:12px;padding:10px 12px 10px 10px;box-shadow:3px 3px 0 var(--ink,#211733)}
  .bsk-beeld{border-radius:9px}
  .bsk-play{width:32px;height:32px;margin:-16px 0 0 -16px}
  .bsk-play svg{width:14px;height:14px;margin-left:2px}
  .bsk-duur{display:none}
  .bsk-titel{font-size:.97rem}
  .bsk-kicker{font-size:.68rem}
  .bsk--verwijzer{align-items:start}
}

@media print{.bsk,.bsk-regel{display:none!important}}