@font-face{font-family:Jura;src:url('/assets/fonts/jura-latin-wght-normal.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}@font-face{font-family:Orbitron;src:url('/assets/fonts/Orbitron[wght].ttf')}#practiceExamples{font:400 15px/1.75 Jura,sans-serif;background:var(--surface-background);color:var(--jura-muted)}#practiceExamples main{max-width:1060px;margin:70px auto;padding:24px}#practiceExamples h1,#practiceExamples h2,#practiceExamples h3{font-family:Orbitron;font-weight:400;color:var(--text-orbitron)}#practiceExamples h1{font-size:32px;line-height:1.45}#practiceExamples h2{font-size:25px;margin:8px 0 16px}#practiceExamples h3{font-size:17px;margin:0}#practiceExamples .eyebrow{color:var(--accent-brand);font-size:12px;letter-spacing:.2em;text-transform:uppercase}#practiceExamples button{font:600 15px Jura;cursor:pointer;color:var(--jura-body);background:var(--surface-control);border:1px solid var(--border-default);border-radius:6px;padding:12px 18px}#practiceExamples button:hover,#practiceExamples button[aria-selected=true]{color:var(--accent-brand);border-color:var(--accent-brand)}#practiceExamples button:focus-visible{outline:2px solid var(--accent-brand);outline-offset:3px}#practiceExamples{width:min(1100px,calc(100% - 32px));max-height:90vh;padding:34px;border:1px solid var(--border-default);border-radius:12px;background:var(--surface-background);color:var(--jura-muted)}#practiceExamples::backdrop{background:rgba(9,26,47,.65)}#practiceExamples .top{display:flex;justify-content:space-between;gap:20px;align-items:start}#practiceExamples .close{font-size:23px;padding:0 12px}#practiceExamples .intro{max-width:810px;margin:0 0 24px}#practiceExamples .tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}#practiceExamples .context{font-size:14px;color:var(--jura-soft);margin:6px 0 20px}#practiceExamples .columns{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}#practiceExamples .panel{background:var(--surface-card);border:1px solid var(--border-default);border-radius:8px;padding:22px}#practiceExamples .sub{font-size:14px;margin:5px 0 18px}#practiceExamples .row{display:grid;grid-template-columns:24px 65px 1fr 65px;gap:8px;align-items:center;padding:12px 8px;border-top:1px solid var(--border-subtle);font-size:16px}#practiceExamples .rank{font-size:12px;color:var(--jura-soft)}#practiceExamples .move{font-weight:700;color:var(--jura-bright)}#practiceExamples .bar{height:7px;background:var(--progress-track);border-radius:8px;overflow:hidden}#practiceExamples .bar span{display:block;height:100%;background:var(--jura-bluegray)}#practiceExamples .percent{text-align:right;color:var(--jura-bright)}#practiceExamples .highlight{background:var(--effect-cyan-soft);border-left:3px solid var(--accent-brand);padding-left:5px}#practiceExamples .highlight .bar span{background:var(--accent-brand)}#practiceExamples .games{grid-column:2/5;font-size:12px;color:var(--jura-soft)}#practiceExamples .note{color:var(--accent-brand)}#practiceExamples .engine .row{grid-template-columns:24px 1fr 85px}#practiceExamples .summary{margin-top:22px;padding:19px 22px;border-left:2px solid var(--accent-brand);background:var(--surface-quote);color:var(--jura-bright)}#practiceExamples .summary strong{color:var(--accent-brand)}#practiceExamples .conclusion{font-size:15px;font-weight:400;line-height:1.75;margin:22px 0 0;color:var(--jura-muted)}#practiceExamples .foot{font-size:12px;color:var(--jura-soft);margin:17px 0 0}#practiceExamples .legend{font-size:13px;margin:12px 0 0;color:var(--accent-brand)}#practiceExamples .theme{float:right}@media(max-width:720px){#practiceExamples main{margin:25px auto}#practiceExamples{padding:20px}#practiceExamples .columns{grid-template-columns:1fr}#practiceExamples h2{font-size:21px}#practiceExamples .panel{padding:15px}#practiceExamples .row{grid-template-columns:20px 55px 1fr 60px}}#practiceExamples .tabs button{font-family:Orbitron,sans-serif!important;font-size:15px!important;letter-spacing:normal!important}#practiceExamples .position{display:flex;gap:24px;align-items:center;margin:0 0 24px}#practiceExamples .position img{display:block;width:190px;height:auto;border-radius:6px;border:1px solid var(--border-default)}#practiceExamples .position figcaption{max-width:590px}#practiceExamples .position p{margin:8px 0}#practiceExamples .route{color:var(--jura-bright)}@media(max-width:550px){#practiceExamples .position{align-items:flex-start;gap:15px}#practiceExamples .position img{width:130px}#practiceExamples .position figcaption{font-size:14px}}#practiceExamples .chessboard{display:grid;grid-template-columns:repeat(8,1fr);width:224px;aspect-ratio:1;flex-shrink:0;border:1px solid var(--border-default);border-radius:4px;overflow:hidden}#practiceExamples .square{position:relative;aspect-ratio:1}#practiceExamples .square.light{background:var(--board-light)}#practiceExamples .square.dark{background:var(--board-dark)}#practiceExamples .position .square img{width:100%;height:100%;border:0;border-radius:0}#practiceExamples .coordinate{position:absolute;font:600 8px Jura;line-height:1;color:var(--board-coordinate-on-light)}#practiceExamples .dark .coordinate{color:var(--board-coordinate-on-dark)}#practiceExamples .ranklabel{top:2px;left:2px}#practiceExamples .filelabel{bottom:1px;right:2px}@media(max-width:550px){#practiceExamples .chessboard{width:152px}}@font-face{font-family:ZetwijsPreviewOrbitron;src:url("/assets/fonts/Orbitron%5Bwght%5D.ttf") format("truetype");font-weight:400 900;font-style:normal}#practiceExamples .tabs button[role="tab"]{font:400 14px/1.5 ZetwijsPreviewOrbitron,Orbitron,sans-serif!important;letter-spacing:var(--zw-orbitron-spacing)!important}#practiceExamples .tabs{position:relative;border-bottom:0;margin-bottom:26px}#practiceExamples .tabs::after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:1px;background:color-mix(in srgb,var(--jura-soft) 16%,transparent)}#practiceExamples .local-why{max-width:1375px;margin:24px auto;padding:24px 32px}#practiceExamples .preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}#practiceExamples .local-why .why-summary h2{font-size:30px}#practiceExamples .local-why .why-pillar h3{font-size:17px;line-height:1.5}#practiceExamples .local-why .why-pillar p{font-size:15px;line-height:1.75}#practiceExamples .local-why .why-section-head h2{font-size:30px;line-height:1.4}#practiceExamples .practice-link{display:inline-flex;gap:12px;align-items:center;margin:0 0 24px;color:var(--accent-brand);font:500 15px/1.5 Jura,sans-serif}#practiceExamples .local-why .why-quote{margin-top:10px}@media(max-width:720px){#practiceExamples .local-why{padding:16px}#practiceExamples .local-why .why-section-head h2,#practiceExamples .local-why .why-summary h2{font-size:24px}}#practiceExamples .modal-close{padding:0}#practiceExamples .top{padding-right:24px} 
#practiceExamples{width:min(1060px,calc(100vw - 40px));max-width:1060px;max-height:90dvh;margin:auto;padding:30px;border:1px solid var(--border-default);border-radius:12px;background:var(--surface-background);box-shadow:0 18px 65px rgba(9,26,47,.25);overflow:auto;font:400 15px/1.75 Jura,sans-serif;color:var(--jura-muted)}#practiceExamples .modal-close{padding:0}#practiceExamples .tabs{margin-top:0;border-bottom:0;margin-bottom:26px}#practiceExamples .chessboard{width:190px}#practiceExamples .position{margin-top:0}#practiceExamples .panel{padding:18px}#practiceExamples .row{padding-top:9px;padding-bottom:9px}#practiceExamples h2{font-size:25px}#practiceExamples h3{font-size:17px}@media(max-width:720px){#practiceExamples{width:calc(100vw - 24px);padding:20px}#practiceExamples h2{font-size:21px}#practiceExamples .chessboard{width:152px}}
.practice-link{display:inline-flex;gap:12px;align-items:center;margin:0 0 24px;padding:12px 18px;border:1px solid var(--btn-border);border-radius:6px;background:var(--btn-bg);color:var(--accent-brand);font:500 15px/1.5 Jura,sans-serif;cursor:pointer}.practice-link:hover,.practice-link:focus-visible{border-color:var(--btn-border-hover);background:var(--btn-bg-hover)}
#practiceExamples{scrollbar-width:none;-ms-overflow-style:none}#practiceExamples::-webkit-scrollbar{display:none}

/* Schermvullende voorbeelden met begrensde leesbreedte. */
#practiceExamples{
  position:fixed;inset:0;margin:0;
  width:100%;max-width:none;height:100dvh;max-height:none;
  border:0;border-radius:0;box-shadow:none;
  padding:38px max(28px,calc((100vw - 1100px)/2));
  background:var(--surface-background);
}
#practiceExamples .modal-close{
  position:fixed;top:18px;right:22px;z-index:10;
}
#practiceExamples .top{padding-right:42px}
@media(max-width:720px){
  #practiceExamples{width:100%;padding:26px 20px;height:100dvh}
  #practiceExamples .modal-close{top:12px;right:12px}
}