@charset "UTF-8";
/* KNOWTERY — University of Amsterdam: editorial component */
:root{--paper:#fff;--ink:#0d0d0d;--blue:#0057ff;--orange:#ff5a1f;--orange-readable:#b83700;--yellow:#ffe600;--line:#dedede;--sub:#565656;--font:"Graphik","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--paper);color:var(--ink)}
body{font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,select{font:inherit}
button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.uva-enter:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.uva-tab:focus-visible,.uva-mobile-selector select:focus-visible{outline:3px solid var(--yellow);outline-offset:-4px}
.uva-experience{width:100%;max-width:1440px;margin:0 auto;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);min-height:540px;position:relative}
[hidden]{display:none!important}
.uva-cover{background:var(--yellow);color:var(--ink);min-height:540px;padding:clamp(28px,5vw,64px);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:36px}
.uva-kicker{font-size:12px;line-height:1.4;font-weight:700;letter-spacing:.10em;text-transform:uppercase}
.uva-cover-body{max-width:980px}
.uva-cover h1{font-size:clamp(46px,7vw,104px);line-height:.99;letter-spacing:-.065em;font-weight:200;margin:0}
.uva-cover h1 strong{font-weight:900;display:block}
.uva-cover p{max-width:58ch;line-height:1.5;font-size:clamp(15px,1.25vw,19px);margin:26px 0 0;color:#333}
.uva-enter{display:inline-flex;align-items:center;justify-content:space-between;gap:56px;padding:17px 20px;border:1px solid var(--ink);border-radius:0;background:var(--ink);color:white;font-size:14px;font-weight:700;cursor:pointer;min-width:255px;transition:background .18s ease,border-color .18s ease}
.uva-enter:hover{background:var(--blue);border-color:var(--blue)}
.uva-enter svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8}
.uva-view{padding:24px 0 0}
.uva-toolbar{padding:0 28px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.uva-toolbar .uva-context{font-size:12px;color:var(--sub);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.uva-back{color:var(--ink);border:0;border-bottom:1px solid #888;background:transparent;padding:7px 0;font-size:13px;cursor:pointer}
.uva-back:hover{color:var(--blue);border-color:var(--blue)}
.uva-shell{display:grid;grid-template-columns:minmax(240px,31%) minmax(0,1fr);border-top:1px solid var(--line);min-height:464px}
.uva-nav{background:var(--ink);display:flex;flex-direction:column;min-width:0}
.uva-tab{min-height:61px;width:100%;background:var(--ink);color:#fff;border:0;border-bottom:1px solid #323232;text-align:left;padding:12px 19px;display:flex;align-items:center;cursor:pointer;font-size:13px;line-height:1.27;font-weight:400;transition:background .16s ease}
.uva-tab:hover{background:#2a2a2a}
.uva-tab[aria-selected="true"]{background:var(--blue);font-weight:700}
.uva-panel{padding:clamp(22px,2.6vw,34px);min-width:0;outline:0}
.uva-panel-top{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px}
.uva-panel-icon{width:27px;height:27px;flex:0 0 27px;color:var(--ink)}
.uva-title{margin:0;font-size:clamp(21px,2.2vw,31px);font-weight:700;letter-spacing:-.04em;line-height:1.13}
.uva-detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(200px,.78fr);gap:clamp(19px,2.6vw,42px);align-items:start}
.uva-lead{font-size:clamp(17px,1.55vw,22px);line-height:1.28;letter-spacing:-.02em;font-weight:700;margin:0 0 15px}
.uva-desc{font-size:14px;line-height:1.6;color:#353535;margin:0;max-width:60ch}
.uva-keywords{border-top:1px solid var(--line);margin-top:23px;padding-top:13px;display:flex;gap:6px 9px;flex-wrap:wrap}
.uva-keyword{font-size:12px;line-height:1.5;letter-spacing:.02em;color:var(--orange-readable);font-weight:700}
.uva-keyword:not(:last-child)::after{content:" ·";margin-left:5px}
.uva-figure{margin:0}
.uva-image{height:245px;width:100%;position:relative;overflow:hidden;background:#f4f4f2;border:1px solid #e7e7e7}
.uva-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8px;display:block}
.uva-image img.uva-remote{opacity:0;filter:grayscale(1);transition:opacity .2s ease}
.uva-image img.uva-remote.is-loaded{opacity:1}
.uva-figure figcaption{font-size:12px;line-height:1.5;color:#555;margin-top:10px}
.uva-figure a{color:#555;text-decoration:underline;text-underline-offset:3px}
.uva-figure a:hover{color:var(--blue)}
.uva-mobile-selector{display:none;background:var(--ink);padding:14px}
.uva-mobile-selector label{display:block;color:#f5f5f5;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}
.uva-mobile-selector select{width:100%;appearance:none;background:var(--blue);color:white;border:1px solid #fff;border-radius:0;padding:12px 32px 12px 13px;font-size:14px;line-height:1.35;font-weight:700;white-space:normal}
.uva-mobile-selector .uva-select-wrap{position:relative}
.uva-mobile-selector .uva-select-wrap::after{content:"⌄";position:absolute;right:13px;top:50%;transform:translateY(-55%);color:white;pointer-events:none;font-size:23px}
@media (max-width:890px){.uva-detail{grid-template-columns:1fr}.uva-image{height:205px}.uva-figure{max-width:520px}.uva-panel{padding:22px}.uva-tab{font-size:12px;padding:11px 13px;min-height:57px}}
@media(max-width:650px){.uva-experience{min-height:520px}.uva-cover{min-height:520px;padding:32px 24px}.uva-cover h1{font-size:clamp(48px,11vw,68px)}.uva-cover p{font-size:15px}.uva-enter{min-width:230px}.uva-toolbar{padding:0 18px 15px}.uva-view{padding-top:17px}.uva-toolbar .uva-context{font-size:10px}.uva-shell{display:block}.uva-nav{display:none}.uva-mobile-selector{display:block}.uva-panel{padding:22px 20px 24px}.uva-panel-top{margin-bottom:14px}.uva-title{font-size:24px}.uva-lead{font-size:20px;margin-bottom:12px}.uva-desc{font-size:14px}.uva-keywords{margin-top:17px}.uva-image{height:220px}.uva-figure{max-width:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Compact mobile presentation: only the course selection and its content remain. */
@media(max-width:650px){
.uva-toolbar .uva-context{display:none}
.uva-toolbar{justify-content:flex-end;padding:0 18px 11px}
.uva-view{padding-top:12px}
.uva-panel{padding:18px 20px 20px}
.uva-panel-top{margin-bottom:12px}
.uva-title{font-size:22px}
.uva-lead{font-size:18px;margin-bottom:9px}
.uva-desc{line-height:1.52}
.uva-image{height:185px}
.uva-figure figcaption{font-size:11.5px;line-height:1.45}
.uva-keywords{margin-top:15px;padding-top:11px}
.uva-mobile-selector{padding:11px 14px}
.uva-mobile-selector select:focus-visible{outline:3px solid var(--yellow);outline-offset:-4px}
}