@font-face{font-family:"Manrope";src:url(../assets/fonts/manrope-latin.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";src:url(../assets/fonts/manrope-latin-ext.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+A720-A7FF}
@font-face{font-family:"Playfair Display";src:url(../assets/fonts/playfair-display-400.woff2) format("woff2");font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(../assets/fonts/playfair-display-700.woff2) format("woff2");font-weight:600 900;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(../assets/fonts/source-sans-3-400.woff2) format("woff2");font-weight:300 500;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(../assets/fonts/source-sans-3-600.woff2) format("woff2");font-weight:600 900;font-style:normal;font-display:swap}
@font-face{font-family:"Source Code Pro";src:url(../assets/fonts/source-code-pro-400.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
:root {
      --bg-beige: #FDF8F2;      /* papierwit */
      --bg-beige-dark: #EADAC6; /* zandsteen */
      --card-white: #FFFFFF;
      --card-border: #EADFD2;
      --text-main: #3A332E;     /* warm antraciet */
      --text-muted: #4A423C;    /* lopende tekst */
      --meta: #6E6259;
      --c-brown: #8A3E1E;       /* gebrande sienna */
      --c-rust: #9E4A25;        /* terracotta diep */
      --c-orange: #E4832F;      /* saffraan: alleen accent */
      --c-apricot: #F3B77E;     /* abrikoos */
      --c-slate: #5F7C8C;       /* rookblauw */
      --c-amber: #B85A32;       /* terracotta */
      --c-navy: #456070;        /* rookblauw diep */
      --c-green: #176B48;       /* status ok */
      --c-red: #8E1D2C;         /* status kritiek */
      --cream: #F7EBDC;         /* lichtcrème */
      --shadow-soft: 0 6px 22px rgba(58, 51, 46, 0.06);
      --radius-lg: 10px;
      --radius-md: 10px;
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: 'Source Sans 3', 'Source Sans Pro', Calibri, Arial, sans-serif;
      background-color: var(--bg-beige);
      color: var(--text-main);
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      overflow-x: hidden;
    }

    /* TOP NAVIGATION BAR */
    header.topbar {
      background: rgba(255, 255, 255, 0.94);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid var(--card-border);
      padding: 0.65rem 1.25rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      position: sticky;
      top: 0;
      z-index: 100;
      flex-wrap: wrap;
    }

    .brand-group {
      display: flex;
      align-items: center;
      gap: 0.75rem;
    }

    .dots {
      display: flex;
      gap: 5px;
    }
    .dots span {
      width: 10px;
      height: 10px;
      border-radius: 3px;
      display: inline-block;
    }
    .dots span:nth-child(1) { background: var(--c-brown); }
    .dots span:nth-child(2) { background: var(--c-orange); }
    .dots span:nth-child(3) { background: #F3B77E; }

    .slide-select {
      font-family: inherit;
      font-size: 0.84rem;
      font-weight: 600;
      padding: 0.45rem 0.75rem;
      border-radius: 8px;
      border: 1px solid var(--card-border);
      background: var(--card-white);
      color: var(--text-main);
      cursor: pointer;
    }

    .timer-widget {
      display: flex;
      align-items: center;
      gap: 0.45rem;
      background: var(--bg-beige);
      padding: 0.35rem 0.75rem;
      border-radius: 8px;
      border: 1px solid var(--card-border);
    }

    .timer-display {
      font-family: 'Source Code Pro', Consolas, monospace;
      font-weight: 600;
      font-size: 0.95rem;
      color: var(--c-brown);
      min-width: 52px;
      text-align: center;
    }

    .btn {
      font-family: inherit;
      font-size: 0.79rem;
      font-weight: 600;
      padding: 0.45rem 0.8rem;
      border-radius: 8px;
      border: 1px solid var(--card-border);
      background: var(--card-white);
      color: var(--text-main);
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      transition: all 0.15s ease;
      text-decoration: none;
    }
    .btn:hover {
      background: var(--bg-beige);
      border-color: #DCC8AF;
    }
    .btn-primary {
      background: var(--c-brown);
      color: #fff;
      border-color: var(--c-brown);
    }
    .btn-primary:hover {
      background: #6F3017;
      color: #fff;
    }
    .btn-accent {
      background: var(--c-navy);
      color: #fff;
      border-color: var(--c-navy);
    }
    .btn-accent:hover {
      background: #3A5160;
      color: #fff;
    }

    .export-group {
      display: flex;
      align-items: center;
      gap: 0.4rem;
      flex-wrap: wrap;
    }

    /* PROGRESS BAR */
    .progress-track {
      height: 4px;
      background: var(--bg-beige-dark);
      width: 100%;
    }
    .progress-fill {
      height: 100%;
      background: var(--c-orange);
      width: 6.25%;
      transition: width 0.25s ease;
    }

    /* MAIN SLIDE CONTAINER */
    main.deck {
      flex: 1;
      max-width: 1240px;
      width: 100%;
      margin: 0 auto;
      padding: 1.85rem 1.75rem 5.5rem;
      display: flex;
      align-items: center;
    }

    .slide {
      display: none;
      width: 100%;
      animation: fadeIn 0.25s ease;
    }
    .slide.active {
      display: block;
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(6px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* TYPOGRAPHY */
    .eyebrow {
      font-size: 0.76rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--text-muted);
      font-weight: 600;
      display: flex;
      align-items: center;
      gap: 0.6rem;
      margin-bottom: 0.7rem;
    }

    h1.serif-title {
      font-family: 'Playfair Display', Georgia, serif;
      font-size: clamp(2.1rem, 3.6vw, 3.1rem);
      font-weight: 500;
      line-height: 1.15;
      color: var(--text-main);
      margin-bottom: 1rem;
    }

    h2.slide-title {
      font-family: 'Playfair Display', Georgia, serif;
      font-size: clamp(1.6rem, 2.5vw, 2.2rem);
      font-weight: 600;
      color: var(--text-main);
      margin-bottom: 0.5rem;
    }

    .lead {
      font-size: 1.02rem;
      line-height: 1.62;
      color: var(--text-muted);
      margin-bottom: 1.35rem;
      max-width: 80ch;
    }

    /* LAYOUT GRIDS */
    .grid-2 {
      display: grid;
      grid-template-columns: 1fr 1.15fr;
      gap: 2.1rem;
      align-items: start;
    }
    .grid-equal {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 1.2rem;
    }
    .grid-3 {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 1.1rem;
    }

    /* CARDS & PILLS */
    .card {
      background: var(--card-white);
      border: 1px solid var(--card-border);
      border-radius: var(--radius-lg);
      padding: 1.3rem 1.45rem;
      box-shadow: var(--shadow-soft);
    }

    .card-accent-left {
      border-left: 5px solid var(--c-orange);
    }

    .program-list {
      display: flex;
      flex-direction: column;
      gap: 0.7rem;
    }

    .program-item {
      background: var(--card-white);
      border: 1px solid var(--card-border);
      border-radius: var(--radius-md);
      padding: 0.9rem 1.15rem;
      display: flex;
      align-items: flex-start;
      gap: 1rem;
      box-shadow: var(--shadow-soft);
      cursor: pointer;
      transition: transform 0.15s ease, border-color 0.15s ease;
    }
    .program-item:hover {
      transform: translateX(4px);
      border-color: var(--c-orange);
    }

    .pill {
      font-family: 'Source Code Pro', Consolas, monospace;
      font-size: 0.76rem;
      font-weight: 600;
      color: #fff;
      padding: 0.4rem 0.72rem;
      border-radius: 7px;
      white-space: nowrap;
      display: inline-block;
    }
    .pill-1 { background: var(--c-brown); }
    .pill-2 { background: var(--c-rust); }
    .pill-3 { background: var(--c-orange); }
    .pill-4 { background: var(--c-slate); }
    .pill-5 { background: var(--c-amber); }
    .pill-6 { background: var(--c-navy); }

    .card h3 {
      font-size: 1.03rem;
      font-weight: 700;
      margin-bottom: 0.45rem;
      color: var(--text-main);
    }
    .card p, .card li {
      font-size: 0.91rem;
      line-height: 1.55;
      color: var(--text-muted);
    }
    .card ul, .card ol {
      padding-left: 1.2rem;
      margin-top: 0.4rem;
    }
    .card li + li {
      margin-top: 0.35rem;
    }

    /* SCRIPT DIALOGUE BOXES */
    .script-box {
      background: #FBF3E9;
      border: 1px solid var(--card-border);
      border-left: 4px solid var(--c-brown);
      border-radius: 9px;
      padding: 0.85rem 1.05rem;
      margin-top: 0.65rem;
      position: relative;
    }
    .script-box.good {
      border-left-color: var(--c-green);
      background: #E4F0E9;
    }
    .script-box.bad {
      border-left-color: var(--c-red);
      background: #F8E5E7;
    }
    .script-label {
      font-size: 0.73rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      margin-bottom: 0.25rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .copy-mini-btn {
      font-size: 0.7rem;
      padding: 0.15rem 0.5rem;
      border-radius: 5px;
      border: 1px solid #A9CDB8;
      background: #fff;
      color: var(--c-green);
      cursor: pointer;
      font-weight: 600;
    }

    /* TABLES */
    .data-table {
      width: 100%;
      border-collapse: collapse;
      background: var(--card-white);
      border-radius: var(--radius-md);
      overflow: hidden;
      border: 1px solid var(--card-border);
      font-size: 0.87rem;
    }
    .data-table th, .data-table td {
      padding: 0.68rem 0.9rem;
      text-align: left;
      border-bottom: 1px solid var(--card-border);
    }
    .data-table th {
      background: #3A332E;
      font-weight: 700;
      color: var(--text-main);
    }
    .badge-yes {
      background: #E4F0E9;
      color: #176B48;
      padding: 0.2rem 0.55rem;
      border-radius: 5px;
      font-weight: 700;
      font-size: 0.76rem;
      display: inline-block;
    }
    .badge-no {
      background: #F8E5E7;
      color: #8E1D2C;
      padding: 0.2rem 0.55rem;
      border-radius: 5px;
      font-weight: 700;
      font-size: 0.76rem;
      display: inline-block;
    }

    /* INTERACTIVE QUIZ */
    .quiz-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
      gap: 0.85rem;
    }
    .quiz-card {
      background: var(--card-white);
      border: 1px solid var(--card-border);
      border-radius: 10px;
      padding: 0.95rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .quiz-card h4 {
      font-size: 0.88rem;
      margin-bottom: 0.4rem;
      color: var(--text-main);
    }
    .quiz-opt {
      width: 100%;
      text-align: left;
      padding: 0.48rem 0.65rem;
      margin-top: 0.38rem;
      border-radius: 7px;
      border: 1px solid var(--card-border);
      background: #F7EBDC;
      font-family: inherit;
      font-size: 0.8rem;
      cursor: pointer;
      transition: all 0.15s;
    }
    .quiz-opt:hover {
      border-color: var(--c-orange);
    }
    .quiz-opt.correct {
      background: #E4F0E9;
      border-color: var(--c-green);
      color: #176B48;
      font-weight: 600;
    }
    .quiz-opt.wrong {
      background: #F8E5E7;
      border-color: var(--c-red);
      color: #8E1D2C;
    }
    .quiz-feedback {
      font-size: 0.76rem;
      margin-top: 0.45rem;
      font-weight: 600;
      min-height: 1.2em;
    }

    /* CHECKLIST ITEMS */
    .check-item {
      display: flex;
      align-items: flex-start;
      gap: 0.75rem;
      padding: 0.75rem 0.95rem;
      background: #F7EBDC;
      border-radius: 8px;
      border: 1px solid var(--card-border);
      margin-bottom: 0.55rem;
      cursor: pointer;
    }
    .check-item input[type="checkbox"] {
      margin-top: 0.2rem;
      width: 17px;
      height: 17px;
      accent-color: var(--c-green);
      cursor: pointer;
    }

    /* BOTTOM BAR */
    footer.bottombar {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(255, 255, 255, 0.96);
      border-top: 1px solid var(--card-border);
      padding: 0.6rem 1.5rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      z-index: 95;
    }

    /* PRINTABLE HANDOUT MODAL */
    .handout-modal {
      position: fixed;
      inset: 0;
      background: rgba(43, 38, 35, 0.65);
      display: none;
      align-items: center;
      justify-content: center;
      padding: 1.5rem;
      z-index: 200;
    }
    .handout-modal.open {
      display: flex;
    }
    .handout-sheet {
      background: #fff;
      max-width: 820px;
      width: 100%;
      max-height: 90vh;
      overflow-y: auto;
      border-radius: 12px;
      padding: 2rem;
      border: 1px solid var(--card-border);
    }

    /* PRINT STYLES */
    @media print {
      header.topbar, footer.bottombar, .no-print, .skip {
        display: none !important;
      }
      body.print-all-slides {
        background: #FDF8F2 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
      }
      body.print-all-slides main.deck {
        display: block;
        padding: 0;
        max-width: 100%;
      }
      body.print-all-slides .slide {
        display: block !important;
        page-break-after: always;
        padding: 1.2cm;
        min-height: 19cm;
      }
      body.print-poster main.deck {
        display: none !important;
      }
      body.print-poster .handout-modal {
        position: static;
        display: block !important;
        background: none;
        padding: 0;
      }
      body.print-poster .handout-sheet {
        max-height: none;
        box-shadow: none;
        border: none;
        padding: 0.5cm;
      }
    }

    @media (max-width: 860px) {
      .grid-2 { grid-template-columns: 1fr; }
    }

/* ===== ICTBelang-huisstijl Terracotta 2026 ===== */
body{color:var(--text-muted);line-height:1.55}
.skip{position:absolute;left:-9999px;top:8px;z-index:300;background:#8A3E1E;color:#fff;padding:8px 14px;border-radius:8px;font-weight:600;text-decoration:none}
.skip:focus{left:12px}
:is(a,button,select,input,[role=button]):focus-visible{outline:3px solid #5F7C8C;outline-offset:3px;border-radius:6px}
header.topbar{background:rgba(253,248,242,.96);border-bottom:1px solid var(--card-border)}
.ictb-logo{display:flex;align-items:center;flex:none;line-height:0}
.ictb-logo svg{height:46px;width:auto;display:block}
.slide-select{color:var(--text-main);border-color:#DCC8AF}
.timer-widget{background:#fff;border-color:var(--card-border)}
.timer-label{font-family:'Source Code Pro',Consolas,monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--meta)}
.timer-display{font-family:'Source Code Pro',Consolas,monospace;color:var(--c-brown)}
/* knoppen volgens huisstijl: primair sienna, secundair abrikoos, tertiair sienna met rand */
.btn{font-size:.84rem;color:var(--c-brown);border-color:#DCC8AF;background:#fff}
.btn:hover{background:var(--cream);border-color:#C9B293}
.btn-primary{background:var(--c-brown);color:#fff;border-color:var(--c-brown)}
.btn-primary:hover{background:#6F3017;border-color:#6F3017;color:#fff}
.btn-sec{background:var(--c-apricot);color:var(--text-main);border-color:var(--c-apricot)}
.btn-sec:hover{background:#EEA765;border-color:#EEA765;color:var(--text-main)}
.copy-mini-btn{color:#176B48;border-color:#A9CDB8}
/* typografie */
.eyebrow{flex-wrap:wrap;row-gap:.45rem;font-family:'Source Code Pro',Consolas,monospace;font-weight:400;font-size:.72rem;letter-spacing:.16em;color:var(--meta)}
h1.serif-title{font-weight:700;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1.08;color:var(--text-main)}
h2.slide-title{font-weight:400;color:var(--text-main);line-height:1.2}
.card h3,.quiz-card h4{font-family:'Source Sans 3',Calibri,Arial,sans-serif;font-weight:600;color:var(--text-main)}
.lead{color:var(--text-muted)}
code{font-family:'Source Code Pro',Consolas,monospace;font-size:.9em;background:var(--cream);padding:.05em .35em;border-radius:4px;color:var(--text-main)}
.cover-logo{margin:0 0 1.4rem}
.cover-logo svg{width:170px;height:auto;display:block}
.poster-logo{line-height:0;margin-bottom:1rem}
.poster-logo svg{height:46px;width:auto}
/* kaarten: sienna accentstreep, geen saffraan als rand */
.card-accent-left{border-left:4px solid var(--c-brown)}
.program-item{border-radius:10px}
.program-item:hover{border-color:var(--c-apricot)}
.quiz-opt:hover{border-color:var(--c-brown)}
.quiz-opt{background:var(--cream)}
/* blokkleuren: nooit wit op saffraan of abrikoos */
.pill{font-family:'Source Code Pro',Consolas,monospace;font-weight:400;letter-spacing:.02em}
.pill-1{background:#8A3E1E;color:#fff}
.pill-2{background:#9E4A25;color:#fff}
.pill-3{background:#F3B77E;color:#3A332E}
.pill-4{background:#456070;color:#fff}
.pill-5{background:#EADAC6;color:#3A332E}
.pill-6{background:#3A332E;color:#fff}
/* tabellen: koprij antraciet, zebrarijen lichtcrème */
.data-table th{background:#3A332E;color:#fff;font-weight:600}
.data-table tbody tr:nth-child(even) td{background:#FBF3E9}
.progress-fill{background:var(--c-orange)}
.check-item{background:#fff}
.check-item input[type="checkbox"]{accent-color:#176B48}
.handout-sheet{border-radius:10px}
/* voetbalk */
footer.bottombar{background:rgba(253,248,242,.97);gap:.75rem}
.teller{white-space:nowrap;font-family:'Source Code Pro',Consolas,monospace;font-size:.78rem;letter-spacing:.06em;color:var(--meta);margin-right:auto}
.terug{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;font-size:.85rem;color:#9E4A25;text-decoration:none;padding:.4rem .2rem}
.terug:hover{text-decoration:underline;text-underline-offset:3px}
.terug-kort{display:none}
.bottombar .btn{white-space:nowrap}
/* telefoon */
@media (max-width:760px){
  header.topbar{padding:.55rem .9rem;gap:.5rem}
  .brand-group{flex:1 1 100%;min-width:0;gap:.6rem}
  .ictb-logo svg{height:42px}
  .slide-select{flex:1 1 auto;min-width:0;width:100%}
  .timer-widget{flex:1 1 auto;justify-content:space-between}
  .export-group{flex:1 1 100%}
  .export-group .btn{flex:1 1 0;justify-content:center}
  main.deck{padding:1.2rem 1rem 5.5rem}
  .grid-equal,.grid-3,.quiz-grid{grid-template-columns:1fr}
  .data-table{display:block;overflow-x:auto;white-space:normal}
  footer.bottombar{padding:.55rem .9rem}
  .terug-lang{display:none}.terug-kort{display:inline}
  .teller{font-size:.72rem}
  .program-item{padding:.8rem .9rem;gap:.75rem}
  .cover-logo svg{width:150px}
}
@media (max-width:420px){
  .bottombar .btn{padding:.45rem .6rem}
  .terug-kort{display:none!important}
  .timer-label{display:none}
}
@media (max-width:360px){.teller{visibility:hidden;font-size:0}footer.bottombar{padding:.5rem .7rem}}

/* ===== Meer kleur: elk blok een eigen tint uit het palet ===== */
.blok-0{--bk:#8A3E1E;--bk-soft:#F7EBDC;--bk-line:#EBDCC9}
.blok-1{--bk:#8A3E1E;--bk-soft:#F6E4D7;--bk-line:#E9CDBB}
.blok-2{--bk:#9E4A25;--bk-soft:#F8E8DC;--bk-line:#EDD2BF}
.blok-3{--bk:#E4832F;--bk-soft:#FCEEDF;--bk-line:#F3D3B1}
.blok-4{--bk:#456070;--bk-soft:#E9F0F3;--bk-line:#CCDAE1}
.blok-5{--bk:#B85A32;--bk-soft:#F7E7DD;--bk-line:#EACDBC}
.blok-6{--bk:#3A332E;--bk-soft:#EFE9E2;--bk-line:#DDD3C8}
body[data-blok="1"]{--prog:#8A3E1E}body[data-blok="2"]{--prog:#9E4A25}body[data-blok="3"]{--prog:#E4832F}
body[data-blok="4"]{--prog:#5F7C8C}body[data-blok="5"]{--prog:#B85A32}body[data-blok="6"]{--prog:#3A332E}
.progress-track{height:5px}
.progress-fill{background:var(--prog,#E4832F)}
/* dia als gekleurd vlak met merkstreep bovenaan */
.slide{position:relative;background:var(--bk-soft);border:1px solid var(--bk-line);border-top:6px solid var(--bk);border-radius:18px;padding:2.1rem 2.3rem 2.2rem}
.dia-tegels{position:absolute;top:1.15rem;right:1.4rem;display:flex;gap:6px}
.dia-tegels span{width:14px;height:14px;border-radius:4px;background:#F3B77E}
.dia-tegels span:nth-child(2){background:#E4832F}
.dia-tegels span:nth-child(3){background:#8A3E1E}
.slide .eyebrow{padding-right:4.5rem}
h1 .h1-accent{color:#8A3E1E}
h2.slide-title{position:relative;padding-bottom:.55rem;margin-bottom:.9rem}
h2.slide-title::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:2px;background:var(--bk)}
.blok-3 h2.slide-title::after{background:#E4832F}
/* kaarten: witte kaart met streep in blokkleur, tweede kaart koel (rookblauw) */
.slide .card{border-color:var(--bk-line)}
.slide .card:not(.card-accent-left){border-top:4px solid var(--bk)}
.slide :is(.grid-3,.grid-equal) > .card:nth-child(2){border-top-color:#5F7C8C}
.blok-4 :is(.grid-3,.grid-equal) > .card:nth-child(2){border-top-color:#E4832F}
.slide .card-accent-left{border-left:5px solid var(--bk)}
.blok-3 .card-accent-left,.blok-3 .card:not(.card-accent-left){border-color:var(--bk-line)}
.card-koel{background:#456070!important;border-color:#456070!important;border-left:5px solid #F3B77E!important}
.card-koel h3,.card-koel p{color:#fff!important}
/* programma: kleurstrook per blok */
.program-item{border-left:6px solid #8A3E1E}
.program-list .program-item:nth-child(2){border-left-color:#9E4A25}
.program-list .program-item:nth-child(3){border-left-color:#F3B77E}
.program-list .program-item:nth-child(4){border-left-color:#456070}
.program-list .program-item:nth-child(5){border-left-color:#B85A32}
.program-list .program-item:nth-child(6){border-left-color:#3A332E}
.program-item:hover{transform:translateX(4px);box-shadow:0 10px 26px rgba(58,51,46,.10)}
.pill-5{background:#B85A32;color:#fff;font-weight:600}
/* kennistoets: kaarten met afwisselende merkkleuren */
.quiz-card{border-top:4px solid #8A3E1E;box-shadow:var(--shadow-soft)}
.quiz-grid .quiz-card:nth-child(4n+2){border-top-color:#9E4A25}
.quiz-grid .quiz-card:nth-child(4n+3){border-top-color:#E4832F}
.quiz-grid .quiz-card:nth-child(4n+4){border-top-color:#456070}
.quiz-opt{background:#fff;border-color:var(--bk-line)}
.quiz-opt:hover{background:#FCEEDF;border-color:#E4832F}
@media (min-width:1100px){.quiz-grid{grid-template-columns:repeat(4,1fr)}}
@media (min-width:761px) and (max-width:1099px){.quiz-grid{grid-template-columns:repeat(2,1fr)}}
#quizScore{display:inline-block;background:#3A332E;color:#fff;font-family:'Source Code Pro',Consolas,monospace;padding:.1rem .55rem;border-radius:6px}
/* tabel en checklist */
.slide .data-table{border-color:var(--bk-line)}
.check-item{border-left:4px solid #176B48}
.check-item:has(input:checked){background:#E4F0E9}
.script-box{background:#fff}
@media (max-width:760px){
  .slide{padding:1.35rem 1.05rem 1.5rem;border-radius:14px}
  .dia-tegels{top:.85rem;right:.9rem}.dia-tegels span{width:11px;height:11px}
  main.deck{padding:1rem .75rem 5.5rem}
}
@media print{.slide{border-radius:0;border-left:0;border-right:0;border-bottom:0}}


.nw{white-space:nowrap}
/* ===== v1.9.5: Manrope door de gehele cursus (logo blijft Playfair Display) ===== */
body,button,select,input,.btn,.quiz-opt,.slide-select{font-family:'Manrope',Arial,sans-serif}
h1.serif-title,h2.slide-title,.card h3,.quiz-card h4,.handout-sheet h2,.handout-sheet h3{font-family:'Manrope',Arial,sans-serif}
h1.serif-title{font-weight:800;letter-spacing:-.015em}
h2.slide-title{font-weight:700;letter-spacing:-.01em}
.card h3,.quiz-card h4{font-weight:700}
.btn{font-weight:700}
.eyebrow,.pill,.timer-label,.timer-display,.teller,code,#quizScore,#passphraseOutput{font-family:'Manrope',Arial,sans-serif!important}
.pill{font-weight:700}
.eyebrow{font-weight:600}
@page{size:A4 landscape;margin:.8cm}
@media print{.quiz-grid{gap:.5rem}.quiz-card{padding:.6rem}.quiz-card p{font-size:.72rem!important}.quiz-opt{padding:.3rem .5rem;margin-top:.25rem;font-size:.72rem}.quiz-feedback{min-height:0}.program-list{gap:.4rem}.program-item{padding:.5rem .8rem}.program-item p{font-size:.8rem;line-height:1.4}.cover-logo{margin-bottom:.6rem}.cover-logo svg{width:105px}body.print-all-slides .slide{min-height:0!important;padding:.4cm .6cm!important;break-inside:avoid;animation:none!important;opacity:1!important;transform:none!important}.grid-2{grid-template-columns:1fr 1.15fr!important}.grid-equal{grid-template-columns:repeat(2,1fr)!important}.grid-3,.quiz-grid{grid-template-columns:repeat(3,1fr)!important}.quiz-grid{grid-template-columns:repeat(4,1fr)!important}body.print-all-slides .slide:last-of-type{page-break-after:auto!important}.card,.program-item,.quiz-card{box-shadow:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}