/*
  Crossway Theme v0.1.0
  Gebaseerd op de Python/HTML-CSS cursuslayout.
*/

:root{
  --bg:#FDFDFD;--bg-donker:#E4E4E2;--bg-lichter:#C7C7C7;--text:#000000;
  --groen:#1C00CF;--geel:#836C28;--donkerblauw:#286C83;--lichtblauw:#FF252E;
  --rood:#C41A16;--oranje:#AA0D91;--paars:#4E1A7F;--grijs:#007400;
  --surface:var(--bg);--surface-2:var(--bg-donker);--surface-3:var(--bg-lichter);
  --fg:var(--text);--border:color-mix(in oklab,var(--surface-3) 55%,#0000);
  --hover:color-mix(in oklab,var(--surface-2) 82%,#0000);
  --card:color-mix(in oklab,var(--surface) 88%,var(--surface-2) 12%);
  --link:var(--donkerblauw);--header-bg:var(--card);--header-border:var(--border);
  --muted:color-mix(in oklab,var(--fg) 55%,var(--surface-3) 45%);
  --code-bg:color-mix(in oklab,var(--surface-2) 85%,#0000);
  --terminal-accent:#0e9300;
  --tok-comment:color-mix(in oklab,var(--grijs) 80%,var(--fg) 20%);
  --tok-punct:color-mix(in oklab,var(--fg) 75%,transparent);
  --tok-kw:color-mix(in oklab,var(--paars) 90%,var(--fg) 10%);
  --tok-func:color-mix(in oklab,var(--donkerblauw) 95%,var(--fg) 5%);
  --tok-class:color-mix(in oklab,var(--donkerblauw) 85%,var(--fg) 15%);
  --tok-string:color-mix(in oklab,var(--geel) 90%,var(--fg) 10%);
  --tok-num:color-mix(in oklab,var(--oranje) 90%,var(--fg) 10%);
  --tok-bool:var(--tok-num);
  --tok-attr:color-mix(in oklab,var(--groen) 90%,var(--fg) 10%);
  --tok-builtin:color-mix(in oklab,var(--lichtblauw) 90%,var(--fg) 10%);
  --tok-regex:color-mix(in oklab,var(--paars) 80%,var(--fg) 20%);
  --tok-del:color-mix(in oklab,var(--rood) 95%,var(--fg) 5%);
  color-scheme:light;
}

html[data-theme="dark"]{
  --bg:#262628;--bg-donker:#1b1b1d;--bg-lichter:#585858;--text:#dddddd;
  --groen:#afe4af;--geel:#fcfdc6;--donkerblauw:#4c8cfc;--lichtblauw:#72cefd;
  --rood:#ef7587;--oranje:#e9be6f;--paars:#b44cd8;--grijs:#929da3;
  --surface:var(--bg);--surface-2:var(--bg-donker);--surface-3:var(--bg-lichter);--fg:var(--text);
  --terminal-accent:#2afa15;
  color-scheme:dark;
}

*{box-sizing:border-box}
html{font-size: 14pt;overflow-y:scroll}
html{scrollbar-color:color-mix(in oklab,var(--fg) 55%,var(--surface-3) 45%) var(--surface-2);scrollbar-width:auto}
html::-webkit-scrollbar{width:14px;height:14px}
html::-webkit-scrollbar-track{background:var(--surface-2)}
html::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--fg) 55%,var(--surface-3) 45%);border:3px solid var(--surface-2);border-radius:999px}
html::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab,var(--fg) 70%,var(--surface-3) 30%)}
body{
  margin:0;background:var(--surface);color:var(--fg);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:14pt;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
button,
input,
select,
textarea,
label,
summary {
  font-size:14pt;
}
.container{max-width:1080px;margin:2rem auto;padding:0 1rem}
h1,h2,h3{margin:0 0 .6rem;line-height:1.2;letter-spacing:0}
h1{text-align:center}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}

