:root{color-scheme:light dark;--spacer:1rem;--spacer-half:calc(var(--spacer) / 2);--spacer-third:calc(var(--spacer) / 3);--spacer-fourth:calc(var(--spacer) / 4);--spacer-double:calc(var(--spacer) * 2);--spacer-triple:calc(var(--spacer) * 3);--spacer-quadruple:calc(var(--spacer) * 4);--font-family:"Red Hat Text", "Adwaita Sans", Ubuntu, verdana, arial, system-ui, sans-serif;--font-size:16px;--font-weight:normal;--font-color:CanvasText;--background-color:light-dark(rgb(245 245 245), rgb(10 10 10));--background-color-alt:light-dark(rgb(230 230 230), rgb(25 25 25));--accent-color:AccentColor;--accent-color-alt:color-mix(in oklab, var(--accent-color), rgb(0 0 0) 25%);--accent-color-text:AccentColorText;--border-color:ButtonBorder;--border-radius:var(--spacer-half);--color-yellow:rgb(200 200 0);--color-red:rgb(200 0 0);--color-green:rgb(0 200 0);--color-blue:rgb(0 0 200)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html,body,input,select,textarea{font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);color:var(--font-color)}body{min-height:100vh;line-height:1.6;background-color:var(--background-color);container:body/inline-size}a{color:var(--accent-color);border-bottom:2px solid var(--accent-color);text-decoration:none;transition:all 500ms ease-in-out allow-discrete;&:hover{color:var(--font-color);border-bottom-color:transparent}&:focus-visible{outline:2px solid var(--accent-color);outline-offset:var(--spacer-third)}&[href^=https]::after{content:"\2197";margin-left:var(--spacer-third);margin-right:var(--spacer-third)}}p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,pre,code,figure,blockquote,header,main,footer,nav,aside,article,table{margin-block-end:var(--spacer)}h1,h2,h3,h4,h5,h6{line-height:1.1;font-family:montserrat,var(--font-family);font-weight:500}h1{font-size:calc(var(--font-size) * 2.125)}h2{font-size:calc(var(--font-size) * 1.75)}h3{font-size:calc(var(--font-size) * 1.5)}h4{font-size:calc(var(--font-size) * 1.325)}h5{font-size:calc(var(--font-size) * 1.15)}h6{font-size:calc(var(--font-size) * 1.1)}ul{list-style-type:square}ul,ol{list-style-position:inside}ul ul,ol ol,ul ol,ol ul{margin-left:var(--spacer);margin-block-end:0}blockquote{border-left:2px solid var(--border-color);font-style:italic;padding:var(--spacer)}blockquote :first-child::before{content:open-quote;margin-right:var(--spacer-half)}blockquote :last-child{margin-block-end:0}blockquote :last-child::after{content:close-quote;margin-left:var(--spacer-half)}dl dt{font-weight:700}dl dd{margin-left:var(--spacer)}hr{margin-block:var(--spacer);border-color:var(--border-color)}table{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid var(--border-color)}table :is(thead tr th,tbody tr td){padding:var(--spacer)}table thead{border-bottom:1px solid var(--border-color);background-color:var(--background-color-alt)}table thead tr th{text-align:left;font-weight:400;text-transform:uppercase}table tbody tr td{border-bottom:1px solid var(--border-color)}table tbody tr:nth-child(even) td{background-color:color-mix(in oklab,var(--background-color-alt),#fff)}img{max-width:100%;height:auto;border:1px solid var(--border-color);margin:var(--spacer-double)auto;display:block}figure{border:1px solid var(--border-color);padding:var(--spacer-half)}figure img{border:none;margin-block:0}figure figcaption{text-align:center;font-style:italic;padding-block:var(--spacer-half)}pre{padding:var(--spacer);overflow:auto}details{background-color:var(--background-color-alt);border-radius:var(--border-radius);padding:var(--spacer-half)}details summary{padding-block:0;cursor:pointer}details:open summary{font-weight:700}details nav{margin-block-start:var(--spacer-half);padding-block-start:var(--spacer-half);border-top:1px solid var(--border-color)}details nav ul{list-style:inside square;padding-left:var(--spacer-half)}:is(ul,ol).flex{list-style:none;display:flex;margin-block-end:0}.container{margin:0 var(--spacer-quadruple);@container body (inline-size >= 80rem){margin: 0 auto;
		width: clamp(60rem, 40cqi, 80rem);
	}}.message{margin-block-end:var(--spacer-double);padding:var(--spacer);border:1px solid var(--border-color);border-left-width:6px}.message :last-child{margin-block-end:0}.message.warning{border-color:var(--color-yellow)}.message.error{border-color:var(--color-red)}.ancestors li:not(:last-of-type)::after{content:"\0000bb";margin-left:var(--spacer-third);margin-right:var(--spacer-third)}.ancestors li a{color:var(--font-color);border-bottom-color:transparent;&:hover{border-bottom-color:var(--font-color)}}.footnotes{margin-block-start:var(--spacer-triple);border:1px dashed var(--border-color);padding:var(--spacer)}.footnotes hr{display:none;visibility:hidden}.footnotes ol{margin-block-end:0}.footnotes ol li p{display:inline-block;margin-block-end:0}.site-header{padding-block:var(--spacer-double);display:flex;flex-direction:column;gap:var(--spacer)}.site-header a{border-bottom-color:transparent;color:var(--font-color);transition-property:color,border-bottom-color,background-color;&[href^=https]::after{content:none}}.site-header h1{font-size:calc(var(--font-size) * 3.25);font-weight:500}.site-header h1 a:hover{color:var(--accent-color)}.site-header nav{display:flex;flex-direction:column;@container body (inline-size >= 48rem){flex-direction: row;
	}}.site-header nav a{flex:auto;display:block;border:none;background-color:var(--background-color-alt);padding:var(--spacer);&:hover{background-color:var(--accent-color);color:var(--accent-color-text)}@container body (inline-size >= 48rem){text-align: center;
	}}.site-content{padding-block:calc(var(--spacer) * 6)}.site-content article{}.site-content article:not(:only-of-type,.introduction){background-color:var(--background-color-alt);border-radius:var(--border-radius);margin-block-end:var(--spacer-double);padding:var(--spacer-double)}.site-content article.introduction{margin-block-end:var(--spacer-quadruple)}.site-content article.introduction h1{margin-block-end:var(--spacer-half)}.site-content article:is(.featured,.outdated,.concept){position:relative;padding:var(--spacer-quadruple)var(--spacer-double)var(--spacer-double);border:2px solid transparent;&::before{font-weight:700;display:inline-block;color:var(--accent-color-text);padding:var(--spacer-third)var(--spacer);position:absolute;top:0;left:0}}.site-content article.featured{border-color:var(--accent-color);margin-block-end:var(--spacer-quadruple);&::before{content:"Vastgezet";background-color:var(--accent-color)}}.site-content article.outdated{border-color:var(--color-red);&::before{content:"Verouderd";background-color:var(--color-red)}}.site-content article.concept{border-color:var(--color-yellow);&::before{content:"Concept";background-color:var(--color-yellow);View transitions}}.site-content article header{margin-block-end:var(--spacer-double)}.site-content article header h1{font-size:calc(var(--font-size) * 3);margin-block-end:var(--spacer-half)}.site-content article header h1 a{color:var(--font-color);border-bottom:none;&:hover{color:var(--accent-color)}}.site-content article:only-of-type header h1 a{border-bottom:none}.site-content article header p{font-size:calc(var(--font-size) * .9);color:color-mix(in oklab,var(--font-color),light-dark(#fff,#373737))}.site-content article>:is(h1,h2,h3,h4,h5,h6){margin-block:var(--spacer-double)}.site-content article:only-of-type:not(.featured,.outdated,.concept)>:is(h1,h2,h3,h4,h5,h6)[id]{position:relative;cursor:pointer}.site-content article:only-of-type:not(.featured,.outdated,.concept)>:is(h1,h2,h3,h4,h5,h6)[id]::before{content:"#";color:color-mix(in oklab,var(--font-color),light-dark(#fff,#373737) 80%);position:absolute;left:calc(var(--spacer) * -2)}.site-content article:not(:only-of-type) table thead{background-color:color-mix(in oklab,var(--background-color-alt),#000 10%)}.site-content article:not(:only-of-type) table tbody tr:nth-child(even) td{background-color:color-mix(in oklab,var(--background-color-alt),#000 2.5%)}.site-content article footer{margin-block-start:var(--spacer-double)}.site-content article footer:has(section){display:flex;gap:var(--spacer-double);flex-direction:column}.site-content article:only-of-type footer{border-top:1px solid var(--border-color);margin-block-start:var(--spacer-triple);padding-block-start:var(--spacer-double)}.site-content article footer ul.tags{gap:var(--spacer)}.site-content article footer ul.tags li a{border:none;border-radius:var(--border-radius);color:var(--font-color);background-color:var(--background-color-alt);padding:var(--spacer-half)var(--spacer);display:block;&:hover{background-color:var(--accent-color);color:var(--accent-color-text)}}.site-pagination{background-color:var(--background-color-alt)}.site-pagination ul{flex-direction:column;@container body (inline-size >= 64rem){flex-direction: row;
	}}.site-pagination ul li{flex:auto;@container body (inline-size <= 64rem){display: none;
	
		&:nth-child(-n + 2),
		&.active,
		&:nth-last-child(-n + 2),
		&.previous,
		&.next {
			display: block;
		}
	}&:not(:has(a)){text-align:center;display:block;padding:var(--spacer);height:100%;color:var(--border-color)}&.previous, &.next{flex:1 0 50%}&.previous a{text-align:left}&.next a{text-align:right}}.site-pagination ul li a{text-align:center;display:block;padding:var(--spacer);height:100%;border:none;color:var(--font-color);&:hover{background-color:var(--accent-color);color:var(--accent-color-text)}}.site-footer{text-align:center;margin-block:calc(var(--spacer) * 8)var(--spacer-double)}.site-footer p{margin-block-end:0}.site-footer nav{display:flex;gap:var(--spacer);justify-content:center}