{"id":36554,"date":"2026-05-22T20:32:33","date_gmt":"2026-05-22T18:32:33","guid":{"rendered":"https:\/\/dibl.eu\/dibl-skabeloner\/"},"modified":"2026-07-02T12:32:29","modified_gmt":"2026-07-02T10:32:29","slug":"dibl-skabeloner","status":"publish","type":"page","link":"https:\/\/dibl.eu\/da\/dibl-skabeloner\/","title":{"rendered":"DiBL-skabeloner"},"content":{"rendered":"<p>[vc_row][vc_column][vc_column_text]<meta charset=\"utf-8\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n.dibl-templates-root, .dibl-templates-root *, .dibl-templates-root *::before, .dibl-templates-root *::after { box-sizing: border-box; margin: 0; padding: 0; }\n.dibl-templates-root {\n    --teal:        #17A9C8;\n    --teal-light:  #E8F7FB;\n    --orange:      #F07C1A;\n    --orange-light:#FEF0E3;\n    --amber:       #FCAF18;\n    --amber-light: #FEF6E0;\n    --navy:        #0D3C5A;\n    --navy-mid:    #1A5275;\n    --bg:          #F5F7FA;\n    --bg-white:    #FFFFFF;\n    --text:        #0D3C5A;\n    --text-mid:    #3A5A72;\n    --text-muted:  #6B8699;\n    --border:      #E0EAF0;\n    --border-hover:#B0CCDC;\n    --shadow-sm:   0 1px 4px rgba(13,60,90,0.07);\n    --shadow-lg:   0 8px 32px rgba(13,60,90,0.13);\n    --radius:      12px;\n    --radius-pill: 999px;\n\n    --c-brainstorm:   #F07C1A;\n    --c-dilemma:      #2BB090;\n    --c-presentation: #B07B30;\n    --c-quiz:         #C03838;\n    --c-simulation:   #C03838;\n    --c-survey:       #1D8FD8;\n  }\n.dibl-templates-root {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    background: var(--bg);\n    color: var(--text);\n    line-height: 1.5;\n    -webkit-font-smoothing: antialiased;\n  }\n.dibl-templates-root .hero {\n    background: #023047;\n    font-family: 'Poppins', sans-serif;\n    padding: 104px 0 96px;\n    text-align: left;\n    position: relative;\n    overflow: hidden;\n  }\n.dibl-templates-root .hero::before {\n    content: '';\n    position: absolute;\n    top: -100px; right: -60px;\n    width: 480px; height: 480px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(36,148,140,0.13) 0%, transparent 68%);\n    pointer-events: none;\n  }\n.dibl-templates-root .hero::after {\n    content: '';\n    position: absolute;\n    bottom: -80px; left: -80px;\n    width: 340px; height: 340px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(251,133,0,0.09) 0%, transparent 68%);\n    pointer-events: none;\n  }\n.dibl-templates-root .hero-inner { position: relative; max-width: 1200px; margin: 0 auto; padding: 0 30px; }\n.dibl-templates-root .hero-badge {\n    display: block;\n    background: none;\n    border: none;\n    padding: 0;\n    color: #fb8500;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    margin-bottom: 18px;\n  }\n.dibl-templates-root .hero h1 {\n    font-size: 54px;\n    font-weight: 700;\n    letter-spacing: normal;\n    color: #fff;\n    margin-bottom: 18px;\n    line-height: 1.1;\n    max-width: 720px;\n  }\n.dibl-templates-root .hero h1 em { font-style: normal; color: #5ecfc8; }\n.dibl-templates-root .hero p {\n    font-family: 'Poppins', sans-serif;\n    color: rgba(255,255,255,0.65);\n    font-size: 18px;\n    line-height: 1.75;\n    max-width: 560px;\n    margin: 0;\n  }\n.dibl-templates-root .filter-bar {\n    background: var(--bg-white);\n    border-bottom: 1px solid var(--border);\n    position: sticky;\n    top: 0;\n    z-index: 100;\n    box-shadow: var(--shadow-sm);\n  }\n.dibl-templates-root .filter-bar-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 12px 24px;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    flex-wrap: wrap;\n  }\n.dibl-templates-root .cat-filters { display: flex; flex-wrap: wrap; gap: 7px; flex: 1; }\n.dibl-templates-root .cat-btn {\n    background: transparent;\n    border: 1.5px solid var(--border);\n    color: var(--text-muted);\n    font-size: 13px;\n    font-weight: 500;\n    padding: 6px 13px 6px 9px;\n    border-radius: var(--radius-pill);\n    cursor: pointer;\n    transition: all .15s;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    white-space: nowrap;\n  }\n.dibl-templates-root .cat-btn:hover { border-color: var(--teal); color: var(--navy); background: var(--teal-light); }\n.dibl-templates-root .cat-btn.active { background: var(--navy); border-color: var(--navy); color: #fff; font-weight: 600; }\n.dibl-templates-root .cat-btn.active .cat-icon svg path, .dibl-templates-root .cat-btn.active .cat-icon svg rect, .dibl-templates-root .cat-btn.active .cat-icon svg circle, .dibl-templates-root .cat-btn.active .cat-icon svg ellipse, .dibl-templates-root .cat-btn.active .cat-icon svg polyline, .dibl-templates-root .cat-btn.active .cat-icon svg line { stroke: #fff !important; }\n.dibl-templates-root .cat-btn.active .cat-icon svg .filled { fill: #fff !important; }\n.dibl-templates-root .cat-icon { width: 18px; height: 18px; flex-shrink: 0; }\n.dibl-templates-root .cat-icon svg { width: 18px; height: 18px; }\n.dibl-templates-root .mode-toggle {\n    display: flex;\n    background: var(--bg);\n    border: 1.5px solid var(--border);\n    border-radius: var(--radius-pill);\n    padding: 3px;\n    gap: 2px;\n    flex-shrink: 0;\n  }\n.dibl-templates-root .mode-btn {\n    background: transparent;\n    border: none;\n    color: var(--text-muted);\n    font-size: 13px;\n    font-weight: 500;\n    padding: 6px 14px;\n    border-radius: var(--radius-pill);\n    cursor: pointer;\n    transition: all .15s;\n    white-space: nowrap;\n  }\n.dibl-templates-root .mode-btn.active { background: var(--bg-white); color: var(--navy); font-weight: 600; box-shadow: var(--shadow-sm); }\n.dibl-templates-root .results-label { max-width: 1200px; margin: 0 auto; padding: 18px 24px 4px; color: var(--text-muted); font-size: 13px; }\n.dibl-templates-root .grid {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 16px 24px 80px;\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n    gap: 20px;\n  }\n.dibl-templates-root .card {\n    background: var(--bg-white);\n    border: 1.5px solid var(--border);\n    border-radius: var(--radius);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    transition: border-color .18s, transform .18s, box-shadow .18s;\n  }\n.dibl-templates-root .card:hover { border-color: var(--border-hover); transform: translateY(-3px); box-shadow: var(--shadow-lg); }\n.dibl-templates-root .card-thumb { height: 130px; overflow: hidden; }\n.dibl-templates-root .card-thumb svg { width: 100%; height: 100%; }\n.dibl-templates-root .card-body { padding: 18px 20px 16px; display: flex; flex-direction: column; flex: 1; }\n.dibl-templates-root .card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 8px; }\n.dibl-templates-root .card-name { font-size: 15px; font-weight: 700; color: var(--navy); line-height: 1.3; }\n.dibl-templates-root .cat-badge { flex-shrink: 0; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--radius-pill); text-transform: uppercase; letter-spacing: 0.04em; white-space: nowrap; }\n.dibl-templates-root .card-desc { font-size: 13px; color: var(--text-mid); line-height: 1.55; margin-bottom: 14px; flex: 1; }\n.dibl-templates-root .card-meta { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; align-items: center; }\n.dibl-templates-root .meta-chip {\n    display: inline-flex; align-items: center; gap: 4px;\n    font-size: 11px; color: var(--text-muted);\n    background: var(--bg); border: 1px solid var(--border);\n    padding: 3px 8px; border-radius: var(--radius-pill);\n  }\n.dibl-templates-root .meta-chip svg { width: 14px; height: 14px; flex-shrink: 0; opacity: .75; }\n.dibl-templates-root .diff-beginner, .dibl-templates-root .diff-intermediate { display:inline-block; font-size:11px; font-weight:500; padding:3px 9px; border-radius:var(--radius-pill); background:var(--bg); color:var(--text-muted); border:1px solid var(--border); }\n.dibl-templates-root .card-footer { display: flex; gap: 8px; padding-top: 14px; border-top: 1px solid var(--border); }\n.dibl-templates-root .btn-preview {\n    flex: 1; background: transparent; color: var(--teal); border: 1.5px solid var(--teal);\n    font-size: 13px; font-weight: 600; padding: 8px 12px; border-radius: 8px;\n    text-align: center; text-decoration: none; transition: background .14s; cursor: pointer;\n  }\n.dibl-templates-root .btn-preview:hover { background: var(--teal-light); }\n.dibl-templates-root .btn-use {\n    flex: 1; background: var(--navy); color: #fff; border: none;\n    font-size: 13px; font-weight: 700; padding: 9px 12px; border-radius: 8px;\n    text-align: center; text-decoration: none; transition: background .14s; cursor: pointer; display: block;\n  }\n.dibl-templates-root .btn-use:hover { background: var(--navy-mid); }\n.dibl-templates-root .btn-only {\n    flex: 1; background: var(--teal); color: #fff; border: none;\n    font-size: 13px; font-weight: 700; padding: 9px 12px; border-radius: 8px;\n    text-align: center; text-decoration: none; transition: background .14s; cursor: pointer; display: block;\n  }\n.dibl-templates-root .btn-only:hover { background: #13C4E8; }\n.dibl-templates-root .empty { display: none; text-align: center; padding: 64px 24px; color: var(--text-muted); grid-column: 1\/-1; font-size: 15px; }\n.dibl-templates-root .empty.visible { display: block; }\n.dibl-templates-root .empty a { color: var(--teal); }\n@media (max-width: 680px) {.dibl-templates-root .hero { padding: 64px 0 52px; }\n.dibl-templates-root .hero-inner { padding: 0 20px; }\n.dibl-templates-root .hero h1 { font-size: 34px; }\n.dibl-templates-root .hero p { font-size: 16px; }\n.dibl-templates-root .filter-bar-inner { gap: 10px; }\n.dibl-templates-root .grid { grid-template-columns: 1fr; padding: 12px 16px 60px; }}\n.dibl-templates-root .dibl-modal-overlay {\n    display: none;\n    position: fixed;\n    inset: 0;\n    background: rgba(13, 60, 90, 0.72);\n    z-index: 2147483647;\n    align-items: center;\n    justify-content: center;\n    backdrop-filter: blur(3px);\n  }\n.dibl-templates-root .dibl-modal-overlay.is-open { display: flex; }\n.dibl-templates-root .dibl-modal {\n    position: relative;\n    width: 80vw;\n    height: 80vh;\n    background: #fff;\n    border-radius: var(--radius);\n    overflow: hidden;\n    box-shadow: 0 32px 80px rgba(13,60,90,0.35);\n    display: flex;\n    flex-direction: column;\n  }\n.dibl-templates-root .dibl-modal-bar {\n    background: var(--navy);\n    color: white;\n    padding: 12px 20px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    flex-shrink: 0;\n  }\n.dibl-templates-root .dibl-modal-bar span {\n    font-size: 13px;\n    font-weight: 600;\n    opacity: 0.85;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n.dibl-templates-root .dibl-modal-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n.dibl-templates-root .dibl-modal-open-btn {\n    display: inline-flex; align-items: center; gap: 5px;\n    font-size: 12px; font-weight: 600;\n    color: var(--navy); background: white;\n    padding: 5px 14px; border-radius: var(--radius-pill); border: none; cursor: pointer;\n    text-decoration: none; transition: opacity 0.2s;\n  }\n.dibl-templates-root .dibl-modal-open-btn:hover { opacity: 0.85; text-decoration: none; }\n.dibl-templates-root .dibl-modal-close {\n    width: 32px; height: 32px; border-radius: 50%;\n    background: rgba(255,255,255,0.15); border: none; cursor: pointer;\n    color: white; display: flex; align-items: center; justify-content: center;\n    transition: background 0.2s; flex-shrink: 0;\n  }\n.dibl-templates-root .dibl-modal-close:hover { background: rgba(255,255,255,0.28); }\n.dibl-templates-root .dibl-modal-close svg { width: 14px; height: 14px; }\n.dibl-templates-root .dibl-modal iframe {\n    width: 100%; flex: 1; border: none; display: block;\n  }\n@media (max-width: 680px) {.dibl-templates-root .dibl-modal { width: 95vw; height: 88vh; }}\n<\/style>\n<div class=\"dibl-templates-root\">\n<!-- MODAL -->\n<div class=\"dibl-modal-overlay\" id=\"diblModal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Preview\">\n  <div class=\"dibl-modal\">\n    <div class=\"dibl-modal-bar\">\n      <span id=\"diblModalLabel\">Preview<\/span>\n      <div class=\"dibl-modal-actions\">\n        <a id=\"diblModalOpenBtn\" href=\"#\" target=\"_blank\" rel=\"noopener\" class=\"dibl-modal-open-btn\">\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M7 3H3a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1V9\"\/><path d=\"M10 1h5v5\"\/><path d=\"M15 1 8 8\"\/><\/svg>\n          \u00c5bn i ny fane\n        <\/a>\n        <button class=\"dibl-modal-close\" id=\"diblModalClose\" aria-label=\"Luk\">\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M3 3l10 10M13 3L3 13\"\/><\/svg>\n        <\/button>\n      <\/div>\n    <\/div>\n    <iframe id=\"diblModalFrame\" src=\"about:blank\" title=\"Preview\" allow=\"fullscreen\"><\/iframe>\n  <\/div>\n<\/div>\n\n<div class=\"hero\">\n  <div class=\"hero-inner\">\n    <span class=\"hero-badge\">30 f\u00e6rdige skabeloner<\/span>\n    <h1>Start med en skabelon,<br>g\u00f8r den til <em>din egen<\/em><\/h1>\n    <p>V\u00e6lg en case-skabelon, tilpas indholdet, og k\u00f8r den p\u00e5 f\u00e5 minutter. Ingen ops\u00e6tning, ingen onboarding - bare tryk start.<\/p>\n  <\/div>\n<\/div>\n\n<div class=\"filter-bar\">\n  <div class=\"filter-bar-inner\">\n    <div class=\"cat-filters\" id=\"catFilters\">\n\n      <button class=\"cat-btn active\" data-cat=\"all\">Alle<\/button>\n\n      <!-- Brainstorm: lightbulb -->\n      <button class=\"cat-btn\" data-cat=\"Brainstorm\">\n        <span class=\"cat-icon\">\n          <svg viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"var(--c-brainstorm)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M9 2a5 5 0 0 1 3.2 8.8c-.5.4-.7 1-.7 1.6V13H6.5v-.6c0-.6-.2-1.2-.7-1.6A5 5 0 0 1 9 2z\"\/>\n            <line x1=\"6.5\" y1=\"15\" x2=\"11.5\" y2=\"15\"\/>\n            <line x1=\"7.5\" y1=\"17\" x2=\"10.5\" y2=\"17\"\/>\n          <\/svg>\n        <\/span>\n        Brainstorm\n      <\/button>\n\n      <!-- Dilemma: signpost -->\n      <button class=\"cat-btn\" data-cat=\"Dilemma\">\n        <span class=\"cat-icon\">\n          <svg viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"var(--c-dilemma)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"9\" y1=\"2\" x2=\"9\" y2=\"16\"\/>\n            <path d=\"M9 5H14l1.5 2L14 9H9\"\/>\n            <path d=\"M9 5H4L2.5 7 4 9H9\" opacity=\"0.6\"\/>\n          <\/svg>\n        <\/span>\n        Dilemma\n      <\/button>\n\n      <!-- Presentation: easel with chart -->\n      <button class=\"cat-btn\" data-cat=\"Presentation\">\n        <span class=\"cat-icon\">\n          <svg viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"var(--c-presentation)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"2\" y=\"3\" width=\"14\" height=\"10\" rx=\"1.5\"\/>\n            <line x1=\"9\" y1=\"13\" x2=\"7\" y2=\"16\"\/>\n            <line x1=\"9\" y1=\"13\" x2=\"11\" y2=\"16\"\/>\n            <line x1=\"1\" y1=\"3\" x2=\"17\" y2=\"3\"\/>\n            <polyline points=\"5,10 7,7 10,9 13,5.5\" stroke-width=\"1.4\"\/>\n            <circle cx=\"13\" cy=\"5.5\" r=\"1\" class=\"filled\" fill=\"var(--c-presentation)\" stroke=\"none\"\/>\n          <\/svg>\n        <\/span>\n        Pr\u00e6sentation\n      <\/button>\n\n      <!-- Quiz & mini-game: grid tiles -->\n      <button class=\"cat-btn\" data-cat=\"Quiz & mini-game\">\n        <span class=\"cat-icon\">\n          <svg viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"var(--c-quiz)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"2\" y=\"2\" width=\"6\" height=\"6\" rx=\"1.5\"\/>\n            <rect x=\"10\" y=\"2\" width=\"6\" height=\"6\" rx=\"1.5\"\/>\n            <rect x=\"2\" y=\"10\" width=\"6\" height=\"6\" rx=\"1.5\"\/>\n            <rect x=\"10\" y=\"10\" width=\"6\" height=\"6\" rx=\"1.5\"\/>\n          <\/svg>\n        <\/span>\n        Quiz &amp; minispil\n      <\/button>\n\n      <!-- Simulation: gauge\/dial -->\n      <button class=\"cat-btn\" data-cat=\"Simulation\">\n        <span class=\"cat-icon\">\n          <svg viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"var(--c-simulation)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M3 13a7 7 0 1 1 12 0\"\/>\n            <line x1=\"9\" y1=\"13\" x2=\"6\" y2=\"8\" stroke-width=\"2\"\/>\n            <circle cx=\"9\" cy=\"13\" r=\"1.2\" class=\"filled\" fill=\"var(--c-simulation)\" stroke=\"none\"\/>\n            <line x1=\"3.5\" y1=\"13\" x2=\"5\" y2=\"13\" stroke-width=\"1.2\"\/>\n            <line x1=\"14.5\" y1=\"13\" x2=\"13\" y2=\"13\" stroke-width=\"1.2\"\/>\n            <line x1=\"9\" y1=\"6\" x2=\"9\" y2=\"7.5\" stroke-width=\"1.2\"\/>\n          <\/svg>\n        <\/span>\n        Simulation\n      <\/button>\n\n      <!-- Survey & Polls: bar list -->\n      <button class=\"cat-btn\" data-cat=\"Survey & Polls\">\n        <span class=\"cat-icon\">\n          <svg viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"var(--c-survey)\" stroke-width=\"1.5\" stroke-linecap=\"round\">\n            <line x1=\"3\" y1=\"5\" x2=\"15\" y2=\"5\"\/>\n            <line x1=\"3\" y1=\"5\" x2=\"11\" y2=\"5\" stroke-width=\"3\" opacity=\"0.35\"\/>\n            <line x1=\"3\" y1=\"9\" x2=\"15\" y2=\"9\"\/>\n            <line x1=\"3\" y1=\"9\" x2=\"14\" y2=\"9\" stroke-width=\"3\" opacity=\"0.35\"\/>\n            <line x1=\"3\" y1=\"13\" x2=\"15\" y2=\"13\"\/>\n            <line x1=\"3\" y1=\"13\" x2=\"8\" y2=\"13\" stroke-width=\"3\" opacity=\"0.35\"\/>\n          <\/svg>\n        <\/span>\n        Survey &amp; Polls\n      <\/button>\n\n    <\/div>\n\n    <div class=\"mode-toggle\" id=\"modeToggle\">\n      <button class=\"mode-btn active\" data-mode=\"Facilitated\">Faciliteret<\/button>\n      <button class=\"mode-btn\" data-mode=\"self-paced\">Selvstyret<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"results-label\" id=\"resultsLabel\"><\/div>\n<div class=\"grid\" id=\"templateGrid\"><\/div>\n\n<script>\n\/\/ Modal\n(function() {\n  \/\/ Move the modal to be a direct child of <body>, wrapped in a fresh\n  \/\/ .dibl-templates-root element so the scoped CSS above still matches.\n  \/\/ Some themes wrap page content in a container with a CSS transform,\n  \/\/ which redefines the containing block for `position: fixed` elements\n  \/\/ inside it - causing the modal to render underneath a fixed\/sticky\n  \/\/ site header regardless of z-index. Re-parenting to <body> escapes\n  \/\/ that container entirely.\n  var diblModalEl = document.getElementById('diblModal');\n  if (diblModalEl && diblModalEl.parentNode && !diblModalEl.parentNode.matches('body')) {\n    var diblModalHost = document.createElement('div');\n    diblModalHost.className = 'dibl-templates-root';\n    document.body.appendChild(diblModalHost);\n    diblModalHost.appendChild(diblModalEl);\n  }\n\n  function openDiblModal(url, label) {\n    var overlay = document.getElementById('diblModal');\n    var frame   = document.getElementById('diblModalFrame');\n    var lbl     = document.getElementById('diblModalLabel');\n    var openBtn = document.getElementById('diblModalOpenBtn');\n    frame.src        = url;\n    lbl.textContent  = label || url;\n    openBtn.href     = url;\n    overlay.classList.add('is-open');\n    document.body.style.overflow = 'hidden';\n  }\n  function closeDiblModal() {\n    var overlay = document.getElementById('diblModal');\n    var frame   = document.getElementById('diblModalFrame');\n    overlay.classList.remove('is-open');\n    frame.src = '';\n    document.body.style.overflow = '';\n  }\n  document.getElementById('diblModalClose').addEventListener('click', closeDiblModal);\n  document.getElementById('diblModal').addEventListener('click', function(e) {\n    if (e.target === this) closeDiblModal();\n  });\n  document.addEventListener('keydown', function(e) {\n    if (e.key === 'Escape') closeDiblModal();\n  });\n  window.openDiblModal = openDiblModal;\n})();\n\nconst SIGN_UP = 'https:\/\/auth.dibl.eu\/onboarding\/email';\n\nconst CAT_COLOR = {\n  'Brainstorm':      '#F07C1A',\n  'Dilemma':         '#2BB090',\n  'Presentation':    '#B07B30',\n  'Quiz & mini-game':'#C03838',\n  'Simulation':      '#C03838',\n  'Survey & Polls':  '#1D8FD8',\n};\nconst CAT_BG = {\n  'Brainstorm':      '#FEF0E3',\n  'Dilemma':         '#E4F7F2',\n  'Presentation':    '#FAF3E6',\n  'Quiz & mini-game':'#FDECEA',\n  'Simulation':      '#FDECEA',\n  'Survey & Polls':  '#E6F3FB',\n};\nconst CAT_LABEL = {\n  'Brainstorm':       'Brainstorm',\n  'Dilemma':          'Dilemma',\n  'Presentation':     'Pr\u00e6sentation',\n  'Quiz & mini-game': 'Quiz & minispil',\n  'Simulation':        'Simulation',\n  'Survey & Polls':   'Survey & Polls',\n};\nconst DIFF_LABEL = {\n  'Beginner':     'Begynder',\n  'Intermediate': '\u00d8vet',\n};\n\n\/* ---- Unique SVG thumbnail per template ID ---- *\/\nconst T = '#0D3C5A', W = 'white', F = 'sans-serif';\nconst THUMBS = {\n\n  \/* 1 - Quick Brainstorm: simple word cloud *\/\n  1: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <text x=\"14\" y=\"28\" font-size=\"16\" font-weight=\"700\" fill=\"${c}\" font-family=\"${F}\">innovation<\/text>\n    <text x=\"160\" y=\"22\" font-size=\"11\" fill=\"${T}\" opacity=\".5\" font-family=\"${F}\">growth<\/text>\n    <text x=\"230\" y=\"30\" font-size=\"14\" font-weight=\"600\" fill=\"${c}\" opacity=\".8\" font-family=\"${F}\">ideas<\/text>\n    <text x=\"14\" y=\"52\" font-size=\"11\" fill=\"${T}\" opacity=\".45\" font-family=\"${F}\">process<\/text>\n    <text x=\"90\" y=\"56\" font-size=\"18\" font-weight=\"700\" fill=\"#FCAF18\" font-family=\"${F}\">strategy<\/text>\n    <text x=\"255\" y=\"54\" font-size=\"10\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">vision<\/text>\n    <text x=\"14\" y=\"80\" font-size=\"13\" font-weight=\"600\" fill=\"${c}\" opacity=\".7\" font-family=\"${F}\">solutions<\/text>\n    <text x=\"148\" y=\"78\" font-size=\"10\" fill=\"${c}\" opacity=\".5\" font-family=\"${F}\">clarity<\/text>\n    <text x=\"218\" y=\"82\" font-size=\"12\" fill=\"#F07C1A\" opacity=\".8\" font-family=\"${F}\">focus<\/text>\n    <text x=\"14\" y=\"96\" font-size=\"9\" fill=\"${T}\" opacity=\".35\" font-family=\"${F}\">team<\/text>\n    <text x=\"70\" y=\"96\" font-size=\"9\" fill=\"${c}\" opacity=\".35\" font-family=\"${F}\">insights<\/text>\n    <text x=\"165\" y=\"95\" font-size=\"9\" fill=\"${T}\" opacity=\".3\" font-family=\"${F}\">purpose<\/text>\n  <\/svg>`,\n\n  \/* 2 - Brainstorm + Prioritize: word cloud + ranked top-3 bars *\/\n  2: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <text x=\"12\" y=\"22\" font-size=\"13\" font-weight=\"700\" fill=\"${c}\" font-family=\"${F}\">innovation<\/text>\n    <text x=\"130\" y=\"18\" font-size=\"10\" fill=\"${T}\" opacity=\".45\" font-family=\"${F}\">growth<\/text>\n    <text x=\"12\" y=\"44\" font-size=\"10\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">solutions<\/text>\n    <text x=\"75\" y=\"48\" font-size=\"15\" font-weight=\"700\" fill=\"#FCAF18\" font-family=\"${F}\">strategy<\/text>\n    <text x=\"12\" y=\"68\" font-size=\"9\" fill=\"${c}\" opacity=\".45\" font-family=\"${F}\">focus<\/text>\n    <text x=\"55\" y=\"70\" font-size=\"11\" fill=\"${T}\" opacity=\".35\" font-family=\"${F}\">clarity<\/text>\n    <line x1=\"175\" y1=\"5\" x2=\"175\" y2=\"95\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <text x=\"183\" y=\"16\" font-size=\"8\" font-weight=\"700\" fill=\"${c}\" opacity=\".6\" letter-spacing=\".05em\" font-family=\"${F}\">TOP VOTED<\/text>\n    <rect x=\"183\" y=\"22\" width=\"140\" height=\"13\" rx=\"4\" fill=\"${c}\" opacity=\".85\"\/>\n    <text x=\"188\" y=\"33\" font-size=\"9\" font-weight=\"700\" fill=\"${W}\" font-family=\"${F}\">1. Strategy redesign<\/text>\n    <text x=\"311\" y=\"33\" font-size=\"9\" font-weight=\"700\" fill=\"${W}\" font-family=\"${F}\">47<\/text>\n    <rect x=\"183\" y=\"39\" width=\"106\" height=\"12\" rx=\"4\" fill=\"${c}\" opacity=\".55\"\/>\n    <text x=\"188\" y=\"49\" font-size=\"9\" fill=\"${W}\" font-family=\"${F}\">2. Process overhaul<\/text>\n    <text x=\"277\" y=\"49\" font-size=\"9\" fill=\"${W}\" font-family=\"${F}\">35<\/text>\n    <rect x=\"183\" y=\"55\" width=\"80\" height=\"12\" rx=\"4\" fill=\"${c}\" opacity=\".3\"\/>\n    <text x=\"188\" y=\"65\" font-size=\"9\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">3. Quick wins<\/text>\n    <text x=\"250\" y=\"65\" font-size=\"9\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">26<\/text>\n    <text x=\"183\" y=\"83\" font-size=\"8\" fill=\"${T}\" opacity=\".35\" font-family=\"${F}\">4. Team restructure  18<\/text>\n    <text x=\"183\" y=\"95\" font-size=\"8\" fill=\"${T}\" opacity=\".25\" font-family=\"${F}\">5. External hire  11<\/text>\n  <\/svg>`,\n\n  \/* 3 - Pro\/Con Side-by-Side: two columns *\/\n  3: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <rect x=\"10\" y=\"8\" width=\"152\" height=\"84\" rx=\"6\" fill=\"#E6F9F1\" stroke=\"#2BB090\" stroke-width=\"1\"\/>\n    <rect x=\"10\" y=\"8\" width=\"152\" height=\"22\" rx=\"6\" fill=\"#2BB090\"\/>\n    <rect x=\"10\" y=\"22\" width=\"152\" height=\"8\" fill=\"#2BB090\"\/>\n    <text x=\"86\" y=\"23\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"700\" fill=\"${W}\" font-family=\"${F}\">+ For<\/text>\n    <text x=\"20\" y=\"45\" font-size=\"10\" fill=\"#1B6B50\" font-family=\"${F}\">\u2713  Faster time-to-market<\/text>\n    <text x=\"20\" y=\"59\" font-size=\"10\" fill=\"#1B6B50\" font-family=\"${F}\">\u2713  Team is aligned<\/text>\n    <text x=\"20\" y=\"73\" font-size=\"10\" fill=\"#1B6B50\" font-family=\"${F}\">\u2713  Low switching cost<\/text>\n    <text x=\"20\" y=\"87\" font-size=\"10\" fill=\"#1B6B50\" opacity=\".6\" font-family=\"${F}\">\u2713  Proven approach<\/text>\n    <rect x=\"178\" y=\"8\" width=\"152\" height=\"84\" rx=\"6\" fill=\"#FDECEA\" stroke=\"#E24B4A\" stroke-width=\"1\"\/>\n    <rect x=\"178\" y=\"8\" width=\"152\" height=\"22\" rx=\"6\" fill=\"#E24B4A\"\/>\n    <rect x=\"178\" y=\"22\" width=\"152\" height=\"8\" fill=\"#E24B4A\"\/>\n    <text x=\"254\" y=\"23\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"700\" fill=\"${W}\" font-family=\"${F}\">- Against<\/text>\n    <text x=\"188\" y=\"45\" font-size=\"10\" fill=\"#8A2020\" font-family=\"${F}\">\u2717  High upfront cost<\/text>\n    <text x=\"188\" y=\"59\" font-size=\"10\" fill=\"#8A2020\" font-family=\"${F}\">\u2717  Execution risk<\/text>\n    <text x=\"188\" y=\"73\" font-size=\"10\" fill=\"#8A2020\" font-family=\"${F}\">\u2717  Needs new skills<\/text>\n    <text x=\"188\" y=\"87\" font-size=\"10\" fill=\"#8A2020\" opacity=\".6\" font-family=\"${F}\">\u2717  6-month lead time<\/text>\n  <\/svg>`,\n\n  \/* 4 - Team Brainstorm Challenge: 3 team panels *\/\n  4: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <rect x=\"8\" y=\"8\" width=\"98\" height=\"84\" rx=\"6\" fill=\"${W}\" stroke=\"#F07C1A\" stroke-width=\"1.5\"\/>\n    <rect x=\"8\" y=\"8\" width=\"98\" height=\"18\" rx=\"6\" fill=\"#F07C1A\"\/>\n    <rect x=\"8\" y=\"18\" width=\"98\" height=\"8\" fill=\"#F07C1A\"\/>\n    <text x=\"57\" y=\"21\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"${W}\" font-family=\"${F}\">Team Alpha<\/text>\n    <text x=\"16\" y=\"38\" font-size=\"9\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">\u2022 Automate pipeline<\/text>\n    <text x=\"16\" y=\"51\" font-size=\"9\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">\u2022 Cut approval steps<\/text>\n    <text x=\"16\" y=\"64\" font-size=\"9\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">\u2022 Hire specialist<\/text>\n    <text x=\"16\" y=\"77\" font-size=\"9\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">+ 2 more ideas<\/text>\n    <rect x=\"121\" y=\"8\" width=\"98\" height=\"84\" rx=\"6\" fill=\"${W}\" stroke=\"${c}\" stroke-width=\"1.5\"\/>\n    <rect x=\"121\" y=\"8\" width=\"98\" height=\"18\" rx=\"6\" fill=\"${c}\"\/>\n    <rect x=\"121\" y=\"18\" width=\"98\" height=\"8\" fill=\"${c}\"\/>\n    <text x=\"170\" y=\"21\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"${W}\" font-family=\"${F}\">Team Beta<\/text>\n    <text x=\"129\" y=\"38\" font-size=\"9\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">\u2022 New intake flow<\/text>\n    <text x=\"129\" y=\"51\" font-size=\"9\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">\u2022 Weekly sync<\/text>\n    <text x=\"129\" y=\"64\" font-size=\"9\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">\u2022 Shared dashboard<\/text>\n    <text x=\"129\" y=\"77\" font-size=\"9\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">+ 3 more ideas<\/text>\n    <rect x=\"234\" y=\"8\" width=\"98\" height=\"84\" rx=\"6\" fill=\"${W}\" stroke=\"#7C5CBF\" stroke-width=\"1.5\"\/>\n    <rect x=\"234\" y=\"8\" width=\"98\" height=\"18\" rx=\"6\" fill=\"#7C5CBF\"\/>\n    <rect x=\"234\" y=\"18\" width=\"98\" height=\"8\" fill=\"#7C5CBF\"\/>\n    <text x=\"283\" y=\"21\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"${W}\" font-family=\"${F}\">Team Gamma<\/text>\n    <text x=\"242\" y=\"38\" font-size=\"9\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">\u2022 Merge teams<\/text>\n    <text x=\"242\" y=\"51\" font-size=\"9\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">\u2022 External audit<\/text>\n    <text x=\"242\" y=\"64\" font-size=\"9\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">\u2022 Better tooling<\/text>\n    <text x=\"242\" y=\"77\" font-size=\"9\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">+ 1 more idea<\/text>\n  <\/svg>`,\n\n  \/* 5 - Perspectives Brainstorm: 3 role lenses *\/\n  5: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <text x=\"170\" y=\"16\" text-anchor=\"middle\" font-size=\"10\" fill=\"${T}\" opacity=\".55\" font-family=\"${F}\">How do we improve customer onboarding?<\/text>\n    <rect x=\"10\" y=\"24\" width=\"95\" height=\"66\" rx=\"6\" fill=\"${W}\" stroke=\"#F07C1A\" stroke-width=\"1.2\"\/>\n    <circle cx=\"57\" cy=\"42\" r=\"10\" fill=\"#FEF0E3\"\/>\n    <text x=\"57\" y=\"46\" text-anchor=\"middle\" font-size=\"12\" font-family=\"${F}\">\ud83d\udc64<\/text>\n    <text x=\"57\" y=\"58\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"#F07C1A\" font-family=\"${F}\">Customer<\/text>\n    <text x=\"57\" y=\"70\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" opacity=\".6\" font-family=\"${F}\">Wants speed<\/text>\n    <text x=\"57\" y=\"82\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" opacity=\".5\" font-family=\"${F}\">&amp; clarity<\/text>\n    <rect x=\"122\" y=\"24\" width=\"95\" height=\"66\" rx=\"6\" fill=\"${W}\" stroke=\"${c}\" stroke-width=\"1.2\"\/>\n    <circle cx=\"169\" cy=\"42\" r=\"10\" fill=\"${bg}\"\/>\n    <text x=\"169\" y=\"46\" text-anchor=\"middle\" font-size=\"12\" font-family=\"${F}\">\ud83c\udfe2<\/text>\n    <text x=\"169\" y=\"58\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"${c}\" font-family=\"${F}\">Sales<\/text>\n    <text x=\"169\" y=\"70\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" opacity=\".6\" font-family=\"${F}\">Wants fast<\/text>\n    <text x=\"169\" y=\"82\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" opacity=\".5\" font-family=\"${F}\">activation<\/text>\n    <rect x=\"234\" y=\"24\" width=\"95\" height=\"66\" rx=\"6\" fill=\"${W}\" stroke=\"#7C5CBF\" stroke-width=\"1.2\"\/>\n    <circle cx=\"281\" cy=\"42\" r=\"10\" fill=\"#F0ECFB\"\/>\n    <text x=\"281\" y=\"46\" text-anchor=\"middle\" font-size=\"12\" font-family=\"${F}\">\ud83d\udcbb<\/text>\n    <text x=\"281\" y=\"58\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"#7C5CBF\" font-family=\"${F}\">Engineering<\/text>\n    <text x=\"281\" y=\"70\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" opacity=\".6\" font-family=\"${F}\">Wants fewer<\/text>\n    <text x=\"281\" y=\"82\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" opacity=\".5\" font-family=\"${F}\">edge cases<\/text>\n  <\/svg>`,\n\n  \/* 6 - Funnelled Team Brainstorm: funnel shape *\/\n  6: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <text x=\"12\" y=\"16\" font-size=\"8\" font-weight=\"700\" fill=\"${c}\" opacity=\".7\" letter-spacing=\".05em\" font-family=\"${F}\">BRAINSTORM<\/text>\n    <rect x=\"10\" y=\"20\" width=\"55\" height=\"14\" rx=\"3\" fill=\"${c}\" opacity=\".7\"\/>\n    <rect x=\"10\" y=\"38\" width=\"55\" height=\"14\" rx=\"3\" fill=\"${c}\" opacity=\".55\"\/>\n    <rect x=\"10\" y=\"56\" width=\"55\" height=\"14\" rx=\"3\" fill=\"${c}\" opacity=\".4\"\/>\n    <rect x=\"10\" y=\"74\" width=\"55\" height=\"14\" rx=\"3\" fill=\"${c}\" opacity=\".25\"\/>\n    <text x=\"37\" y=\"30\" text-anchor=\"middle\" font-size=\"8\" fill=\"${W}\" font-family=\"${F}\">Idea A<\/text>\n    <text x=\"37\" y=\"48\" text-anchor=\"middle\" font-size=\"8\" fill=\"${W}\" font-family=\"${F}\">Idea B<\/text>\n    <text x=\"37\" y=\"64\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" font-family=\"${F}\">Idea C<\/text>\n    <text x=\"37\" y=\"82\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" opacity=\".5\" font-family=\"${F}\">Idea D<\/text>\n    <polygon points=\"80,20 120,30 120,70 80,80\" fill=\"#E0EAF0\" opacity=\".6\"\/>\n    <text x=\"130\" y=\"16\" font-size=\"8\" font-weight=\"700\" fill=\"#F07C1A\" opacity=\".7\" letter-spacing=\".05em\" font-family=\"${F}\">REFINE<\/text>\n    <rect x=\"128\" y=\"30\" width=\"55\" height=\"14\" rx=\"3\" fill=\"#F07C1A\" opacity=\".7\"\/>\n    <rect x=\"128\" y=\"48\" width=\"55\" height=\"14\" rx=\"3\" fill=\"#F07C1A\" opacity=\".45\"\/>\n    <text x=\"155\" y=\"40\" text-anchor=\"middle\" font-size=\"8\" fill=\"${W}\" font-family=\"${F}\">Idea A<\/text>\n    <text x=\"155\" y=\"58\" text-anchor=\"middle\" font-size=\"8\" fill=\"${W}\" font-family=\"${F}\">Idea B<\/text>\n    <polygon points=\"198,28 235,38 235,62 198,72\" fill=\"#E0EAF0\" opacity=\".6\"\/>\n    <text x=\"242\" y=\"16\" font-size=\"8\" font-weight=\"700\" fill=\"#FCAF18\" opacity=\".9\" letter-spacing=\".05em\" font-family=\"${F}\">SCORE<\/text>\n    <rect x=\"240\" y=\"30\" width=\"90\" height=\"52\" rx=\"6\" fill=\"${W}\" stroke=\"#FCAF18\" stroke-width=\"1.5\"\/>\n    <text x=\"285\" y=\"48\" text-anchor=\"middle\" font-size=\"22\" font-weight=\"800\" fill=\"#FCAF18\" font-family=\"${F}\">A<\/text>\n    <text x=\"285\" y=\"66\" text-anchor=\"middle\" font-size=\"11\" fill=\"${T}\" opacity=\".6\" font-family=\"${F}\">Wins  \u2605\u2605\u2605\u2605<\/text>\n    <text x=\"285\" y=\"78\" text-anchor=\"middle\" font-size=\"9\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">Score: 47 pts<\/text>\n  <\/svg>`,\n\n  \/* 7 - Animated Reveal Deck (Facilitated): slide with animation arrows *\/\n  7: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <rect x=\"10\" y=\"8\" width=\"215\" height=\"84\" rx=\"6\" fill=\"${W}\" stroke=\"#E0D0B0\" stroke-width=\"1\"\/>\n    <rect x=\"10\" y=\"8\" width=\"215\" height=\"20\" rx=\"6\" fill=\"${c}\" opacity=\".9\"\/>\n    <rect x=\"10\" y=\"20\" width=\"215\" height=\"8\" fill=\"${c}\" opacity=\".9\"\/>\n    <text x=\"117\" y=\"22\" text-anchor=\"middle\" font-size=\"10\" font-weight=\"700\" fill=\"${W}\" font-family=\"${F}\">Q3 Strategy Overview<\/text>\n    <rect x=\"20\" y=\"34\" width=\"90\" height=\"6\" rx=\"2\" fill=\"${T}\" opacity=\".15\"\/>\n    <rect x=\"20\" y=\"44\" width=\"130\" height=\"5\" rx=\"2\" fill=\"${T}\" opacity=\".1\"\/>\n    <rect x=\"20\" y=\"53\" width=\"110\" height=\"5\" rx=\"2\" fill=\"${T}\" opacity=\".1\"\/>\n    <rect x=\"20\" y=\"62\" width=\"70\" height=\"5\" rx=\"2\" fill=\"${T}\" opacity=\".1\"\/>\n    <rect x=\"130\" y=\"34\" width=\"80\" height=\"50\" rx=\"3\" fill=\"${bg}\" stroke=\"#E0D0B0\" stroke-width=\"1\" stroke-dasharray=\"4 3\"\/>\n    <text x=\"170\" y=\"55\" text-anchor=\"middle\" font-size=\"18\" fill=\"${c}\" opacity=\".5\" font-family=\"${F}\">\u25b6<\/text>\n    <text x=\"170\" y=\"70\" text-anchor=\"middle\" font-size=\"8\" fill=\"${c}\" opacity=\".5\" font-family=\"${F}\">animates in<\/text>\n    <rect x=\"240\" y=\"8\" width=\"90\" height=\"84\" rx=\"6\" fill=\"${W}\" stroke=\"#E0D0B0\" stroke-width=\"1\"\/>\n    <text x=\"285\" y=\"22\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">slide 1 of 7<\/text>\n    <rect x=\"250\" y=\"30\" width=\"70\" height=\"5\" rx=\"2\" fill=\"${T}\" opacity=\".12\"\/>\n    <rect x=\"250\" y=\"40\" width=\"55\" height=\"5\" rx=\"2\" fill=\"${T}\" opacity=\".08\"\/>\n    <rect x=\"256\" y=\"52\" width=\"58\" height=\"26\" rx=\"3\" fill=\"${bg}\"\/>\n    <circle cx=\"265\" cy=\"62\" r=\"5\" fill=\"${c}\" opacity=\".5\"\/>\n    <circle cx=\"278\" cy=\"58\" r=\"5\" fill=\"${c}\" opacity=\".7\"\/>\n    <circle cx=\"291\" cy=\"65\" r=\"5\" fill=\"${c}\" opacity=\".9\"\/>\n    <rect x=\"250\" y=\"84\" width=\"70\" height=\"4\" rx=\"2\" fill=\"${T}\" opacity=\".08\"\/>\n  <\/svg>`,\n\n  \/* 8 - Dual-Screen Briefing: two screens side by side *\/\n  8: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <rect x=\"8\" y=\"6\" width=\"150\" height=\"88\" rx=\"6\" fill=\"${T}\" opacity=\".9\"\/>\n    <text x=\"83\" y=\"20\" text-anchor=\"middle\" font-size=\"8\" fill=\"${W}\" opacity=\".5\" font-family=\"${F}\">FACILITATOR SCREEN<\/text>\n    <rect x=\"18\" y=\"26\" width=\"130\" height=\"8\" rx=\"2\" fill=\"${W}\" opacity=\".15\"\/>\n    <rect x=\"18\" y=\"38\" width=\"80\" height=\"5\" rx=\"2\" fill=\"${W}\" opacity=\".1\"\/>\n    <rect x=\"18\" y=\"47\" width=\"100\" height=\"5\" rx=\"2\" fill=\"${W}\" opacity=\".1\"\/>\n    <rect x=\"18\" y=\"60\" width=\"130\" height=\"24\" rx=\"3\" fill=\"${W}\" opacity=\".08\"\/>\n    <text x=\"83\" y=\"76\" text-anchor=\"middle\" font-size=\"9\" fill=\"${W}\" opacity=\".4\" font-family=\"${F}\">presenter notes<\/text>\n    <text x=\"170\" y=\"52\" text-anchor=\"middle\" font-size=\"18\" fill=\"${c}\" opacity=\".6\" font-family=\"${F}\">\u27f6<\/text>\n    <rect x=\"182\" y=\"6\" width=\"150\" height=\"88\" rx=\"6\" fill=\"${W}\" stroke=\"${c}\" stroke-width=\"1.5\"\/>\n    <text x=\"257\" y=\"20\" text-anchor=\"middle\" font-size=\"8\" fill=\"${c}\" opacity=\".7\" font-family=\"${F}\">PARTICIPANT SCREEN<\/text>\n    <rect x=\"192\" y=\"26\" width=\"130\" height=\"8\" rx=\"2\" fill=\"${c}\" opacity=\".2\"\/>\n    <rect x=\"192\" y=\"38\" width=\"90\" height=\"5\" rx=\"2\" fill=\"${T}\" opacity=\".1\"\/>\n    <rect x=\"192\" y=\"47\" width=\"110\" height=\"5\" rx=\"2\" fill=\"${T}\" opacity=\".1\"\/>\n    <rect x=\"192\" y=\"57\" width=\"130\" height=\"28\" rx=\"3\" fill=\"${bg}\"\/>\n    <text x=\"257\" y=\"68\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" opacity=\".5\" font-family=\"${F}\">tap to expand<\/text>\n    <rect x=\"197\" y=\"72\" width=\"55\" height=\"8\" rx=\"2\" fill=\"${c}\" opacity=\".2\"\/>\n    <rect x=\"260\" y=\"72\" width=\"55\" height=\"8\" rx=\"2\" fill=\"${c}\" opacity=\".1\"\/>\n  <\/svg>`,\n\n  \/* 9 - Visual Journey: expandable card grid *\/\n  9: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <rect x=\"8\" y=\"8\" width=\"150\" height=\"84\" rx=\"6\" fill=\"${W}\" stroke=\"${c}\" stroke-width=\"1.5\"\/>\n    <rect x=\"8\" y=\"8\" width=\"150\" height=\"44\" rx=\"6\" fill=\"${c}\" opacity=\".15\"\/>\n    <rect x=\"8\" y=\"44\" width=\"150\" height=\"8\" fill=\"${c}\" opacity=\".15\"\/>\n    <text x=\"18\" y=\"30\" font-size=\"10\" font-weight=\"700\" fill=\"${c}\" font-family=\"${F}\">Topic 1: Market Entry<\/text>\n    <text x=\"18\" y=\"44\" font-size=\"9\" fill=\"${T}\" opacity=\".6\" font-family=\"${F}\">Tap to explore \u2192<\/text>\n    <rect x=\"18\" y=\"56\" width=\"130\" height=\"4\" rx=\"2\" fill=\"${T}\" opacity=\".1\"\/>\n    <rect x=\"18\" y=\"64\" width=\"100\" height=\"4\" rx=\"2\" fill=\"${T}\" opacity=\".1\"\/>\n    <rect x=\"18\" y=\"72\" width=\"80\" height=\"4\" rx=\"2\" fill=\"${T}\" opacity=\".1\"\/>\n    <text x=\"146\" y=\"92\" text-anchor=\"end\" font-size=\"14\" fill=\"${c}\" opacity=\".5\" font-family=\"${F}\">\u25bc<\/text>\n    <rect x=\"174\" y=\"8\" width=\"75\" height=\"38\" rx=\"6\" fill=\"${W}\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <text x=\"211\" y=\"24\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"600\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">Topic 2<\/text>\n    <text x=\"211\" y=\"37\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">Competitors<\/text>\n    <rect x=\"256\" y=\"8\" width=\"75\" height=\"38\" rx=\"6\" fill=\"${W}\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <text x=\"293\" y=\"24\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"600\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">Topic 3<\/text>\n    <text x=\"293\" y=\"37\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">Financials<\/text>\n    <rect x=\"174\" y=\"54\" width=\"75\" height=\"38\" rx=\"6\" fill=\"${W}\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <text x=\"211\" y=\"70\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"600\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">Topic 4<\/text>\n    <text x=\"211\" y=\"83\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">Team<\/text>\n    <rect x=\"256\" y=\"54\" width=\"75\" height=\"38\" rx=\"6\" fill=\"${W}\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <text x=\"293\" y=\"70\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"600\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">Topic 5<\/text>\n    <text x=\"293\" y=\"83\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">Risks<\/text>\n  <\/svg>`,\n\n  \/* 10 - Quick Poll: single question, instant bar result *\/\n  10: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <text x=\"170\" y=\"18\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"600\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">How confident are you in this plan?<\/text>\n    <text x=\"15\" y=\"36\" font-size=\"10\" fill=\"${T}\" opacity=\".65\" font-family=\"${F}\">Very confident<\/text>\n    <rect x=\"15\" y=\"40\" width=\"270\" height=\"12\" rx=\"6\" fill=\"${W}\" stroke=\"#B5D4F4\" stroke-width=\"1\"\/>\n    <rect x=\"15\" y=\"40\" width=\"216\" height=\"12\" rx=\"6\" fill=\"${c}\" opacity=\".8\"\/>\n    <text x=\"295\" y=\"51\" font-size=\"10\" font-weight=\"700\" fill=\"${c}\" font-family=\"${F}\">80%<\/text>\n    <text x=\"15\" y=\"64\" font-size=\"10\" fill=\"${T}\" opacity=\".65\" font-family=\"${F}\">Somewhat confident<\/text>\n    <rect x=\"15\" y=\"68\" width=\"270\" height=\"12\" rx=\"6\" fill=\"${W}\" stroke=\"#B5D4F4\" stroke-width=\"1\"\/>\n    <rect x=\"15\" y=\"68\" width=\"81\" height=\"12\" rx=\"6\" fill=\"${c}\" opacity=\".45\"\/>\n    <text x=\"295\" y=\"79\" font-size=\"10\" font-weight=\"700\" fill=\"${c}\" opacity=\".7\" font-family=\"${F}\">30%<\/text>\n    <text x=\"15\" y=\"92\" font-size=\"10\" fill=\"${T}\" opacity=\".5\" font-family=\"${F}\">Not confident<\/text>\n    <rect x=\"15\" y=\"96\" width=\"270\" height=\"10\" rx=\"5\" fill=\"${W}\" stroke=\"#B5D4F4\" stroke-width=\"1\"\/>\n    <rect x=\"15\" y=\"96\" width=\"27\" height=\"10\" rx=\"5\" fill=\"${c}\" opacity=\".25\"\/>\n    <text x=\"295\" y=\"106\" font-size=\"10\" fill=\"${c}\" opacity=\".5\" font-family=\"${F}\">10%<\/text>\n  <\/svg>`,\n\n  \/* 11 - Live Evaluation: emoji satisfaction scale *\/\n  11: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <text x=\"170\" y=\"16\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"600\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">How useful was today's session?<\/text>\n    <text x=\"38\" y=\"48\" text-anchor=\"middle\" font-size=\"26\" font-family=\"${F}\">\ud83d\ude1e<\/text>\n    <text x=\"102\" y=\"48\" text-anchor=\"middle\" font-size=\"26\" font-family=\"${F}\">\ud83d\ude10<\/text>\n    <text x=\"170\" y=\"48\" text-anchor=\"middle\" font-size=\"30\" font-family=\"${F}\">\ud83d\ude0a<\/text>\n    <rect x=\"152\" y=\"20\" width=\"36\" height=\"36\" rx=\"8\" fill=\"${c}\" opacity=\".15\" stroke=\"${c}\" stroke-width=\"1.5\"\/>\n    <text x=\"234\" y=\"48\" text-anchor=\"middle\" font-size=\"26\" font-family=\"${F}\">\ud83d\ude04<\/text>\n    <text x=\"300\" y=\"48\" text-anchor=\"middle\" font-size=\"26\" font-family=\"${F}\">\ud83e\udd29<\/text>\n    <text x=\"38\" y=\"64\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">Not useful<\/text>\n    <text x=\"300\" y=\"64\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">Very useful<\/text>\n    <rect x=\"15\" y=\"72\" width=\"310\" height=\"6\" rx=\"3\" fill=\"${W}\" stroke=\"#B5D4F4\" stroke-width=\"1\"\/>\n    <rect x=\"15\" y=\"72\" width=\"248\" height=\"6\" rx=\"3\" fill=\"${c}\" opacity=\".5\"\/>\n    <circle cx=\"263\" cy=\"75\" r=\"7\" fill=\"${c}\" stroke=\"${W}\" stroke-width=\"2\"\/>\n    <text x=\"170\" y=\"92\" text-anchor=\"middle\" font-size=\"9\" fill=\"${T}\" opacity=\".5\" font-family=\"${F}\">247 responses  \u00b7  avg 4.1 \/ 5<\/text>\n  <\/svg>`,\n\n  \/* 12 - Before & After Poll: two bar charts with arrows *\/\n  12: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <text x=\"75\" y=\"14\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"${T}\" opacity=\".5\" letter-spacing=\".05em\" font-family=\"${F}\">BEFORE<\/text>\n    <rect x=\"12\" y=\"22\" width=\"90\" height=\"10\" rx=\"5\" fill=\"${W}\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <rect x=\"12\" y=\"22\" width=\"45\" height=\"10\" rx=\"5\" fill=\"${c}\" opacity=\".4\"\/>\n    <text x=\"108\" y=\"32\" font-size=\"9\" fill=\"${T}\" opacity=\".5\" font-family=\"${F}\">50%<\/text>\n    <rect x=\"12\" y=\"38\" width=\"90\" height=\"10\" rx=\"5\" fill=\"${W}\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <rect x=\"12\" y=\"38\" width=\"27\" height=\"10\" rx=\"5\" fill=\"${c}\" opacity=\".3\"\/>\n    <text x=\"108\" y=\"48\" font-size=\"9\" fill=\"${T}\" opacity=\".5\" font-family=\"${F}\">30%<\/text>\n    <rect x=\"12\" y=\"54\" width=\"90\" height=\"10\" rx=\"5\" fill=\"${W}\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <rect x=\"12\" y=\"54\" width=\"18\" height=\"10\" rx=\"5\" fill=\"${c}\" opacity=\".2\"\/>\n    <text x=\"108\" y=\"64\" font-size=\"9\" fill=\"${T}\" opacity=\".5\" font-family=\"${F}\">20%<\/text>\n    <text x=\"75\" y=\"82\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" opacity=\".35\" font-family=\"${F}\">Option A \/ B \/ C<\/text>\n    <text x=\"170\" y=\"44\" text-anchor=\"middle\" font-size=\"20\" fill=\"#2BB090\" font-family=\"${F}\">\u2192<\/text>\n    <text x=\"265\" y=\"14\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"${c}\" opacity=\".8\" letter-spacing=\".05em\" font-family=\"${F}\">AFTER<\/text>\n    <rect x=\"220\" y=\"22\" width=\"90\" height=\"10\" rx=\"5\" fill=\"${W}\" stroke=\"#B5D4F4\" stroke-width=\"1\"\/>\n    <rect x=\"220\" y=\"22\" width=\"72\" height=\"10\" rx=\"5\" fill=\"${c}\" opacity=\".8\"\/>\n    <text x=\"316\" y=\"32\" font-size=\"9\" font-weight=\"700\" fill=\"${c}\" font-family=\"${F}\">80%<\/text>\n    <rect x=\"220\" y=\"38\" width=\"90\" height=\"10\" rx=\"5\" fill=\"${W}\" stroke=\"#B5D4F4\" stroke-width=\"1\"\/>\n    <rect x=\"220\" y=\"38\" width=\"45\" height=\"10\" rx=\"5\" fill=\"${c}\" opacity=\".5\"\/>\n    <text x=\"316\" y=\"48\" font-size=\"9\" font-weight=\"600\" fill=\"${c}\" font-family=\"${F}\">50%<\/text>\n    <rect x=\"220\" y=\"54\" width=\"90\" height=\"10\" rx=\"5\" fill=\"${W}\" stroke=\"#B5D4F4\" stroke-width=\"1\"\/>\n    <rect x=\"220\" y=\"54\" width=\"9\" height=\"10\" rx=\"5\" fill=\"${c}\" opacity=\".25\"\/>\n    <text x=\"316\" y=\"64\" font-size=\"9\" fill=\"${c}\" opacity=\".5\" font-family=\"${F}\">10%<\/text>\n    <text x=\"265\" y=\"82\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" opacity=\".35\" font-family=\"${F}\">Option A \/ B \/ C<\/text>\n  <\/svg>`,\n\n  \/* 13 - Multi-Round Poll Series: 3 round indicators *\/\n  13: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <circle cx=\"55\" cy=\"22\" r=\"14\" fill=\"${c}\" opacity=\".9\"\/>\n    <text x=\"55\" y=\"27\" text-anchor=\"middle\" font-size=\"14\" font-weight=\"800\" fill=\"${W}\" font-family=\"${F}\">1<\/text>\n    <line x1=\"69\" y1=\"22\" x2=\"115\" y2=\"22\" stroke=\"${c}\" stroke-width=\"1.5\" stroke-dasharray=\"4 3\"\/>\n    <circle cx=\"170\" cy=\"22\" r=\"14\" fill=\"${c}\" opacity=\".6\"\/>\n    <text x=\"170\" y=\"27\" text-anchor=\"middle\" font-size=\"14\" font-weight=\"800\" fill=\"${W}\" font-family=\"${F}\">2<\/text>\n    <line x1=\"184\" y1=\"22\" x2=\"270\" y2=\"22\" stroke=\"#E0EAF0\" stroke-width=\"1.5\" stroke-dasharray=\"4 3\"\/>\n    <circle cx=\"285\" cy=\"22\" r=\"14\" fill=\"#E0EAF0\"\/>\n    <text x=\"285\" y=\"27\" text-anchor=\"middle\" font-size=\"14\" font-weight=\"800\" fill=\"${T}\" opacity=\".3\" font-family=\"${F}\">3<\/text>\n    <text x=\"55\" y=\"48\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"600\" fill=\"${c}\" font-family=\"${F}\">Priority areas<\/text>\n    <rect x=\"10\" y=\"54\" width=\"90\" height=\"8\" rx=\"4\" fill=\"${c}\" opacity=\".7\"\/>\n    <rect x=\"10\" y=\"66\" width=\"65\" height=\"8\" rx=\"4\" fill=\"${c}\" opacity=\".45\"\/>\n    <rect x=\"10\" y=\"78\" width=\"80\" height=\"8\" rx=\"4\" fill=\"${c}\" opacity=\".25\"\/>\n    <text x=\"170\" y=\"48\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"600\" fill=\"${c}\" opacity=\".7\" font-family=\"${F}\">Biggest blocker<\/text>\n    <rect x=\"125\" y=\"54\" width=\"90\" height=\"8\" rx=\"4\" fill=\"${c}\" opacity=\".5\"\/>\n    <rect x=\"125\" y=\"66\" width=\"55\" height=\"8\" rx=\"4\" fill=\"${c}\" opacity=\".3\"\/>\n    <rect x=\"125\" y=\"78\" width=\"75\" height=\"8\" rx=\"4\" fill=\"${c}\" opacity=\".15\"\/>\n    <text x=\"285\" y=\"48\" text-anchor=\"middle\" font-size=\"9\" fill=\"${T}\" opacity=\".35\" font-family=\"${F}\">Next actions<\/text>\n    <rect x=\"240\" y=\"54\" width=\"90\" height=\"8\" rx=\"4\" fill=\"#E0EAF0\"\/>\n    <rect x=\"240\" y=\"66\" width=\"90\" height=\"8\" rx=\"4\" fill=\"#E0EAF0\"\/>\n    <rect x=\"240\" y=\"78\" width=\"90\" height=\"8\" rx=\"4\" fill=\"#E0EAF0\"\/>\n  <\/svg>`,\n\n  \/* 14 - Dynamic Brainstorm and Poll: facilitator selecting live *\/\n  14: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <text x=\"170\" y=\"14\" text-anchor=\"middle\" font-size=\"9\" fill=\"${T}\" opacity=\".5\" font-weight=\"600\" letter-spacing=\".04em\" font-family=\"${F}\">FACILITATOR PICKS LIVE<\/text>\n    <rect x=\"10\" y=\"22\" width=\"145\" height=\"32\" rx=\"6\" fill=\"${c}\" stroke=\"${c}\" stroke-width=\"1.5\"\/>\n    <text x=\"17\" y=\"35\" font-size=\"9\" font-weight=\"700\" fill=\"${W}\" font-family=\"${F}\">\ud83d\udca1 Brainstorm<\/text>\n    <text x=\"17\" y=\"48\" font-size=\"8\" fill=\"${W}\" opacity=\".8\" font-family=\"${F}\">Open text input<\/text>\n    <circle cx=\"145\" cy=\"30\" r=\"5\" fill=\"${W}\" opacity=\".8\"\/>\n    <text x=\"148\" y=\"34\" font-size=\"9\" fill=\"${c}\" font-weight=\"700\" font-family=\"${F}\"> \u2713<\/text>\n    <rect x=\"10\" y=\"60\" width=\"145\" height=\"30\" rx=\"6\" fill=\"${W}\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <text x=\"17\" y=\"72\" font-size=\"9\" fill=\"${T}\" opacity=\".6\" font-family=\"${F}\">\ud83d\udcca Poll<\/text>\n    <text x=\"17\" y=\"84\" font-size=\"8\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">Multiple choice<\/text>\n    <text x=\"170\" y=\"46\" text-anchor=\"middle\" font-size=\"18\" fill=\"${c}\" opacity=\".5\" font-family=\"${F}\">\u27f6<\/text>\n    <rect x=\"185\" y=\"8\" width=\"145\" height=\"84\" rx=\"6\" fill=\"${W}\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <text x=\"257\" y=\"22\" text-anchor=\"middle\" font-size=\"9\" fill=\"${T}\" opacity=\".5\" font-family=\"${F}\">Live on participant screen<\/text>\n    <rect x=\"195\" y=\"28\" width=\"125\" height=\"10\" rx=\"3\" fill=\"${T}\" opacity=\".12\"\/>\n    <rect x=\"195\" y=\"42\" width=\"125\" height=\"12\" rx=\"4\" fill=\"${c}\" opacity=\".15\" stroke=\"${c}\" stroke-width=\"1\"\/>\n    <text x=\"195\" y=\"52\" font-size=\"8\" fill=\"${c}\" opacity=\".8\" font-family=\"${F}\"> Type your idea...<\/text>\n    <rect x=\"195\" y=\"58\" width=\"125\" height=\"7\" rx=\"2\" fill=\"${T}\" opacity=\".07\"\/>\n    <rect x=\"195\" y=\"68\" width=\"125\" height=\"7\" rx=\"2\" fill=\"${T}\" opacity=\".07\"\/>\n    <rect x=\"206\" y=\"80\" width=\"100\" height=\"8\" rx=\"4\" fill=\"${c}\" opacity=\".7\"\/>\n    <text x=\"256\" y=\"88\" text-anchor=\"middle\" font-size=\"8\" font-weight=\"700\" fill=\"${W}\" font-family=\"${F}\">Submit \u2192<\/text>\n  <\/svg>`,\n\n  \/* 15 - Binary Dilemma: big A vs B split *\/\n  15: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <text x=\"170\" y=\"16\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"600\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">Should we go ahead with the merger?<\/text>\n    <rect x=\"10\" y=\"26\" width=\"148\" height=\"66\" rx=\"8\" fill=\"${c}\"\/>\n    <text x=\"84\" y=\"62\" text-anchor=\"middle\" font-size=\"13\" font-weight=\"700\" fill=\"${W}\" font-family=\"${F}\">Yes, proceed<\/text>\n    <text x=\"84\" y=\"82\" text-anchor=\"middle\" font-size=\"26\" font-weight=\"800\" fill=\"${W}\" font-family=\"${F}\">63%<\/text>\n    <rect x=\"182\" y=\"26\" width=\"148\" height=\"66\" rx=\"8\" fill=\"${W}\" stroke=\"${c}\" stroke-width=\"2\"\/>\n    <text x=\"256\" y=\"62\" text-anchor=\"middle\" font-size=\"13\" font-weight=\"600\" fill=\"${c}\" font-family=\"${F}\">Pause for now<\/text>\n    <text x=\"256\" y=\"82\" text-anchor=\"middle\" font-size=\"26\" font-weight=\"800\" fill=\"${c}\" font-family=\"${F}\">37%<\/text>\n  <\/svg>`,\n\n  \/* 16 - Perspective Dilemma: role cards + choice *\/\n  16: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <rect x=\"8\" y=\"6\" width=\"65\" height=\"88\" rx=\"6\" fill=\"${W}\" stroke=\"#F07C1A\" stroke-width=\"1.5\"\/>\n    <text x=\"40\" y=\"22\" text-anchor=\"middle\" font-size=\"18\" font-family=\"${F}\">\ud83d\udc54<\/text>\n    <text x=\"40\" y=\"36\" text-anchor=\"middle\" font-size=\"8\" font-weight=\"700\" fill=\"#F07C1A\" font-family=\"${F}\">Manager<\/text>\n    <text x=\"40\" y=\"50\" text-anchor=\"middle\" font-size=\"7\" fill=\"${T}\" opacity=\".55\" font-family=\"${F}\">Budget<\/text>\n    <text x=\"40\" y=\"61\" text-anchor=\"middle\" font-size=\"7\" fill=\"${T}\" opacity=\".55\" font-family=\"${F}\">focused<\/text>\n    <rect x=\"80\" y=\"6\" width=\"65\" height=\"88\" rx=\"6\" fill=\"${W}\" stroke=\"${c}\" stroke-width=\"1.5\"\/>\n    <text x=\"112\" y=\"22\" text-anchor=\"middle\" font-size=\"18\" font-family=\"${F}\">\ud83e\uddd1\u200d\ud83d\udcbc<\/text>\n    <text x=\"112\" y=\"36\" text-anchor=\"middle\" font-size=\"8\" font-weight=\"700\" fill=\"${c}\" font-family=\"${F}\">Employee<\/text>\n    <text x=\"112\" y=\"50\" text-anchor=\"middle\" font-size=\"7\" fill=\"${T}\" opacity=\".55\" font-family=\"${F}\">Well-being<\/text>\n    <text x=\"112\" y=\"61\" text-anchor=\"middle\" font-size=\"7\" fill=\"${T}\" opacity=\".55\" font-family=\"${F}\">focused<\/text>\n    <rect x=\"152\" y=\"6\" width=\"65\" height=\"88\" rx=\"6\" fill=\"${W}\" stroke=\"#7C5CBF\" stroke-width=\"1.5\"\/>\n    <text x=\"184\" y=\"22\" text-anchor=\"middle\" font-size=\"18\" font-family=\"${F}\">\u2696\ufe0f<\/text>\n    <text x=\"184\" y=\"36\" text-anchor=\"middle\" font-size=\"8\" font-weight=\"700\" fill=\"#7C5CBF\" font-family=\"${F}\">HR<\/text>\n    <text x=\"184\" y=\"50\" text-anchor=\"middle\" font-size=\"7\" fill=\"${T}\" opacity=\".55\" font-family=\"${F}\">Policy<\/text>\n    <text x=\"184\" y=\"61\" text-anchor=\"middle\" font-size=\"7\" fill=\"${T}\" opacity=\".55\" font-family=\"${F}\">focused<\/text>\n    <text x=\"242\" y=\"40\" text-anchor=\"middle\" font-size=\"26\" fill=\"${c}\" opacity=\".4\" font-family=\"${F}\">\u2192<\/text>\n    <rect x=\"232\" y=\"52\" width=\"98\" height=\"24\" rx=\"6\" fill=\"${c}\"\/>\n    <text x=\"281\" y=\"62\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"${W}\" font-family=\"${F}\">Vote in role<\/text>\n    <text x=\"281\" y=\"72\" text-anchor=\"middle\" font-size=\"8\" fill=\"${W}\" opacity=\".8\" font-family=\"${F}\">as your character<\/text>\n  <\/svg>`,\n\n  \/* 17 - Scenario Dilemma: branching tree *\/\n  17: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <rect x=\"130\" y=\"4\" width=\"80\" height=\"20\" rx=\"5\" fill=\"${T}\" opacity=\".85\"\/>\n    <text x=\"170\" y=\"18\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"${W}\" font-family=\"${F}\">Scenario begins<\/text>\n    <line x1=\"170\" y1=\"24\" x2=\"90\" y2=\"44\" stroke=\"${c}\" stroke-width=\"1.5\"\/>\n    <line x1=\"170\" y1=\"24\" x2=\"250\" y2=\"44\" stroke=\"${c}\" stroke-width=\"1.5\"\/>\n    <rect x=\"44\" y=\"44\" width=\"92\" height=\"18\" rx=\"5\" fill=\"${c}\" opacity=\".85\"\/>\n    <text x=\"90\" y=\"56\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"600\" fill=\"${W}\" font-family=\"${F}\">Option A  63%<\/text>\n    <rect x=\"204\" y=\"44\" width=\"92\" height=\"18\" rx=\"5\" fill=\"${W}\" stroke=\"${c}\" stroke-width=\"1.5\"\/>\n    <text x=\"250\" y=\"56\" text-anchor=\"middle\" font-size=\"9\" fill=\"${c}\" font-family=\"${F}\">Option B  37%<\/text>\n    <line x1=\"90\" y1=\"62\" x2=\"55\" y2=\"76\" stroke=\"${c}\" stroke-width=\"1.2\"\/>\n    <line x1=\"90\" y1=\"62\" x2=\"125\" y2=\"76\" stroke=\"${c}\" stroke-width=\"1.2\" stroke-dasharray=\"3 2\" opacity=\".5\"\/>\n    <rect x=\"16\" y=\"76\" width=\"78\" height=\"18\" rx=\"5\" fill=\"${c}\" opacity=\".5\"\/>\n    <text x=\"55\" y=\"88\" text-anchor=\"middle\" font-size=\"8\" fill=\"${W}\" font-family=\"${F}\">Outcome A1<\/text>\n    <rect x=\"100\" y=\"76\" width=\"78\" height=\"18\" rx=\"5\" fill=\"#E0EAF0\"\/>\n    <text x=\"139\" y=\"88\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">Outcome A2<\/text>\n    <line x1=\"250\" y1=\"62\" x2=\"250\" y2=\"76\" stroke=\"#E0EAF0\" stroke-width=\"1.2\"\/>\n    <rect x=\"211\" y=\"76\" width=\"78\" height=\"18\" rx=\"5\" fill=\"#E0EAF0\"\/>\n    <text x=\"250\" y=\"88\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" opacity=\".35\" font-family=\"${F}\">Outcome B1<\/text>\n  <\/svg>`,\n\n  \/* 18 - Image Quiz (Facilitated): photo + 4 options *\/\n  18: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <rect x=\"8\" y=\"8\" width=\"130\" height=\"84\" rx=\"6\" fill=\"${T}\" opacity=\".1\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <text x=\"73\" y=\"52\" text-anchor=\"middle\" font-size=\"30\" font-family=\"${F}\">\ud83c\udfed<\/text>\n    <text x=\"73\" y=\"70\" text-anchor=\"middle\" font-size=\"9\" fill=\"${T}\" opacity=\".45\" font-family=\"${F}\">What is this process?<\/text>\n    <rect x=\"150\" y=\"8\" width=\"180\" height=\"18\" rx=\"5\" fill=\"${c}\" opacity=\".85\"\/>\n    <text x=\"152\" y=\"20\" font-size=\"9\" font-weight=\"700\" fill=\"${W}\" font-family=\"${F}\"> A  Lean manufacturing<\/text>\n    <text x=\"320\" y=\"20\" text-anchor=\"end\" font-size=\"9\" font-weight=\"700\" fill=\"${W}\" font-family=\"${F}\">\u2713<\/text>\n    <rect x=\"150\" y=\"30\" width=\"180\" height=\"18\" rx=\"5\" fill=\"${W}\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <text x=\"152\" y=\"42\" font-size=\"9\" fill=\"${T}\" opacity=\".6\" font-family=\"${F}\"> B  Six Sigma<\/text>\n    <rect x=\"150\" y=\"52\" width=\"180\" height=\"18\" rx=\"5\" fill=\"${W}\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <text x=\"152\" y=\"64\" font-size=\"9\" fill=\"${T}\" opacity=\".6\" font-family=\"${F}\"> C  Just-in-time<\/text>\n    <rect x=\"150\" y=\"74\" width=\"180\" height=\"18\" rx=\"5\" fill=\"${W}\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <text x=\"152\" y=\"86\" font-size=\"9\" fill=\"${T}\" opacity=\".6\" font-family=\"${F}\"> D  Agile delivery<\/text>\n    <rect x=\"150\" y=\"74\" width=\"4\" height=\"18\" rx=\"2\" fill=\"#E0EAF0\"\/>\n  <\/svg>`,\n\n  \/* 19 - Risk & Reward Quiz: token wager *\/\n  19: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <text x=\"170\" y=\"14\" text-anchor=\"middle\" font-size=\"10\" font-weight=\"600\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">Place your wager before the answer reveals<\/text>\n    <text x=\"60\" y=\"34\" text-anchor=\"middle\" font-size=\"9\" fill=\"${T}\" opacity=\".55\" font-family=\"${F}\">Your tokens<\/text>\n    <circle cx=\"25\" cy=\"58\" r=\"14\" fill=\"${c}\" opacity=\".9\"\/>\n    <text x=\"25\" y=\"63\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"800\" fill=\"${W}\" font-family=\"${F}\">T<\/text>\n    <circle cx=\"52\" cy=\"58\" r=\"14\" fill=\"${c}\" opacity=\".7\"\/>\n    <text x=\"52\" y=\"63\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"800\" fill=\"${W}\" font-family=\"${F}\">T<\/text>\n    <circle cx=\"79\" cy=\"58\" r=\"14\" fill=\"${c}\" opacity=\".4\"\/>\n    <text x=\"79\" y=\"63\" text-anchor=\"middle\" font-size=\"11\" fill=\"${W}\" font-family=\"${F}\">T<\/text>\n    <text x=\"60\" y=\"82\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">Bet 2 of 3<\/text>\n    <text x=\"170\" y=\"54\" text-anchor=\"middle\" font-size=\"28\" fill=\"${c}\" opacity=\".3\" font-family=\"${F}\">\u27f6<\/text>\n    <rect x=\"190\" y=\"22\" width=\"140\" height=\"68\" rx=\"8\" fill=\"${W}\" stroke=\"${c}\" stroke-width=\"1.5\"\/>\n    <text x=\"260\" y=\"42\" text-anchor=\"middle\" font-size=\"9\" fill=\"${T}\" opacity=\".55\" font-family=\"${F}\">If correct:<\/text>\n    <text x=\"260\" y=\"58\" text-anchor=\"middle\" font-size=\"22\" font-weight=\"800\" fill=\"#2BB090\" font-family=\"${F}\">+2<\/text>\n    <text x=\"260\" y=\"72\" text-anchor=\"middle\" font-size=\"9\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">If wrong: -2<\/text>\n    <text x=\"260\" y=\"84\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" opacity=\".3\" font-family=\"${F}\">High risk \u00b7 high reward<\/text>\n  <\/svg>`,\n\n  \/* 20 - Simulation Co-op Simple: group vote \u2192 single outcome *\/\n  20: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <text x=\"72\" y=\"12\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"${c}\" opacity=\".8\" letter-spacing=\".04em\" font-family=\"${F}\">GROUP VOTES<\/text>\n    <rect x=\"10\" y=\"18\" width=\"124\" height=\"22\" rx=\"6\" fill=\"${c}\" opacity=\".8\"\/>\n    <text x=\"72\" y=\"33\" text-anchor=\"middle\" font-size=\"10\" font-weight=\"700\" fill=\"${W}\" font-family=\"${F}\">Invest in growth  58%<\/text>\n    <rect x=\"10\" y=\"44\" width=\"124\" height=\"20\" rx=\"6\" fill=\"${W}\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <text x=\"72\" y=\"58\" text-anchor=\"middle\" font-size=\"10\" fill=\"${T}\" opacity=\".6\" font-family=\"${F}\">Cut costs  42%<\/text>\n    <text x=\"170\" y=\"52\" text-anchor=\"middle\" font-size=\"22\" fill=\"${c}\" opacity=\".4\" font-family=\"${F}\">\u2192<\/text>\n    <rect x=\"190\" y=\"8\" width=\"140\" height=\"84\" rx=\"8\" fill=\"${W}\" stroke=\"${c}\" stroke-width=\"1.5\"\/>\n    <text x=\"260\" y=\"26\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"${c}\" font-family=\"${F}\">OUTCOME<\/text>\n    <text x=\"260\" y=\"50\" text-anchor=\"middle\" font-size=\"26\" font-family=\"${F}\">\ud83d\udcc8<\/text>\n    <text x=\"260\" y=\"68\" text-anchor=\"middle\" font-size=\"10\" font-weight=\"600\" fill=\"#2BB090\" font-family=\"${F}\">Revenue +14%<\/text>\n    <text x=\"260\" y=\"82\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" opacity=\".45\" font-family=\"${F}\">Group chose growth<\/text>\n  <\/svg>`,\n\n  \/* 21 - Simulation Uncertainty: probability paths *\/\n  21: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <text x=\"170\" y=\"14\" text-anchor=\"middle\" font-size=\"10\" font-weight=\"600\" fill=\"${T}\" opacity=\".65\" font-family=\"${F}\">Choose your route \u2014 luck plays a role<\/text>\n    <rect x=\"10\" y=\"22\" width=\"130\" height=\"30\" rx=\"6\" fill=\"#E6F9F1\" stroke=\"#2BB090\" stroke-width=\"1.5\"\/>\n    <text x=\"75\" y=\"36\" text-anchor=\"middle\" font-size=\"10\" font-weight=\"700\" fill=\"#1B6B50\" font-family=\"${F}\">Safe route<\/text>\n    <text x=\"75\" y=\"48\" text-anchor=\"middle\" font-size=\"9\" fill=\"#1B6B50\" opacity=\".8\" font-family=\"${F}\">80% chance of success<\/text>\n    <rect x=\"10\" y=\"58\" width=\"130\" height=\"30\" rx=\"6\" fill=\"#FDECEA\" stroke=\"#E24B4A\" stroke-width=\"1.5\"\/>\n    <text x=\"75\" y=\"72\" text-anchor=\"middle\" font-size=\"10\" font-weight=\"700\" fill=\"#8A2020\" font-family=\"${F}\">Risky route<\/text>\n    <text x=\"75\" y=\"84\" text-anchor=\"middle\" font-size=\"9\" fill=\"#8A2020\" opacity=\".8\" font-family=\"${F}\">40% chance of success<\/text>\n    <text x=\"170\" y=\"52\" text-anchor=\"middle\" font-size=\"22\" fill=\"${T}\" opacity=\".2\" font-family=\"${F}\">?<\/text>\n    <rect x=\"190\" y=\"16\" width=\"60\" height=\"28\" rx=\"5\" fill=\"#E6F9F1\" stroke=\"#2BB090\" stroke-width=\"1\"\/>\n    <text x=\"220\" y=\"27\" text-anchor=\"middle\" font-size=\"8\" fill=\"#1B6B50\" font-family=\"${F}\">\u2713 Success<\/text>\n    <text x=\"220\" y=\"38\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"700\" fill=\"#1B6B50\" font-family=\"${F}\">+30<\/text>\n    <rect x=\"260\" y=\"16\" width=\"70\" height=\"28\" rx=\"5\" fill=\"#FDECEA\" stroke=\"#E24B4A\" stroke-width=\"1\"\/>\n    <text x=\"295\" y=\"27\" text-anchor=\"middle\" font-size=\"8\" fill=\"#8A2020\" font-family=\"${F}\">\u2717 Failed<\/text>\n    <text x=\"295\" y=\"38\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"700\" fill=\"#E24B4A\" font-family=\"${F}\">-20<\/text>\n    <text x=\"170\" y=\"72\" text-anchor=\"middle\" font-size=\"28\" font-family=\"${F}\">\ud83c\udfb2<\/text>\n    <text x=\"295\" y=\"75\" text-anchor=\"middle\" font-size=\"9\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">Even the best<\/text>\n    <text x=\"295\" y=\"87\" text-anchor=\"middle\" font-size=\"9\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">can get unlucky<\/text>\n  <\/svg>`,\n\n  \/* 22 - Simulation Co-op Advanced: multi-factor security dashboard *\/\n  22: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <rect x=\"8\" y=\"6\" width=\"148\" height=\"88\" rx=\"6\" fill=\"${T}\" opacity=\".9\"\/>\n    <text x=\"82\" y=\"20\" text-anchor=\"middle\" font-size=\"8\" fill=\"${W}\" opacity=\".5\" letter-spacing=\".04em\" font-family=\"${F}\">INCIDENT STATUS<\/text>\n    <text x=\"82\" y=\"40\" text-anchor=\"middle\" font-size=\"28\" font-family=\"${F}\">\ud83d\udee1\ufe0f<\/text>\n    <text x=\"82\" y=\"58\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"700\" fill=\"#FCAF18\" font-family=\"${F}\">CRITICAL<\/text>\n    <text x=\"82\" y=\"72\" text-anchor=\"middle\" font-size=\"9\" fill=\"${W}\" opacity=\".6\" font-family=\"${F}\">Systems at risk: 3<\/text>\n    <text x=\"82\" y=\"86\" text-anchor=\"middle\" font-size=\"8\" fill=\"${W}\" opacity=\".35\" font-family=\"${F}\">Round 2 of 4<\/text>\n    <text x=\"182\" y=\"16\" font-size=\"8\" font-weight=\"700\" fill=\"${c}\" opacity=\".7\" letter-spacing=\".04em\" font-family=\"${F}\">VARIABLES<\/text>\n    <text x=\"182\" y=\"32\" font-size=\"9\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">Containment<\/text>\n    <rect x=\"182\" y=\"36\" width=\"145\" height=\"7\" rx=\"3\" fill=\"#E0EAF0\"\/>\n    <rect x=\"182\" y=\"36\" width=\"87\" height=\"7\" rx=\"3\" fill=\"${c}\" opacity=\".7\"\/>\n    <text x=\"334\" y=\"43\" text-anchor=\"end\" font-size=\"8\" fill=\"${c}\" font-family=\"${F}\">60<\/text>\n    <text x=\"182\" y=\"55\" font-size=\"9\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">Team capacity<\/text>\n    <rect x=\"182\" y=\"59\" width=\"145\" height=\"7\" rx=\"3\" fill=\"#E0EAF0\"\/>\n    <rect x=\"182\" y=\"59\" width=\"116\" height=\"7\" rx=\"3\" fill=\"#F07C1A\" opacity=\".7\"\/>\n    <text x=\"334\" y=\"66\" text-anchor=\"end\" font-size=\"8\" fill=\"#F07C1A\" font-family=\"${F}\">80<\/text>\n    <text x=\"182\" y=\"78\" font-size=\"9\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">Reputational risk<\/text>\n    <rect x=\"182\" y=\"82\" width=\"145\" height=\"7\" rx=\"3\" fill=\"#E0EAF0\"\/>\n    <rect x=\"182\" y=\"82\" width=\"116\" height=\"7\" rx=\"3\" fill=\"#E24B4A\" opacity=\".8\"\/>\n    <text x=\"334\" y=\"89\" text-anchor=\"end\" font-size=\"8\" fill=\"#E24B4A\" font-family=\"${F}\">80<\/text>\n  <\/svg>`,\n\n  \/* 23 - Quick Brainstorm (Self-paced): text input + link *\/\n  23: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <text x=\"170\" y=\"18\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"600\" fill=\"${T}\" opacity=\".65\" font-family=\"${F}\">What's one thing we should improve?<\/text>\n    <rect x=\"30\" y=\"28\" width=\"280\" height=\"34\" rx=\"8\" fill=\"${W}\" stroke=\"${c}\" stroke-width=\"1.5\"\/>\n    <text x=\"46\" y=\"50\" font-size=\"10\" fill=\"${T}\" opacity=\".35\" font-family=\"${F}\">Write your idea here...<\/text>\n    <rect x=\"278\" y=\"36\" width=\"24\" height=\"18\" rx=\"5\" fill=\"${c}\" opacity=\".85\"\/>\n    <text x=\"290\" y=\"49\" text-anchor=\"middle\" font-size=\"12\" font-weight=\"700\" fill=\"${W}\" font-family=\"${F}\">\u2192<\/text>\n    <rect x=\"80\" y=\"72\" width=\"180\" height=\"20\" rx=\"10\" fill=\"${bg}\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <text x=\"170\" y=\"86\" text-anchor=\"middle\" font-size=\"9\" fill=\"${T}\" opacity=\".5\" font-family=\"${F}\">\ud83d\udd17  Share link \u00b7 anyone can respond<\/text>\n  <\/svg>`,\n\n  \/* 24 - Explorative Presentation: 6-tile topic grid *\/\n  24: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <rect x=\"8\"   y=\"6\"  width=\"98\" height=\"40\" rx=\"6\" fill=\"${c}\" opacity=\".85\"\/>\n    <text x=\"57\"  y=\"24\" text-anchor=\"middle\" font-size=\"16\" font-family=\"${F}\">\ud83c\udf0d<\/text>\n    <text x=\"57\"  y=\"38\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"${W}\" font-family=\"${F}\">Market<\/text>\n    <rect x=\"120\" y=\"6\"  width=\"98\" height=\"40\" rx=\"6\" fill=\"${W}\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <text x=\"169\" y=\"24\" text-anchor=\"middle\" font-size=\"16\" font-family=\"${F}\">\ud83d\udce6<\/text>\n    <text x=\"169\" y=\"38\" text-anchor=\"middle\" font-size=\"9\" fill=\"${T}\" opacity=\".65\" font-family=\"${F}\">Product<\/text>\n    <rect x=\"232\" y=\"6\"  width=\"98\" height=\"40\" rx=\"6\" fill=\"${W}\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <text x=\"281\" y=\"24\" text-anchor=\"middle\" font-size=\"16\" font-family=\"${F}\">\ud83d\udc65<\/text>\n    <text x=\"281\" y=\"38\" text-anchor=\"middle\" font-size=\"9\" fill=\"${T}\" opacity=\".65\" font-family=\"${F}\">Team<\/text>\n    <rect x=\"8\"   y=\"54\" width=\"98\" height=\"40\" rx=\"6\" fill=\"${W}\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <text x=\"57\"  y=\"72\" text-anchor=\"middle\" font-size=\"16\" font-family=\"${F}\">\ud83d\udcb0<\/text>\n    <text x=\"57\"  y=\"86\" text-anchor=\"middle\" font-size=\"9\" fill=\"${T}\" opacity=\".65\" font-family=\"${F}\">Finance<\/text>\n    <rect x=\"120\" y=\"54\" width=\"98\" height=\"40\" rx=\"6\" fill=\"${W}\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <text x=\"169\" y=\"72\" text-anchor=\"middle\" font-size=\"16\" font-family=\"${F}\">\u2699\ufe0f<\/text>\n    <text x=\"169\" y=\"86\" text-anchor=\"middle\" font-size=\"9\" fill=\"${T}\" opacity=\".65\" font-family=\"${F}\">Operations<\/text>\n    <rect x=\"232\" y=\"54\" width=\"98\" height=\"40\" rx=\"6\" fill=\"${W}\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <text x=\"281\" y=\"72\" text-anchor=\"middle\" font-size=\"16\" font-family=\"${F}\">\ud83c\udfaf<\/text>\n    <text x=\"281\" y=\"86\" text-anchor=\"middle\" font-size=\"9\" fill=\"${T}\" opacity=\".65\" font-family=\"${F}\">Strategy<\/text>\n  <\/svg>`,\n\n  \/* 25 - Animated Reveal Deck (Self-paced): slide with play\/nav controls *\/\n  25: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <rect x=\"20\" y=\"8\" width=\"300\" height=\"72\" rx=\"8\" fill=\"${W}\" stroke=\"#E0D0B0\" stroke-width=\"1\"\/>\n    <rect x=\"20\" y=\"8\" width=\"300\" height=\"22\" rx=\"8\" fill=\"${c}\" opacity=\".85\"\/>\n    <rect x=\"20\" y=\"22\" width=\"300\" height=\"8\" fill=\"${c}\" opacity=\".85\"\/>\n    <text x=\"170\" y=\"23\" text-anchor=\"middle\" font-size=\"10\" font-weight=\"700\" fill=\"${W}\" font-family=\"${F}\">2026 Annual Strategy Deck<\/text>\n    <rect x=\"36\" y=\"36\" width=\"120\" height=\"5\" rx=\"2\" fill=\"${T}\" opacity=\".12\"\/>\n    <rect x=\"36\" y=\"46\" width=\"160\" height=\"4\" rx=\"2\" fill=\"${T}\" opacity=\".08\"\/>\n    <rect x=\"36\" y=\"54\" width=\"140\" height=\"4\" rx=\"2\" fill=\"${T}\" opacity=\".08\"\/>\n    <rect x=\"36\" y=\"62\" width=\"100\" height=\"4\" rx=\"2\" fill=\"${T}\" opacity=\".08\"\/>\n    <rect x=\"200\" y=\"36\" width=\"100\" height=\"40\" rx=\"4\" fill=\"${bg}\" stroke=\"#E0D0B0\" stroke-width=\"1\" stroke-dasharray=\"4 3\"\/>\n    <text x=\"250\" y=\"58\" text-anchor=\"middle\" font-size=\"20\" fill=\"${c}\" opacity=\".4\" font-family=\"${F}\">\u25b6<\/text>\n    <text x=\"250\" y=\"70\" text-anchor=\"middle\" font-size=\"7\" fill=\"${c}\" opacity=\".4\" font-family=\"${F}\">play animation<\/text>\n    <rect x=\"20\" y=\"84\" width=\"300\" height=\"10\" rx=\"0\" rx=\"5\" fill=\"${bg}\"\/>\n    <text x=\"40\" y=\"92\" font-size=\"14\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">\u25c0<\/text>\n    <text x=\"170\" y=\"92\" text-anchor=\"middle\" font-size=\"9\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">3 \/ 7<\/text>\n    <text x=\"295\" y=\"92\" text-anchor=\"end\" font-size=\"14\" fill=\"${c}\" opacity=\".6\" font-family=\"${F}\">\u25b6<\/text>\n  <\/svg>`,\n\n  \/* 26 - Live Session Evaluation: NPS-style scale *\/\n  26: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <text x=\"170\" y=\"16\" text-anchor=\"middle\" font-size=\"10\" font-weight=\"600\" fill=\"${T}\" opacity=\".65\" font-family=\"${F}\">How likely are you to recommend this session?<\/text>\n    <text x=\"18\" y=\"35\" font-size=\"9\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">Not likely<\/text>\n    <text x=\"296\" y=\"35\" text-anchor=\"end\" font-size=\"9\" fill=\"${c}\" opacity=\".7\" font-family=\"${F}\">Very likely<\/text>\n    <rect x=\"18\" y=\"40\" width=\"24\" height=\"22\" rx=\"4\" fill=\"#E0EAF0\"\/>\n    <text x=\"30\" y=\"55\" text-anchor=\"middle\" font-size=\"10\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">1<\/text>\n    <rect x=\"46\" y=\"40\" width=\"24\" height=\"22\" rx=\"4\" fill=\"#E0EAF0\"\/>\n    <text x=\"58\" y=\"55\" text-anchor=\"middle\" font-size=\"10\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">2<\/text>\n    <rect x=\"74\" y=\"40\" width=\"24\" height=\"22\" rx=\"4\" fill=\"#FAD9B8\"\/>\n    <text x=\"86\" y=\"55\" text-anchor=\"middle\" font-size=\"10\" fill=\"#F07C1A\" font-family=\"${F}\">3<\/text>\n    <rect x=\"102\" y=\"40\" width=\"24\" height=\"22\" rx=\"4\" fill=\"#FAD9B8\"\/>\n    <text x=\"114\" y=\"55\" text-anchor=\"middle\" font-size=\"10\" fill=\"#F07C1A\" font-family=\"${F}\">4<\/text>\n    <rect x=\"130\" y=\"40\" width=\"24\" height=\"22\" rx=\"4\" fill=\"#FEF6E0\"\/>\n    <text x=\"142\" y=\"55\" text-anchor=\"middle\" font-size=\"10\" fill=\"#B07400\" font-family=\"${F}\">5<\/text>\n    <rect x=\"158\" y=\"40\" width=\"24\" height=\"22\" rx=\"4\" fill=\"#FEF6E0\"\/>\n    <text x=\"170\" y=\"55\" text-anchor=\"middle\" font-size=\"10\" fill=\"#B07400\" font-family=\"${F}\">6<\/text>\n    <rect x=\"186\" y=\"40\" width=\"24\" height=\"22\" rx=\"4\" fill=\"#E6F9F1\"\/>\n    <text x=\"198\" y=\"55\" text-anchor=\"middle\" font-size=\"10\" fill=\"#1B8A57\" font-family=\"${F}\">7<\/text>\n    <rect x=\"214\" y=\"40\" width=\"24\" height=\"22\" rx=\"4\" fill=\"#E6F9F1\"\/>\n    <text x=\"226\" y=\"55\" text-anchor=\"middle\" font-size=\"10\" fill=\"#1B8A57\" font-family=\"${F}\">8<\/text>\n    <rect x=\"242\" y=\"38\" width=\"26\" height=\"26\" rx=\"5\" fill=\"${c}\" opacity=\".9\" stroke=\"${c}\" stroke-width=\"2\"\/>\n    <text x=\"255\" y=\"55\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"800\" fill=\"${W}\" font-family=\"${F}\">9<\/text>\n    <rect x=\"272\" y=\"40\" width=\"24\" height=\"22\" rx=\"4\" fill=\"${c}\" opacity=\".6\"\/>\n    <text x=\"284\" y=\"55\" text-anchor=\"middle\" font-size=\"10\" font-weight=\"700\" fill=\"${W}\" font-family=\"${F}\">10<\/text>\n    <text x=\"170\" y=\"82\" text-anchor=\"middle\" font-size=\"9\" fill=\"${T}\" opacity=\".45\" font-family=\"${F}\">NPS Score: +62  \u00b7  184 responses<\/text>\n  <\/svg>`,\n\n  \/* 27 - Live Session Evaluation Self-Paced: branching survey *\/\n  27: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <rect x=\"118\" y=\"4\" width=\"104\" height=\"18\" rx=\"5\" fill=\"${T}\" opacity=\".8\"\/>\n    <text x=\"170\" y=\"16\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"600\" fill=\"${W}\" font-family=\"${F}\">Select your role<\/text>\n    <line x1=\"170\" y1=\"22\" x2=\"80\" y2=\"36\" stroke=\"${c}\" stroke-width=\"1.4\"\/>\n    <line x1=\"170\" y1=\"22\" x2=\"260\" y2=\"36\" stroke=\"#F07C1A\" stroke-width=\"1.4\"\/>\n    <rect x=\"20\" y=\"36\" width=\"116\" height=\"16\" rx=\"5\" fill=\"${c}\" opacity=\".8\"\/>\n    <text x=\"78\" y=\"47\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"600\" fill=\"${W}\" font-family=\"${F}\">Participant track<\/text>\n    <rect x=\"204\" y=\"36\" width=\"116\" height=\"16\" rx=\"5\" fill=\"#F07C1A\" opacity=\".8\"\/>\n    <text x=\"262\" y=\"47\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"600\" fill=\"${W}\" font-family=\"${F}\">Facilitator track<\/text>\n    <line x1=\"78\" y1=\"52\" x2=\"78\" y2=\"62\" stroke=\"${c}\" stroke-width=\"1.2\"\/>\n    <line x1=\"262\" y1=\"52\" x2=\"262\" y2=\"62\" stroke=\"#F07C1A\" stroke-width=\"1.2\"\/>\n    <rect x=\"20\" y=\"62\" width=\"116\" height=\"12\" rx=\"4\" fill=\"${bg}\" stroke=\"${c}\" stroke-width=\"1\"\/>\n    <text x=\"78\" y=\"71\" text-anchor=\"middle\" font-size=\"8\" fill=\"${c}\" font-family=\"${F}\">Was content relevant?<\/text>\n    <rect x=\"20\" y=\"78\" width=\"116\" height=\"12\" rx=\"4\" fill=\"${bg}\" stroke=\"${c}\" stroke-width=\"1\" opacity=\".6\"\/>\n    <text x=\"78\" y=\"87\" text-anchor=\"middle\" font-size=\"8\" fill=\"${c}\" opacity=\".6\" font-family=\"${F}\">What worked best?<\/text>\n    <rect x=\"204\" y=\"62\" width=\"116\" height=\"12\" rx=\"4\" fill=\"${bg}\" stroke=\"#F07C1A\" stroke-width=\"1\"\/>\n    <text x=\"262\" y=\"71\" text-anchor=\"middle\" font-size=\"8\" fill=\"#F07C1A\" font-family=\"${F}\">Was timing right?<\/text>\n    <rect x=\"204\" y=\"78\" width=\"116\" height=\"12\" rx=\"4\" fill=\"${bg}\" stroke=\"#F07C1A\" stroke-width=\"1\" opacity=\".6\"\/>\n    <text x=\"262\" y=\"87\" text-anchor=\"middle\" font-size=\"8\" fill=\"#F07C1A\" opacity=\".6\" font-family=\"${F}\">Group dynamic rating?<\/text>\n  <\/svg>`,\n\n  \/* 28 - Image Quiz (Self-paced): progress bar + solo complete *\/\n  28: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <text x=\"170\" y=\"14\" text-anchor=\"middle\" font-size=\"10\" font-weight=\"600\" fill=\"${T}\" opacity=\".6\" font-family=\"${F}\">Question 3 of 8  \u00b7  self-paced<\/text>\n    <rect x=\"15\" y=\"20\" width=\"310\" height=\"7\" rx=\"3.5\" fill=\"#E0EAF0\"\/>\n    <rect x=\"15\" y=\"20\" width=\"116\" height=\"7\" rx=\"3.5\" fill=\"${c}\" opacity=\".8\"\/>\n    <text x=\"170\" y=\"36\" text-anchor=\"middle\" font-size=\"9\" fill=\"${T}\" opacity=\".5\" font-family=\"${F}\">37% complete<\/text>\n    <rect x=\"15\" y=\"44\" width=\"130\" height=\"46\" rx=\"6\" fill=\"${T}\" opacity=\".08\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <text x=\"80\" y=\"72\" text-anchor=\"middle\" font-size=\"28\" font-family=\"${F}\">\ud83d\uddbc\ufe0f<\/text>\n    <text x=\"80\" y=\"85\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">Identify this diagram<\/text>\n    <rect x=\"158\" y=\"44\" width=\"167\" height=\"20\" rx=\"5\" fill=\"${c}\" stroke=\"${c}\" stroke-width=\"1.5\"\/>\n    <text x=\"158\" y=\"57\" font-size=\"8\" font-weight=\"700\" fill=\"${W}\" font-family=\"${F}\">  A  Process flow diagram<\/text>\n    <rect x=\"158\" y=\"68\" width=\"167\" height=\"20\" rx=\"5\" fill=\"${W}\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <text x=\"158\" y=\"81\" font-size=\"8\" fill=\"${T}\" opacity=\".55\" font-family=\"${F}\">  B  System architecture<\/text>\n  <\/svg>`,\n\n  \/* 29 - Dilemma Game (Self-paced): multi-node branching narrative *\/\n  29: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <rect x=\"130\" y=\"4\" width=\"80\" height=\"16\" rx=\"5\" fill=\"${T}\" opacity=\".8\"\/>\n    <text x=\"170\" y=\"15\" text-anchor=\"middle\" font-size=\"8\" font-weight=\"700\" fill=\"${W}\" font-family=\"${F}\">Your story begins<\/text>\n    <line x1=\"170\" y1=\"20\" x2=\"90\" y2=\"34\" stroke=\"${c}\" stroke-width=\"1.3\"\/>\n    <line x1=\"170\" y1=\"20\" x2=\"250\" y2=\"34\" stroke=\"${c}\" stroke-width=\"1.3\" opacity=\".5\"\/>\n    <rect x=\"46\" y=\"34\" width=\"88\" height=\"14\" rx=\"4\" fill=\"${c}\" opacity=\".85\"\/>\n    <text x=\"90\" y=\"44\" text-anchor=\"middle\" font-size=\"8\" font-weight=\"600\" fill=\"${W}\" font-family=\"${F}\">Chose: Speak up<\/text>\n    <rect x=\"206\" y=\"34\" width=\"88\" height=\"14\" rx=\"4\" fill=\"${W}\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <text x=\"250\" y=\"44\" text-anchor=\"middle\" font-size=\"8\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">Stay silent<\/text>\n    <line x1=\"90\" y1=\"48\" x2=\"60\" y2=\"60\" stroke=\"${c}\" stroke-width=\"1.2\"\/>\n    <line x1=\"90\" y1=\"48\" x2=\"120\" y2=\"60\" stroke=\"${c}\" stroke-width=\"1.2\" opacity=\".5\"\/>\n    <rect x=\"20\" y=\"60\" width=\"80\" height=\"14\" rx=\"4\" fill=\"${c}\" opacity=\".6\"\/>\n    <text x=\"60\" y=\"70\" text-anchor=\"middle\" font-size=\"7\" fill=\"${W}\" font-family=\"${F}\">Escalate issue<\/text>\n    <rect x=\"104\" y=\"60\" width=\"80\" height=\"14\" rx=\"4\" fill=\"${W}\" stroke=\"#E0EAF0\" stroke-width=\"1\"\/>\n    <text x=\"144\" y=\"70\" text-anchor=\"middle\" font-size=\"7\" fill=\"${T}\" opacity=\".4\" font-family=\"${F}\">Find compromise<\/text>\n    <line x1=\"60\" y1=\"74\" x2=\"60\" y2=\"84\" stroke=\"${c}\" stroke-width=\"1.2\"\/>\n    <rect x=\"20\" y=\"84\" width=\"80\" height=\"12\" rx=\"4\" fill=\"#2BB090\" opacity=\".8\"\/>\n    <text x=\"60\" y=\"93\" text-anchor=\"middle\" font-size=\"7\" font-weight=\"700\" fill=\"${W}\" font-family=\"${F}\">Outcome: Resolved<\/text>\n    <text x=\"250\" y=\"70\" text-anchor=\"middle\" font-size=\"26\" fill=\"${T}\" opacity=\".12\" font-family=\"${F}\">\u22ef<\/text>\n    <rect x=\"206\" y=\"80\" width=\"120\" height=\"14\" rx=\"4\" fill=\"${bg}\" stroke=\"#E0EAF0\" stroke-width=\"1\" stroke-dasharray=\"3 2\"\/>\n    <text x=\"266\" y=\"90\" text-anchor=\"middle\" font-size=\"7\" fill=\"${T}\" opacity=\".3\" font-family=\"${F}\">awaiting your choice<\/text>\n  <\/svg>`,\n\n  \/* 30 - Simulation Game: manager first 100 days dashboard *\/\n  30: (bg,c) => `<svg viewBox=\"-16 -10 372 120\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"340\" height=\"100\" fill=\"${bg}\"\/>\n    <rect x=\"8\" y=\"6\" width=\"70\" height=\"88\" rx=\"6\" fill=\"${T}\" opacity=\".9\"\/>\n    <text x=\"43\" y=\"22\" text-anchor=\"middle\" font-size=\"8\" fill=\"${W}\" opacity=\".5\" font-family=\"${F}\">DAY<\/text>\n    <text x=\"43\" y=\"46\" text-anchor=\"middle\" font-size=\"28\" font-weight=\"800\" fill=\"${W}\" font-family=\"${F}\">37<\/text>\n    <text x=\"43\" y=\"60\" text-anchor=\"middle\" font-size=\"8\" fill=\"${W}\" opacity=\".4\" font-family=\"${F}\">of 100<\/text>\n    <line x1=\"15\" y1=\"68\" x2=\"71\" y2=\"68\" stroke=\"${W}\" stroke-width=\"1\" opacity=\".15\"\/>\n    <text x=\"43\" y=\"80\" text-anchor=\"middle\" font-size=\"7\" fill=\"${W}\" opacity=\".45\" font-family=\"${F}\">Manager<\/text>\n    <text x=\"43\" y=\"90\" text-anchor=\"middle\" font-size=\"7\" fill=\"${W}\" opacity=\".45\" font-family=\"${F}\">Sim<\/text>\n    <text x=\"92\" y=\"16\" font-size=\"8\" font-weight=\"700\" fill=\"${c}\" opacity=\".7\" letter-spacing=\".04em\" font-family=\"${F}\">KPIs<\/text>\n    <text x=\"92\" y=\"30\" font-size=\"9\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">Team trust<\/text>\n    <rect x=\"92\" y=\"34\" width=\"180\" height=\"7\" rx=\"3\" fill=\"#E0EAF0\"\/>\n    <rect x=\"92\" y=\"34\" width=\"144\" height=\"7\" rx=\"3\" fill=\"${c}\" opacity=\".75\"\/>\n    <text x=\"280\" y=\"41\" font-size=\"9\" font-weight=\"700\" fill=\"${c}\" font-family=\"${F}\">80<\/text>\n    <text x=\"92\" y=\"52\" font-size=\"9\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">Delivery pace<\/text>\n    <rect x=\"92\" y=\"56\" width=\"180\" height=\"7\" rx=\"3\" fill=\"#E0EAF0\"\/>\n    <rect x=\"92\" y=\"56\" width=\"81\" height=\"7\" rx=\"3\" fill=\"#F07C1A\" opacity=\".75\"\/>\n    <text x=\"280\" y=\"63\" font-size=\"9\" font-weight=\"700\" fill=\"#F07C1A\" font-family=\"${F}\">45<\/text>\n    <text x=\"92\" y=\"74\" font-size=\"9\" fill=\"${T}\" opacity=\".7\" font-family=\"${F}\">Stakeholder buy-in<\/text>\n    <rect x=\"92\" y=\"78\" width=\"180\" height=\"7\" rx=\"3\" fill=\"#E0EAF0\"\/>\n    <rect x=\"92\" y=\"78\" width=\"126\" height=\"7\" rx=\"3\" fill=\"#FCAF18\" opacity=\".75\"\/>\n    <text x=\"280\" y=\"85\" font-size=\"9\" font-weight=\"700\" fill=\"#B07400\" font-family=\"${F}\">70<\/text>\n    <text x=\"92\" y=\"98\" font-size=\"8\" fill=\"${T}\" opacity=\".35\" font-family=\"${F}\">Next decision unlocks at day 45<\/text>\n  <\/svg>`,\n};\n\nfunction buildThumb(id, cat) {\n  const c  = CAT_COLOR[cat] || '#17A9C8';\n  const bg = CAT_BG[cat]   || '#f5f7fa';\n  const fn = THUMBS[id];\n  return fn ? fn(bg, c) : THUMBS[1](bg, c);\n}\n\nconst templates = [\n  { id:1,  name:'Hurtig brainstorm',              category:'Brainstorm',       slides:5,  participants:'5-200',  time:'10-15 min.', diff:'Beginner',     mode:'Facilitated', preview:'https:\/\/web.dibl.eu\/preview\/8575',\n    desc:'Saml alles tanker p\u00e5 \u00e9n gang, og vis dem som en f\u00e6lles ordsky. Den simpleste brainstorm i DiBL - \u00e9t sp\u00f8rgsm\u00e5l, \u00e9t input, \u00e9n afsl\u00f8ring.' },\n  { id:2,  name:'Brainstorm + prioritering',      category:'Brainstorm',       slides:6,  participants:'5-200',  time:'15-20 min.', diff:'Beginner',     mode:'Facilitated', preview:'https:\/\/web.dibl.eu\/preview\/8576',\n    desc:'Saml id\u00e9er, og lad derefter deltagerne stemme om, hvad der betyder mest. Slutter med en rangeret top-5-liste, som gruppen har valgt i f\u00e6llesskab.' },\n  { id:3,  name:'Fordele\/ulemper side om side',   category:'Brainstorm',       slides:5,  participants:'5-100',  time:'15-20 min.', diff:'Beginner',     mode:'Facilitated', preview:'https:\/\/web.dibl.eu\/preview\/8577',\n    desc:'Saml argumenter for og imod en beslutning, og afsl\u00f8r begge sider samtidig. Skaber en afbalanceret, visuel sammenligning, der f\u00f8rer til bedre informerede valg.' },\n  { id:4,  name:'Team-brainstorm-udfordring',     category:'Brainstorm',       slides:8,  participants:'10-60',  time:'25-35 min.', diff:'Intermediate', mode:'Facilitated', preview:'https:\/\/web.dibl.eu\/preview\/8578',\n    desc:'Teams brainstormer uafh\u00e6ngigt om det samme sp\u00f8rgsm\u00e5l og pr\u00e6senterer derefter deres id\u00e9er \u00e9n ad gangen. Sammenligning p\u00e5 tv\u00e6rs af teams viser, hvor rummet er enigt - og hvor det ikke er.' },\n  { id:5,  name:'Perspektiv-brainstorm',          category:'Brainstorm',       slides:6,  participants:'10-80',  time:'20-30 min.', diff:'Intermediate', mode:'Facilitated', preview:'https:\/\/web.dibl.eu\/preview\/8579',\n    desc:'Tildel deltagerne forskellige roller, og afsl\u00f8r derefter, hvordan hvert perspektiv ser det samme sp\u00f8rgsm\u00e5l. Opbygger empati ved at g\u00f8re usynlige antagelser synlige.' },\n  { id:6,  name:'Tragtet team-brainstorm',        category:'Brainstorm',       slides:15, participants:'6-60',   time:'35-45 min.', diff:'Intermediate', mode:'Facilitated', preview:'https:\/\/web.dibl.eu\/preview\/8580',\n    desc:'Lad teams brainstorme parallelt, forfin id\u00e9erne gennem deltagerinvolvering, og giv til sidst point til de bedste id\u00e9er med henblik p\u00e5 fremtidigt fokus.' },\n  { id:7,  name:'Animeret afsl\u00f8rings-deck',       category:'Presentation',     slides:7,  participants:'5-200',  time:'5-10 min.',  diff:'Beginner',     mode:'Facilitated', preview:'https:\/\/web.dibl.eu\/preview\/8581',\n    desc:'Et fuldt designet deck med fokus p\u00e5 layout, hvor animationer giver en tidsstyret og engagerende pr\u00e6sentationsoplevelse.' },\n  { id:8,  name:'Briefing med to sk\u00e6rme',         category:'Presentation',     slides:5,  participants:'5-200',  time:'5-10 min.',  diff:'Beginner',     mode:'Facilitated', preview:'https:\/\/web.dibl.eu\/preview\/8582',\n    desc:'Fordel indhold mellem facilitator- og deltagersk\u00e6rme. Brug deltagersiden til at dele materialer, som folk selv kan dykke ned i.' },\n  { id:9,  name:'Visuel rejse',                   category:'Presentation',     slides:4,  participants:'2-500',  time:'10-15 min.', diff:'Beginner',     mode:'Facilitated', preview:'https:\/\/web.dibl.eu\/preview\/8583',\n    desc:'Et billedrigt layout, hvor deltagerne udforsker indhold i deres eget tempo ved at trykke p\u00e5 kort for at udvide detaljer, mens facilitatoren fort\u00e6ller eller tr\u00e6der tilbage.' },\n  { id:10, name:'Hurtig afstemning',              category:'Survey & Polls',   slides:4,  participants:'2-500',  time:'1-2 min.',   diff:'Beginner',     mode:'Facilitated', preview:'https:\/\/web.dibl.eu\/preview\/8584',\n    desc:'Lav en hurtig afstemning om \u00e9t sp\u00f8rgsm\u00e5l, hvor resultaterne vises \u00f8jeblikkeligt og er anonyme.' },\n  { id:11, name:'Live-evaluering',                category:'Survey & Polls',   slides:6,  participants:'2-500',  time:'1-2 min.',   diff:'Beginner',     mode:'Facilitated', preview:'https:\/\/web.dibl.eu\/preview\/8585',\n    desc:'Lad deltagerne svare og med det samme se og diskutere resultaterne sammen.' },\n  { id:12, name:'F\u00f8r- og efter-afstemning',       category:'Survey & Polls',   slides:7,  participants:'2-500',  time:'2-4 min.',   diff:'Beginner',     mode:'Facilitated', preview:'https:\/\/web.dibl.eu\/preview\/8586',\n    desc:'K\u00f8r en lille afstemning eller unders\u00f8gelse f\u00f8r dit event, og sammenlign resultaterne bagefter for at m\u00e5le en \u00e6ndring.' },\n  { id:13, name:'Afstemningsserie i flere runder', category:'Survey & Polls',  slides:10, participants:'2-500',  time:'3-4 min.',   diff:'Beginner',     mode:'Facilitated', preview:'https:\/\/web.dibl.eu\/preview\/8587',\n    desc:'Tre sp\u00f8rgsm\u00e5l i hurtig r\u00e6kkef\u00f8lge, der informerer hinanden og bygger et billede runde for runde.' },\n  { id:14, name:'Dynamisk brainstorm og afstemning', category:'Survey & Polls', slides:7,  participants:'4-100',  time:'5-10 min.',  diff:'Intermediate', mode:'Facilitated', preview:'https:\/\/web.dibl.eu\/preview\/8588',\n    desc:'Facilitatoren starter live ved at v\u00e6lge, hvilket brainstorm-sp\u00f8rgsm\u00e5l der skal stilles - fuldt fleksibelt i \u00f8jeblikket.' },\n  { id:15, name:'Bin\u00e6rt dilemma',                 category:'Dilemma',          slides:5,  participants:'4-100',  time:'5-10 min.',  diff:'Beginner',     mode:'Facilitated', preview:'https:\/\/web.dibl.eu\/preview\/8589',\n    desc:'Stil \u00e9t sv\u00e6rt valg. Afsl\u00f8r fordelingen, og vis forskellige konsekvenser for hver vej p\u00e5 facilitatorsk\u00e6rmen.' },\n  { id:16, name:'Perspektiv-dilemma',             category:'Dilemma',          slides:6,  participants:'4-100',  time:'5-10 min.',  diff:'Beginner',     mode:'Facilitated', preview:'https:\/\/web.dibl.eu\/preview\/8590',\n    desc:'Deltagerne p\u00e5tager sig roller f\u00f8r valget og tr\u00e6ffer beslutningen, mens de st\u00e5r i en andens sko.' },\n  { id:17, name:'Scenarie-dilemma',               category:'Dilemma',          slides:8,  participants:'4-100',  time:'12-15 min.', diff:'Intermediate', mode:'Facilitated', preview:'https:\/\/web.dibl.eu\/preview\/8591',\n    desc:'Et scenarie med en r\u00e6kke dilemmaer, der dukker op undervejs. Afsl\u00f8r fordelingen efter hvert af dem, og f\u00f8lg den vej, som flertallet foretr\u00e6kker.' },\n  { id:18, name:'Billedquiz',                     category:'Quiz & mini-game', slides:11, participants:'3-200',  time:'6-10 min.',  diff:'Intermediate', mode:'Facilitated', preview:'https:\/\/web.dibl.eu\/preview\/8592',\n    desc:'Tre sp\u00f8rgsm\u00e5l p\u00e5 tv\u00e6rs af tekst, billede og v\u00e6rdier. Deltagerne optjener point og f\u00e5r skr\u00e6ddersyet feedback p\u00e5, om de svarede rigtigt.' },\n  { id:19, name:'Risiko & gevinst-quiz',          category:'Quiz & mini-game', slides:9,  participants:'4-200',  time:'6-10 min.',  diff:'Intermediate', mode:'Facilitated', preview:'https:\/\/web.dibl.eu\/preview\/8593',\n    desc:'Deltagerne satser point, f\u00f8r de ser svaret. H\u00f8jere indsats betyder st\u00f8rre gevinst eller tab - hvert sp\u00f8rgsm\u00e5l bliver et beregnet v\u00e6ddem\u00e5l p\u00e5 egen viden.' },\n  { id:20, name:'Simulation co-op (simpel)',      category:'Simulation',       slides:6,  participants:'4-100',  time:'5-7 min.',   diff:'Beginner',     mode:'Facilitated', preview:'https:\/\/web.dibl.eu\/preview\/8594',\n    desc:'Deltagerne stemmer om muligheder, og centrale variabler i simuleringen p\u00e5virkes, hvilket f\u00f8rer til et f\u00e6lles slutresultat.' },\n  { id:21, name:'Simulation med usikkerhed',      category:'Simulation',       slides:9,  participants:'4-100',  time:'12-15 min.', diff:'Intermediate', mode:'Facilitated', preview:'https:\/\/web.dibl.eu\/preview\/8595',\n    desc:'V\u00e6lg mellem den sikre eller den mere risikable vej - hver mulighed har en sandsynlighed for at lykkes. Nogle gange er man uheldig, selv med de bedste beslutninger.' },\n  { id:22, name:'Simulation co-op (avanceret)',   category:'Simulation',       slides:7,  participants:'4-100',  time:'12-15 min.', diff:'Intermediate', mode:'Facilitated', preview:'https:\/\/web.dibl.eu\/preview\/8596',\n    desc:'En simulering, hvor man skal afveje flere faktorer samtidig, illustreret gennem et eksempel med en sikkerhedsh\u00e6ndelse.' },\n  { id:23, name:'Hurtig brainstorm',              category:'Brainstorm',       slides:1,  participants:'1-500',  time:'2-4 min.',   diff:'Beginner',     mode:'self-paced',  preview:'https:\/\/web.dibl.eu\/preview\/8521?showSides=participant',\n    desc:'Saml alles tanker i \u00e9t fritekstfelt ved at sende et link ud - ingen facilitering n\u00f8dvendig.' },\n  { id:24, name:'Udforskende pr\u00e6sentation',       category:'Presentation',     slides:15, participants:'1-500',  time:'8-15 min.',  diff:'Intermediate', mode:'self-paced',  preview:'https:\/\/web.dibl.eu\/preview\/8523?showSides=participant',\n    desc:'En pr\u00e6sentation, hvor deltagerne udforsker i deres eget tempo baseret p\u00e5 deres interesse p\u00e5 tv\u00e6rs af forskellige omr\u00e5der.' },\n  { id:25, name:'Animeret afsl\u00f8rings-deck',       category:'Presentation',     slides:7,  participants:'1-500',  time:'4-6 min.',   diff:'Beginner',     mode:'self-paced',  preview:'https:\/\/web.dibl.eu\/preview\/8537?showSides=participant',\n    desc:'En rigere animeret pr\u00e6sentation, som deltagerne frit kan udforske i deres eget tempo.' },\n  { id:26, name:'Live sessionsevaluering',        category:'Survey & Polls',   slides:4,  participants:'1-500',  time:'2-4 min.',   diff:'Beginner',     mode:'self-paced',  preview:'https:\/\/web.dibl.eu\/preview\/8534?showSides=participant',\n    desc:'Saml alles input gennem et unders\u00f8gelseslink, der sendes ud efter en session eller et event.' },\n  { id:27, name:'Live sessionsevaluering (selvstyret)', category:'Survey & Polls', slides:6, participants:'1-500', time:'2-4 min.',  diff:'Intermediate', mode:'self-paced',  preview:'https:\/\/web.dibl.eu\/preview\/8535?showSides=participant',\n    desc:'Unders\u00f8gelse med forgreningslogik, s\u00e5 hver deltager ser rollespecifikke opf\u00f8lgningssp\u00f8rgsm\u00e5l.' },\n  { id:28, name:'Billedquiz',                     category:'Quiz & mini-game', slides:8,  participants:'1-500',  time:null,         diff:'Intermediate', mode:'self-paced',  preview:'https:\/\/web.dibl.eu\/preview\/8536?showSides=participant',\n    desc:'Send en quiz ud, som alle kan gennemf\u00f8re i eget tempo - velegnet til certificering og videnstjek.' },\n  { id:29, name:'Dilemmaspil',                    category:'Dilemma',          slides:11, participants:'1-500',  time:'8-10 min.',  diff:'Intermediate', mode:'self-paced',  preview:'https:\/\/web.dibl.eu\/preview\/8539?showSides=participant',\n    desc:'\u00c9t scenarie med adskillige dilemmaer med let forgrening baseret p\u00e5 dine valg - en solo l\u00e6ringsrejse.' },\n  { id:30, name:'Simulationsspil',                category:'Simulation',       slides:5,  participants:'1-500',  time:'8-10 min.',  diff:'Intermediate', mode:'self-paced',  preview:'https:\/\/web.dibl.eu\/preview\/8540?showSides=participant',\n    desc:'En lille simulering, hvor man afvejer forskellige faktorer som leder i sine f\u00f8rste 100 dage.' },\n];\n\nconst ICON_CLOCK  = `<svg viewBox=\"0 0 22 22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"9\"\/><polyline points=\"11,5.5 11,11 14.5,13.5\"\/><\/svg>`;\nconst ICON_SLIDES = `<svg viewBox=\"0 0 22 22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"18\" height=\"13\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"14\" y2=\"21\"\/><line x1=\"11\" y1=\"16\" x2=\"11\" y2=\"21\"\/><polyline points=\"5,13 8,9 11,11 15,6.5\"\/><circle cx=\"15\" cy=\"6.5\" r=\"1.2\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>`;\nconst ICON_USERS  = `<svg viewBox=\"0 0 24 22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"8\" cy=\"6\" r=\"3.2\"\/><path d=\"M1 19.5c0-3.87 3.13-7 7-7s7 3.13 7 7\"\/><circle cx=\"17\" cy=\"6\" r=\"3.2\"\/><path d=\"M14 19.5c0-3.87 1.79-7 4-7s4 3.13 4 7\" opacity=\"0.55\"\/><\/svg>`;\nconst ICON_GAUGE  = `<svg viewBox=\"0 0 22 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 14a9 9 0 0 1 18 0\"\/><path d=\"M11 14 L7.5 8\" stroke-width=\"2\"\/><circle cx=\"11\" cy=\"14\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"\/><line x1=\"2\" y1=\"14\" x2=\"4\" y2=\"14\"\/><line x1=\"20\" y1=\"14\" x2=\"18\" y2=\"14\"\/><line x1=\"11\" y1=\"5\" x2=\"11\" y2=\"7\"\/><\/svg>`;\n\nfunction buildCard(t) {\n  const color = CAT_COLOR[t.category] || '#17A9C8';\n  const bg    = CAT_BG[t.category]   || '#f5f7fa';\n  const diffCls = t.diff === 'Beginner' ? 'diff-beginner' : 'diff-intermediate';\n  const modeLabel = t.mode === 'self-paced' ? 'Selvstyret' : 'Faciliteret';\n\n  const hasPreview = t.preview && t.preview !== '#';\n  const previewBtn = hasPreview\n    ? `<button class=\"btn-preview\" onclick=\"openDiblModal('${t.preview}', '${t.name.replace(\/'\/g, \"\\\\'\")}')\">Preview<\/button>`\n    : `<button class=\"btn-preview\" style=\"opacity:.4;cursor:default\" disabled>Preview<\/button>`;\n  const footer = `${previewBtn}\n    <a class=\"btn-use\" href=\"${SIGN_UP}\" target=\"_blank\" rel=\"noopener\">Brug skabelon<\/a>`;\n\n  return `\n    <div class=\"card\" data-cat=\"${t.category}\" data-mode=\"${t.mode}\">\n      <div class=\"card-thumb\" style=\"background:${bg}\">${buildThumb(t.id, t.category)}<\/div>\n      <div class=\"card-body\">\n        <div class=\"card-top\">\n          <div class=\"card-name\">${t.name}<\/div>\n          <span class=\"cat-badge\" style=\"background:${bg};color:${color}\">${CAT_LABEL[t.category] || t.category}<\/span>\n        <\/div>\n        <p class=\"card-desc\">${t.desc}<\/p>\n        <div class=\"card-meta\">\n          ${t.time ? `<span class=\"meta-chip\">${ICON_CLOCK}${t.time}<\/span>` : ''}\n          <span class=\"meta-chip\">${ICON_SLIDES}${t.slides} slide${t.slides !== 1 ? 's' : ''}<\/span>\n          <span class=\"meta-chip\">${ICON_USERS}${t.participants} deltagere<\/span>\n          <span class=\"meta-chip ${diffCls}\">${ICON_GAUGE}${DIFF_LABEL[t.diff] || t.diff}<\/span>\n        <\/div>\n        <div class=\"card-footer\">${footer}<\/div>\n      <\/div>\n    <\/div>`;\n}\n\nfunction render(catFilter, modeFilter) {\n  const grid = document.getElementById('templateGrid');\n  const label = document.getElementById('resultsLabel');\n  const filtered = templates.filter(t =>\n    (catFilter === 'all' || t.category === catFilter) && t.mode === modeFilter\n  );\n  grid.innerHTML = filtered.length\n    ? filtered.map(buildCard).join('')\n    : `<div class=\"empty visible\">Ingen skabeloner matcher disse filtre. <a href=\"${SIGN_UP}\">Tilmeld dig<\/a> for at bygge fra bunden.<\/div>`;\n  label.textContent = `Viser ${filtered.length} skabelon${filtered.length !== 1 ? 'er' : ''}`;\n}\n\nlet activeCat = 'all', activeMode = 'Facilitated';\n\ndocument.getElementById('catFilters').addEventListener('click', e => {\n  const btn = e.target.closest('.cat-btn');\n  if (!btn) return;\n  document.querySelectorAll('.cat-btn').forEach(b => b.classList.remove('active'));\n  btn.classList.add('active');\n  activeCat = btn.dataset.cat;\n  render(activeCat, activeMode);\n});\n\ndocument.getElementById('modeToggle').addEventListener('click', e => {\n  const btn = e.target.closest('.mode-btn');\n  if (!btn) return;\n  document.querySelectorAll('.mode-btn').forEach(b => b.classList.remove('active'));\n  btn.classList.add('active');\n  activeMode = btn.dataset.mode;\n  render(activeCat, activeMode);\n});\n\nrender(activeCat, activeMode);\n<\/script>\n<\/div>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-36554","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Skabeloner \u2013 klar til brug | DiBL<\/title>\n<meta name=\"description\" content=\"30 f\u00e6rdige skabeloner til brainstorming, dilemmaer, quizzer, simulationer og meget mere. V\u00e6lg en skabelon, tilpas indholdet, og afhold din f\u00f8rste session p\u00e5 f\u00e5 minutter.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dibl.eu\/da\/dibl-skabeloner\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"30 skabeloner \u2013 Kom i gang p\u00e5 f\u00e5 minutter | DiBL\" \/>\n<meta property=\"og:description\" content=\"Skabeloner med vejledning og til eget tempo til alle formater. V\u00e6lg en, tilpas den efter dine behov, og kom i gang.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dibl.eu\/da\/dibl-skabeloner\/\" \/>\n<meta property=\"og:site_name\" content=\"DiBL - Dilemma Based Learning\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-02T10:32:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dibl.eu\/wp-content\/uploads\/2021\/12\/dibl-logo-socials.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"30 skabeloner \u2013 Kom i gang p\u00e5 f\u00e5 minutter | DiBL\" \/>\n<meta name=\"twitter:description\" content=\"Skabeloner med vejledning og til eget tempo til alle formater. V\u00e6lg en, tilpas den efter dine behov, og kom i gang.\" \/>\n<meta name=\"twitter:label1\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dibl.eu\\\/da\\\/dibl-skabeloner\\\/\",\"url\":\"https:\\\/\\\/dibl.eu\\\/da\\\/dibl-skabeloner\\\/\",\"name\":\"Skabeloner \u2013 klar til brug | DiBL\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dibl.eu\\\/da\\\/#website\"},\"datePublished\":\"2026-05-22T18:32:33+00:00\",\"dateModified\":\"2026-07-02T10:32:29+00:00\",\"description\":\"30 f\u00e6rdige skabeloner til brainstorming, dilemmaer, quizzer, simulationer og meget mere. V\u00e6lg en skabelon, tilpas indholdet, og afhold din f\u00f8rste session p\u00e5 f\u00e5 minutter.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dibl.eu\\\/da\\\/dibl-skabeloner\\\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dibl.eu\\\/da\\\/dibl-skabeloner\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dibl.eu\\\/da\\\/dibl-skabeloner\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Hjem\",\"item\":\"https:\\\/\\\/dibl.eu\\\/da\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"DiBL-skabeloner\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dibl.eu\\\/da\\\/#website\",\"url\":\"https:\\\/\\\/dibl.eu\\\/da\\\/\",\"name\":\"DiBL - Dilemma Based Learning\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/dibl.eu\\\/da\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dibl.eu\\\/da\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dibl.eu\\\/da\\\/#organization\",\"name\":\"dibl\",\"url\":\"https:\\\/\\\/dibl.eu\\\/da\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/dibl.eu\\\/da\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/dibl.eu\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/dibl-logo-apple-touch.png\",\"contentUrl\":\"https:\\\/\\\/dibl.eu\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/dibl-logo-apple-touch.png\",\"width\":200,\"height\":200,\"caption\":\"dibl\"},\"image\":{\"@id\":\"https:\\\/\\\/dibl.eu\\\/da\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/dibl\\\/about\\\/\",\"https:\\\/\\\/www.wikidata.org\\\/wiki\\\/Q139374983\"],\"email\":\"info@dibl.eu\",\"telephone\":\"+45\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"1\",\"maxValue\":\"10\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Skabeloner \u2013 klar til brug | DiBL","description":"30 f\u00e6rdige skabeloner til brainstorming, dilemmaer, quizzer, simulationer og meget mere. V\u00e6lg en skabelon, tilpas indholdet, og afhold din f\u00f8rste session p\u00e5 f\u00e5 minutter.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/dibl.eu\/da\/dibl-skabeloner\/","og_locale":"da_DK","og_type":"article","og_title":"30 skabeloner \u2013 Kom i gang p\u00e5 f\u00e5 minutter | DiBL","og_description":"Skabeloner med vejledning og til eget tempo til alle formater. V\u00e6lg en, tilpas den efter dine behov, og kom i gang.","og_url":"https:\/\/dibl.eu\/da\/dibl-skabeloner\/","og_site_name":"DiBL - Dilemma Based Learning","article_modified_time":"2026-07-02T10:32:29+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/dibl.eu\/wp-content\/uploads\/2021\/12\/dibl-logo-socials.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_title":"30 skabeloner \u2013 Kom i gang p\u00e5 f\u00e5 minutter | DiBL","twitter_description":"Skabeloner med vejledning og til eget tempo til alle formater. V\u00e6lg en, tilpas den efter dine behov, og kom i gang.","twitter_misc":{"Estimeret l\u00e6setid":"1 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dibl.eu\/da\/dibl-skabeloner\/","url":"https:\/\/dibl.eu\/da\/dibl-skabeloner\/","name":"Skabeloner \u2013 klar til brug | DiBL","isPartOf":{"@id":"https:\/\/dibl.eu\/da\/#website"},"datePublished":"2026-05-22T18:32:33+00:00","dateModified":"2026-07-02T10:32:29+00:00","description":"30 f\u00e6rdige skabeloner til brainstorming, dilemmaer, quizzer, simulationer og meget mere. V\u00e6lg en skabelon, tilpas indholdet, og afhold din f\u00f8rste session p\u00e5 f\u00e5 minutter.","breadcrumb":{"@id":"https:\/\/dibl.eu\/da\/dibl-skabeloner\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dibl.eu\/da\/dibl-skabeloner\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dibl.eu\/da\/dibl-skabeloner\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Hjem","item":"https:\/\/dibl.eu\/da\/"},{"@type":"ListItem","position":2,"name":"DiBL-skabeloner"}]},{"@type":"WebSite","@id":"https:\/\/dibl.eu\/da\/#website","url":"https:\/\/dibl.eu\/da\/","name":"DiBL - Dilemma Based Learning","description":"","publisher":{"@id":"https:\/\/dibl.eu\/da\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dibl.eu\/da\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":"Organization","@id":"https:\/\/dibl.eu\/da\/#organization","name":"dibl","url":"https:\/\/dibl.eu\/da\/","logo":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/dibl.eu\/da\/#\/schema\/logo\/image\/","url":"https:\/\/dibl.eu\/wp-content\/uploads\/2021\/11\/dibl-logo-apple-touch.png","contentUrl":"https:\/\/dibl.eu\/wp-content\/uploads\/2021\/11\/dibl-logo-apple-touch.png","width":200,"height":200,"caption":"dibl"},"image":{"@id":"https:\/\/dibl.eu\/da\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/dibl\/about\/","https:\/\/www.wikidata.org\/wiki\/Q139374983"],"email":"info@dibl.eu","telephone":"+45","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"1","maxValue":"10"}}]}},"_links":{"self":[{"href":"https:\/\/dibl.eu\/da\/wp-json\/wp\/v2\/pages\/36554","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dibl.eu\/da\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dibl.eu\/da\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dibl.eu\/da\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dibl.eu\/da\/wp-json\/wp\/v2\/comments?post=36554"}],"version-history":[{"count":1,"href":"https:\/\/dibl.eu\/da\/wp-json\/wp\/v2\/pages\/36554\/revisions"}],"predecessor-version":[{"id":36555,"href":"https:\/\/dibl.eu\/da\/wp-json\/wp\/v2\/pages\/36554\/revisions\/36555"}],"wp:attachment":[{"href":"https:\/\/dibl.eu\/da\/wp-json\/wp\/v2\/media?parent=36554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}