.site-header{
  position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;
  padding:.5rem 1rem;background:var(--header-bg);
}
.site-title{
  position:absolute;left:50%;transform:translateX(-50%);max-width:calc(100% - 12rem);
  justify-self:center;margin:0;font-weight:600;text-decoration:none;color:var(--fg);
  font-size:clamp(1.9rem,1.1rem + 2vw,2.6rem);line-height:1.2;text-align:center;
}
.header-actions{display:flex;align-items:center;gap:.4rem;grid-column:3;position:relative;z-index:1}
.hamburger,.theme-toggle,.training-session-toggle{
  width:40px;height:40px;border:0;background:transparent;color:var(--fg);cursor:pointer;
}
.hamburger{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;grid-column:1;position:relative;z-index:1}
.hamburger .bar{width:22px;height:2px;background:var(--fg);border-radius:1px;display:block}
.theme-toggle{display:inline-grid;place-items:center}
.training-session-toggle{display:inline-grid;place-items:center;font-size:20px;border-radius:8px}
.training-session-toggle:hover,.training-session-toggle:focus{background:var(--hover)}
.theme-icon{width:22px;height:22px;display:inline-block}
html:not([data-theme="dark"]) .theme-icon::before{content:"☀️";font-size: 14pt;line-height:1}
html[data-theme="dark"] .theme-icon::before{content:"🌙";font-size: 14pt;line-height:1}

.language-switcher{display:flex;align-items:center;gap:.35rem}
.language-link{
  display:inline-flex;align-items:center;gap:.25rem;min-height:32px;
  border:1px solid var(--border);border-radius:8px;padding:.2rem .45rem;color:var(--fg);
}
.language-link:hover{background:var(--hover);text-decoration:none}

.side-menu{
  position:fixed;inset:0 auto 0 0;width:min(280px,80vw);background:var(--surface);
  border-right:1px solid var(--border);transform:translateX(-100%);
  transition:transform .25s ease;z-index:1100;font-size:12pt; /* font-size-audit-allow: hoofdmenu */
}
.side-menu__inner{height:100%;overflow:auto;padding:1rem 1rem 2rem}
.menu-list{list-style:none;padding:0;margin:.5rem 0 0 0}
.menu-list li{margin:.25rem 0}
.side-menu h3,
.menu-list,
.menu-list a{font-size:12pt} /* font-size-audit-allow: hoofdmenu */
.menu-list a{display:block;padding:.5rem .25rem;border-radius:.5rem;color:var(--fg);text-decoration:none}
.menu-list a:hover,.menu-list a:focus{background:var(--hover)}
.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:1050;display:none}
body.menu-open .side-menu{transform:translateX(0)}
body.menu-open .backdrop{display:block}

.training-session-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.34);z-index:1200;
}
.training-session-panel{
  position:fixed;inset:0 0 0 auto;width:min(420px,92vw);background:var(--surface);
  border-left:1px solid var(--border);box-shadow:-18px 0 45px color-mix(in oklab,#000 22%,transparent);
  transform:translateX(100%);transition:transform .24s ease;z-index:1210;overflow:hidden;
}
body.training-session-open .training-session-panel{transform:translateX(0)}
.training-session-panel__inner{height:100%;overflow:auto;padding:1rem;display:grid;align-content:start;gap:1rem}
.training-session-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);padding-bottom:.85rem}
.training-session-panel__header h2{margin:0}
.training-session-panel__eyebrow{margin:0 0 .25rem;color:var(--muted);font-size: 14pt}
.training-session-panel__close{
  width:40px;height:40px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--fg);
  cursor:pointer;font-size:1.5rem;line-height:1;
}
.training-session-panel__close:hover,.training-session-panel__close:focus{background:var(--hover)}
.training-session-card{border:1px solid var(--border);border-radius:8px;background:var(--card);padding:1rem}
.training-session-card--connected{
  min-height:calc(100vh - 190px);
  display:grid;
  grid-template-rows:auto auto 1fr auto;
  gap:1rem;
}
.training-session-card p{margin:.5rem 0}
.training-session-status{display:inline-flex;align-items:center;min-height:30px;border-radius:8px;padding:.25rem .55rem;font-weight:700;font-size: 14pt}
.training-session-status--idle{background:color-mix(in oklab,var(--geel) 22%,var(--surface));color:var(--fg)}
.training-session-status--connected{background:color-mix(in oklab,var(--groen) 22%,var(--surface));color:var(--fg)}
.training-session-form{display:grid;gap:.75rem;margin-top:.85rem}
.training-session-form label{display:grid;gap:.35rem;font-weight:600}
.training-session-form button,
.training-session-actions button{
  min-height:40px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--fg);
  padding:.45rem .75rem;cursor:pointer;font:inherit;
}
.training-session-form button:hover,
.training-session-actions button:hover,
.training-session-form button:focus,
.training-session-actions button:focus{background:var(--hover)}
.training-session-note{color:var(--muted);font-size: 14pt}
.training-session-feedback{min-height:1.4rem;color:var(--donkerblauw);font-weight:600}
.training-session-list{display:grid;grid-template-columns:minmax(120px,.9fr) 1fr;gap:.45rem .75rem;margin:.75rem 0}
.training-session-list dt{color:var(--muted)}
.training-session-list dd{margin:0;font-weight:700}
.training-session-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}
.training-session-card--connected .training-session-actions{
  align-self:end;
  display:grid;
  grid-template-columns:1fr;
}
.training-session-actions [data-session-leave]{
  border-color:var(--rood);
  background:color-mix(in oklab,var(--rood) 18%,var(--surface));
}
.training-session-actions--stack{display:grid}

.md p a,.md li a{
  color:color-mix(in oklab,var(--fg) 20%,blue 80%);
  border-bottom:1px solid transparent;
}
html[data-theme="dark"] .md p a,
html[data-theme="dark"] .md li a{
  color:color-mix(in oklab,var(--fg) 80%,blue 20%);
}
.md p a:hover,.md li a:hover{border-bottom-color:currentColor;text-decoration:none}
.md pre{
  background:var(--code-bg);padding:.75rem;overflow:auto;border-radius:10px;border:1px solid var(--border);
}
.md code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}

.codebox .prompt,
.md pre .prompt{color:var(--terminal-accent);font-weight:600}
.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--tok-comment);font-style:italic}
.token.punctuation{color:var(--tok-punct)}
.token.keyword{color:var(--tok-kw);font-weight:700}
.token.function{color:var(--tok-func)}
.token.class-name,.token.constant,.token.symbol{color:var(--tok-class)}
.token.string,.token.attr-value{color:var(--tok-string)}
.token.attr-name,.token.property,.token.selector,.token.inserted{color:var(--tok-attr)}
.token.number,.token.boolean{color:var(--tok-num)}
.token.builtin,.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:var(--tok-builtin)}
.token.regex,.token.important,.token.variable{color:var(--tok-regex)}
.token.deleted{color:var(--tok-del)}
code[class*="language-"],
pre[class*="language-"]{
  text-shadow:none!important;
  -webkit-font-smoothing:auto;
  -moz-osx-font-smoothing:auto;
}
html[data-theme="dark"] code[class*="language-"],
html[data-theme="dark"] pre[class*="language-"]{
  -webkit-font-smoothing:subpixel-antialiased;
}
html[data-theme="dark"] pre[class*="language-"]{
  background:var(--bg-donker)!important;
  border-color:color-mix(in oklab,var(--border) 85%,transparent);
}
html[data-theme="dark"] pre[class*="language-"],
html[data-theme="dark"] code[class*="language-"]{
  color:color-mix(in oklab,var(--fg) 96%,#fff 4%);
}
.token.operator{background:transparent!important}

.md details.accordion{
  background:transparent;border:1px solid var(--bg-lichter);
  border-radius:16px;overflow:hidden;margin:.8rem 0;
}
.md details.accordion>summary{
  list-style:none;cursor:pointer;margin:0;display:grid;grid-template-columns:1.25rem 1fr;
  align-items:center;gap:.5rem;color:var(--fg);font-weight:600;
  background:var(--bg-lichter);padding:.6rem .25rem;border:0;border-radius:12px;
}
.md details.accordion>summary::-webkit-details-marker{display:none}
.md details.accordion>summary::before{
  content:"▸";display:inline-block;transform:rotate(0deg);transition:transform .18s ease,color .2s ease;
  color:color-mix(in oklab,var(--fg) 70%,transparent);
}
.md details.accordion[open]>summary::before{transform:rotate(90deg);color:var(--donkerblauw)}
.md details.accordion>*:not(summary){padding:10px 12px 12px 1.25rem}
.md details.accordion ul,
.md details.accordion ol{
  padding-inline-start:2.4rem;
  margin-inline-start:.75rem;
}

.content-spacer {
  display: block;
}

.content-spacer--sm {
  height: .75rem;
}

.content-spacer--md {
  height: 1.25rem;
}

.content-spacer--lg {
  height: 2rem;
}

.md table{width:100%;border-collapse:collapse;margin:1.5rem 0;border-radius:12px;overflow:hidden}
.md table th,.md table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border)}
.md table thead th,.md table tr:first-child th{background:var(--bg-lichter);font-weight:900;text-align:center}
.md table tbody tr:nth-child(odd){background:color-mix(in oklab,var(--surface-3) 40%,transparent)}
.md table.agent-comparison-table{border:1px solid color-mix(in oklab,var(--groen) 42%,var(--border));box-shadow:0 10px 28px color-mix(in oklab,#000 8%,transparent)}
.md table.agent-comparison-table thead th:first-child{background:color-mix(in oklab,var(--donkerblauw) 18%,var(--surface));color:var(--fg)}
.md table.agent-comparison-table thead th:last-child{background:color-mix(in oklab,var(--groen) 24%,var(--surface));color:var(--fg)}
.md table.agent-comparison-table tbody tr:nth-child(odd){background:transparent}
.md table.agent-comparison-table tbody td:first-child{background:color-mix(in oklab,var(--donkerblauw) 7%,var(--card))}
.md table.agent-comparison-table tbody td:last-child{background:color-mix(in oklab,var(--groen) 9%,var(--card));font-weight:650}
.md table.agent-comparison-table tbody tr:last-child td{border-bottom:0}

.document-figure{margin:1.5rem auto;max-width:860px}
.document-figure a{display:block}
.document-figure img{
  display:block;width:100%;height:auto;border:1px solid var(--border);
  border-radius:8px;background:#fff;box-shadow:0 12px 30px color-mix(in oklab,#000 18%,transparent);
}
.document-figure figcaption{margin-top:.5rem;color:var(--muted);font-size: 14pt;text-align:center}

.midden2{display:flex;justify-content:center;align-self:center}
.midden2 p{text-align:center}
.home-learn-grid{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}
.md h1 + h2,
.md > h2:first-child{text-align:center;color:var(--muted);font-weight:500;margin-top:-.2rem;margin-bottom:1.2rem}
.briefing-block,
.theory-block,
.assignment-card,
.discussion-questions,
.insight-block,
.example-block,
.trainer-note{
  border:1px solid var(--border);border-radius:8px;padding:1rem;margin:1rem 0;background:var(--card);
}
.learning-outcome{padding:.5rem 0;margin:1rem 0}
.chapter-locked-message{
  display:grid;
  gap:.65rem;
  border:1px solid var(--border);
  border-radius:8px;
  padding:1rem;
  background:var(--card);
}
.chapter-locked-message h1,
.chapter-locked-message p{margin:0}
.chapter-locked-message p{color:var(--muted)}
.learning-outcome h2{text-align:center;margin-bottom:1rem}
.learning-outcome__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.learning-outcome__grid article{padding:0 1rem}
.learning-outcome__grid h3{font-size: 14pt}
.assignment-card{border-left:5px solid var(--donkerblauw)}
.chapter-action{
  min-height:42px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--donkerblauw);border-radius:8px;padding:.45rem .8rem;
  background:var(--donkerblauw);color:#fff;text-decoration:none;font-weight:800;
}
.chapter-action:hover,.chapter-action:focus{background:var(--hover);color:var(--fg);text-decoration:none}
.discussion-questions{border-left:5px solid var(--geel)}
.insight-block{border-left:5px solid var(--groen)}
.example-block{border-left:5px solid var(--paars)}
.company-grid,.download-grid,.prompt-list,.agent-canvas{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1rem 0;
}
.company-card,.download-card,.prompt-card,.agent-canvas article{
  border:1px solid var(--border);border-radius:8px;padding:1rem;background:var(--card);
}
.agent-canvas .canvas-card{display:grid;gap:.35rem}
.agent-canvas .canvas-card p,.agent-canvas .canvas-card small{margin:0}
.company-grid .company-card:nth-child(3n){background:color-mix(in oklab,var(--rood) 18%,var(--surface))}
.company-grid .company-card:nth-child(3n+1){background:color-mix(in oklab,var(--geel) 18%,var(--surface))}
.company-grid .company-card:nth-child(3n+2){background:color-mix(in oklab,var(--donkerblauw) 15%,var(--surface))}
.company-card h2,.download-card h2,.prompt-card h2{font-size:1.2rem}
.company-choice-card{display:grid;gap:.75rem}
.company-choice-form{display:grid;gap:.75rem}
.company-grid--choice{gap:.75rem;margin:.5rem 0}
.company-card--choice{display:grid;cursor:pointer;gap:.4rem;padding:.75rem}
.company-card--choice input{width:auto;margin:0}
.company-card--choice span{display:grid;gap:.25rem}
.company-card--choice strong{font-size:14pt}
.company-card--choice em,.company-card--choice small{font-style:normal;color:var(--muted)}
.company-card--choice:has(input:checked){outline:2px solid var(--groen);background:color-mix(in oklab,var(--groen) 16%,var(--surface))}
.company-choice-results,.company-choice-wait{display:grid;gap:.75rem}
.company-choice-header{display:grid;gap:.25rem}
.company-choice-header h3,.company-choice-wait h3{margin:0;font-size:16pt}
.company-choice-bars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.company-choice-result-row{display:grid;grid-template-columns:1fr auto auto;gap:.35rem;align-items:center;border:1px solid var(--border);border-radius:8px;padding:.55rem;background:var(--card)}
.company-choice-result-row--winner{border-color:var(--groen);background:color-mix(in oklab,var(--groen) 14%,var(--card))}
.company-choice-result-row .survey-mini-bar{grid-column:1/-1;height:7px}
.company-choice-result-row em{font-style:normal;color:var(--muted);font-variant-numeric:tabular-nums}
.company-choice-bars--trainer{grid-template-columns:repeat(3,minmax(0,1fr))}
.company-choice-admin-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.28fr);gap:.75rem;align-items:end}
.company-winner-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:.5rem;align-items:end;border:1px solid var(--border);border-radius:8px;padding:.65rem;background:color-mix(in oklab,var(--surface) 74%,transparent)}
.company-winner-form label{display:grid;gap:.25rem}
.company-winner-form label span{color:var(--muted);font-weight:700}
.company-winner-form .survey-muted{grid-column:1/-1;margin:0}
.company-choice-admin-controls form:last-child{display:grid}
.company-choice-admin-controls .danger-button{width:100%}
@media (max-width:900px){.company-choice-bars,.company-choice-bars--trainer{grid-template-columns:1fr}}
@media (max-width:900px){.company-choice-admin-controls,.company-winner-form{grid-template-columns:1fr}}
@media (min-width:800px){
  .nulmeting-block{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nulmeting-block > .vote-button,
  .nulmeting-block > .survey-actions,
  .nulmeting-block > .group-results-placeholder{grid-column:1/-1}
  .nulmeting-block article{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}
  .nulmeting-block article h3,
  .nulmeting-block article p,
  .nulmeting-block article .vote-button{grid-column:1/-1}
  .nulmeting-block--wide-options > article{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1000px){
  .nulmeting-block--risk-columns > article{grid-column:1/-1}
  .nulmeting-block--risk-columns article{grid-template-columns:repeat(4,minmax(0,1fr))}
  .nulmeting-block--wide-options > article{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.vote-button,.button-link{
  display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid var(--border);
  border-radius:8px;padding:.45rem .75rem;background:var(--surface-2);color:var(--fg);cursor:pointer;text-decoration:none;
}
.vote-button:hover,.button-link:hover{background:var(--hover);text-decoration:none}
.button-link.disabled{opacity:.65;cursor:not-allowed}
.canvas-placeholder,.task-table-placeholder{
  display:grid;gap:.75rem;margin-top:.75rem;
}
.canvas-placeholder label{display:grid;gap:.35rem;font-weight:600}
.action-plan-placeholder{margin-top:.75rem}
input,select,textarea{
  width:100%;border:1px solid var(--border);border-radius:8px;padding:.55rem;background:var(--surface);color:var(--fg);font:inherit;
}
textarea{min-height:5rem;resize:vertical}
.task-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(160px,.7fr) minmax(180px,1.2fr);gap:.5rem}
.task-row--four{grid-template-columns:minmax(120px,.8fr) minmax(150px,.7fr) minmax(170px,1fr) minmax(170px,1fr)}
.nulmeting-block{display:grid;gap:.6rem;margin-top:.65rem}
.nulmeting-block article{display:grid;gap:.35rem;border:1px solid var(--border);border-radius:8px;padding:.65rem;background:var(--card)}
.nulmeting-block article:nth-of-type(6n+1){
  border-color:color-mix(in oklab,var(--donkerblauw) 46%,var(--border));
  background:color-mix(in oklab,var(--donkerblauw) 9%,var(--card));
}
.nulmeting-block article:nth-of-type(6n+2){
  border-color:color-mix(in oklab,var(--groen) 44%,var(--border));
  background:color-mix(in oklab,var(--groen) 10%,var(--card));
}
.nulmeting-block article:nth-of-type(6n+3){
  border-color:color-mix(in oklab,var(--geel) 46%,var(--border));
  background:color-mix(in oklab,var(--geel) 11%,var(--card));
}
.nulmeting-block article:nth-of-type(6n+4){
  border-color:color-mix(in oklab,var(--paars) 42%,var(--border));
  background:color-mix(in oklab,var(--paars) 8%,var(--card));
}
.nulmeting-block article:nth-of-type(6n+5){
  border-color:color-mix(in oklab,var(--rood) 36%,var(--border));
  background:color-mix(in oklab,var(--rood) 7%,var(--card));
}
.nulmeting-block article:nth-of-type(6n){
  border-color:color-mix(in oklab,var(--lichtblauw) 42%,var(--border));
  background:color-mix(in oklab,var(--lichtblauw) 8%,var(--card));
}
.nulmeting-block article h3{margin:0 0 .15rem;font-size:14pt}
.nulmeting-block article p{margin:.1rem 0 .25rem}
.nulmeting-block label{display:flex;align-items:flex-start;gap:.45rem;margin:0;border:1px solid color-mix(in oklab,var(--border) 86%,transparent);border-radius:8px;padding:.35rem .5rem;background:color-mix(in oklab,var(--surface) 82%,transparent);line-height:1.35}
.group-quiz-placeholder{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:.75rem;margin-top:.75rem}
.company-classification{display:grid;gap:.75rem}
.company-classification[data-filtered="0"] .classification-card{display:none}
.company-classification[data-filtered="0"] .survey-actions{display:none}
.company-classification-notice{border:1px solid var(--border);border-radius:8px;padding:.75rem .85rem;background:color-mix(in oklab,var(--lichtblauw) 9%,var(--card));color:var(--muted)}
.company-classification[data-filtered="1"] .company-classification-notice{display:none}
.classification-card{border:1px solid var(--border);border-radius:8px;padding:.85rem;background:var(--card)}
.classification-card:nth-of-type(6n+1){
  border-color:color-mix(in oklab,var(--donkerblauw) 42%,var(--border));
  background:color-mix(in oklab,var(--donkerblauw) 8%,var(--card));
}
.classification-card:nth-of-type(6n+2){
  border-color:color-mix(in oklab,var(--groen) 42%,var(--border));
  background:color-mix(in oklab,var(--groen) 9%,var(--card));
}
.classification-card:nth-of-type(6n+3){
  border-color:color-mix(in oklab,var(--geel) 44%,var(--border));
  background:color-mix(in oklab,var(--geel) 10%,var(--card));
}
.classification-card:nth-of-type(6n+4){
  border-color:color-mix(in oklab,var(--paars) 38%,var(--border));
  background:color-mix(in oklab,var(--paars) 7%,var(--card));
}
.classification-card:nth-of-type(6n+5){
  border-color:color-mix(in oklab,var(--rood) 34%,var(--border));
  background:color-mix(in oklab,var(--rood) 6%,var(--card));
}
.classification-card:nth-of-type(6n){
  border-color:color-mix(in oklab,var(--lichtblauw) 40%,var(--border));
  background:color-mix(in oklab,var(--lichtblauw) 8%,var(--card));
}
.classification-card h3{font-size: 14pt}
.quiz-option-group{display:grid;gap:.35rem;margin-top:.65rem}
.quiz-option{display:flex;align-items:flex-start;gap:.5rem;border:1px solid var(--border);border-radius:8px;padding:.45rem .55rem;background:var(--surface);line-height:1.35}
.quiz-option input[type="radio"],
.nulmeting-block input[type="radio"],
.nulmeting-block input[type="checkbox"]{width:auto;min-width:1rem;margin:.18rem 0 0;flex:0 0 auto}
.nulmeting-block label input[type="text"]{margin-top:-.2rem}
.group-results-placeholder{border:1px dashed var(--border);border-radius:8px;padding:.85rem;margin-top:1rem;background:color-mix(in oklab,var(--surface-2) 60%,transparent)}
.group-results-placeholder ul{list-style:none;padding:0;margin:.75rem 0 0}
.group-results-placeholder li{display:flex;align-items:center;gap:.6rem;margin:.45rem 0}
.bar-placeholder{display:inline-block;height:.7rem;border-radius:999px;background:var(--donkerblauw);min-width:4rem}
.bar-placeholder--medium{width:7rem}
.bar-placeholder--wide{width:10rem}
.process-builder-placeholder{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(260px,1.2fr);gap:1rem;margin-top:.85rem}
.process-card-list{display:grid;gap:.5rem;align-content:start}
.process-card{border:1px solid var(--border);border-radius:8px;padding:.65rem .75rem;background:var(--card);font-weight:700}
.process-canvas{min-height:260px;border:2px dashed var(--border);border-radius:8px;padding:1rem;display:grid;place-content:center;text-align:center;background:color-mix(in oklab,var(--surface-2) 60%,transparent);color:var(--muted)}
.collaborative-flow-placeholder .process-canvas{min-height:340px;resize:vertical;overflow:auto}
.component-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;align-content:start}
.flow-card{border:1px solid var(--border);border-radius:8px;padding:.55rem .65rem;background:var(--card);font-weight:700;text-align:center}
.flow-canvas{min-height:320px;border:2px dashed var(--border);border-radius:8px;padding:1rem;display:grid;place-content:center;text-align:center;background:color-mix(in oklab,var(--surface-2) 60%,transparent);color:var(--muted)}
.dragdrop-placeholder,.flow-placeholder,.risk-cloud-placeholder{
  min-height:150px;border:2px dashed var(--border);border-radius:8px;padding:1rem;display:flex;flex-wrap:wrap;gap:.6rem;align-content:flex-start;background:color-mix(in oklab,var(--surface-2) 65%,transparent);
}
.dragdrop-placeholder span,.flow-placeholder span,.risk-cloud-placeholder span{
  display:inline-flex;align-items:center;min-height:36px;border:1px solid var(--border);border-radius:8px;padding:.35rem .6rem;background:var(--surface);
}
.flow-placeholder span::after{content:"";width:18px;height:1px;background:var(--border);margin-left:.6rem}
.risk-cloud-placeholder span:nth-child(3n){background:color-mix(in oklab,var(--rood) 18%,var(--surface))}
.risk-cloud-placeholder span:nth-child(3n+1){background:color-mix(in oklab,var(--geel) 18%,var(--surface))}
.risk-cloud-placeholder span:nth-child(3n+2){background:color-mix(in oklab,var(--donkerblauw) 15%,var(--surface))}
.risk-token{font-weight:700}
.risk-vote-options{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.85rem}
.risk-vote-options button{min-height:40px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--fg);padding:.45rem .75rem;cursor:pointer;font:inherit}
.risk-vote-options button:hover,.risk-vote-options button:focus{background:var(--hover)}
.agent-canvas textarea{min-height:4rem}
.prompt-card pre{margin:.5rem 0 0;white-space:pre-wrap}
.chapter-nav{
  display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:2rem 0 0;padding-top:1rem;border-top:1px solid var(--border);
}
.chapter-nav a{
  display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid var(--border);
  border-radius:8px;padding:.5rem .75rem;background:var(--surface-2);color:var(--fg);text-decoration:none;
}
.chapter-nav a:hover{background:var(--hover);text-decoration:none}
.site-footer{padding:2rem 1rem 6rem;color:var(--muted);text-align:center}
.site-footer .stealth-admin-link,
.site-footer .stealth-admin-link:visited,
.site-footer .stealth-admin-link:hover,
.site-footer .stealth-admin-link:focus,
.site-footer .stealth-admin-link:active{
  color:inherit;
  text-decoration:none;
  cursor:text;
  outline:0;
}

@media (max-width:640px){
  .container{margin:1.25rem auto}
  .site-title{font-size:1.55rem}
  .language-link span:last-child{display:none}
  .training-session-panel{width:100vw;border-left:0}
  .training-session-panel__inner{padding:.85rem}
  .training-session-list{grid-template-columns:1fr}
  .learning-outcome__grid{grid-template-columns:1fr}
  .task-row,.task-row--four{grid-template-columns:1fr}
  .process-builder-placeholder{grid-template-columns:1fr}
  .chapter-nav{flex-direction:column;align-items:stretch}
  .chapter-nav span{display:none}
}