@font-face{font-family:"Atkinson Hyperlegible";font-weight:bold;src:url("/atkinson-hyperlegible/AtkinsonHyperlegible-Bold.ttf")}@font-face{font-family:"Atkinson Hyperlegible";font-weight:regular;src:url("/atkinson-hyperlegible/AtkinsonHyperlegible-Regular.ttf")}@font-face{font-family:"Atkinson Hyperlegible";font-style:italic;src:url("/atkinson-hyperlegible/AtkinsonHyperlegible-Italic.ttf")}@font-face{font-family:"Atkinson Hyperlegible";font-weight:bold;font-style:italic;src:url("/atkinson-hyperlegible/AtkinsonHyperlegible-BoldItalic.ttf")}@font-face{font-family:"OpenDyslexic";font-weight:bold;src:url("/opendyslexic/OpenDyslexic-Bold.woff")}@font-face{font-family:"OpenDyslexic";font-weight:regular;src:url("/opendyslexic/OpenDyslexic-Regular.woff")}@font-face{font-family:"OpenDyslexic";font-style:italic;src:url("/opendyslexic/OpenDyslexic-Italic.woff")}@font-face{font-family:"OpenDyslexic";font-weight:bold;font-style:italic;src:url("/opendyslexic/OpenDyslexic-Bold-Italic.woff")}@font-face{font-family:"Fira Code";src:url("/fira-code/FiraCode-VariableFont_wght.ttf")}*{box-sizing:border-box}html{margin:0;padding:0;font-size:14pt;--cl-text: black;--cl-background: #fbfbfb;--cl-background-accent: #f0f0f0;--cl-primary: #1f63a2;--cl-gray: #bebebe;--cl-gray-contrast: #646464;--padding-default: 3rem;--padding-container: .5rem 1rem;--border-default: 2px solid var(--cl-gray);--aside-width: 400px}html:has(.a11y){font-size:12pt}@media (prefers-color-scheme: dark){html{--cl-text: #f4f4f4;--cl-background: #13161c;--cl-background-accent: #181b22;--cl-primary: #aad6ff;--cl-gray: #575757;--cl-gray-contrast: #969696}.giallo-ln{padding-right:1em;color:var(--cl-gray--contrast) !important;opacity:.5}}body{margin:0;display:grid;grid-template-columns:var(--aside-width) 1fr;height:100vh;line-height:1.7;font-family:"Atkinson Hyperlegible",sans-serif;background:var(--cl-background);color:var(--cl-text)}body.a11y{font-family:"OpenDyslexic",serif}body.a11y code,body.a11y pre{font-family:"OpenDyslexic",monospace}body.hide-aside{grid-template-columns:1fr;--aside-width: 0}h1,h2,h3,h4,h5,h6{text-wrap:balance}h3{margin-top:3rem}h2{margin-top:4rem}a:link,a:hover,a:active,a:visited{color:var(--cl-primary);text-decoration:none}code,pre{font-family:"Fira Code",monospace;font-size:.9em}pre{padding:1rem;max-width:100%;overflow-x:auto;line-height:1.2em;border:var(--border-default)}.giallo-ln{padding-right:1em;-webkit-user-select:none;-ms-user-select:none;user-select:none}:not(pre)>code{color:var(--cl-primary)}table{border-collapse:collapse}table tr{border-top:var(--border-default)}table td,table th{padding:.5rem;padding-right:1.5rem}aside{display:grid;grid-template-rows:auto max-content;margin:0 auto;padding:var(--padding-default);background:var(--cl-background-accent)}aside .aside-title{font-weight:bold;text-wrap:balance;margin-top:0}aside hr{border:none;border-bottom:var(--border-default);margin:2rem 0}.hide-aside aside{display:none}.toggle-aside-wrapper{display:flex;align-items:center;justify-content:center;position:fixed;top:var(--padding-default);left:var(--aside-width);width:1.5em;height:1.5em;transform:translateX(-50%) translateY(-50%);background:var(--cl-background-accent);border-radius:100%;font-size:1.5em;border:var(--border-default);color:var(--cl-primary)}.toggle-aside-wrapper .icon-expand{display:none}.toggle-aside-wrapper span{transform:translateY(-2px) translateX(1px)}body.hide-aside .toggle-aside-wrapper{left:var(--padding-default)}body.hide-aside .toggle-aside-wrapper .icon-contract{display:none}body.hide-aside .toggle-aside-wrapper .icon-expand{display:block}main{max-height:100vh;overflow-y:auto;position:relative}main>.content-wrapper{max-width:min(1000px,100vw - 400px);width:100%;padding:var(--padding-default);padding-bottom:8rem;margin:0 auto}main>.content-wrapper :nth-child(1){margin-top:0}main>.content-wrapper *{max-width:100%}main>.content-wrapper blockquote{border-left:var(--border-default);margin-left:0;margin-right:0;padding-left:1rem}main>.content-wrapper details{border:var(--border-default);margin:0 0 1rem 0}main>.content-wrapper details summary{padding:var(--padding-container)}main>.content-wrapper details>div{border-top:var(--border-default);padding:1rem}main>.content-wrapper img{display:block;margin:var(--padding-default) auto}main>.content-wrapper .team-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--padding-default);margin-top:var(--padding-default)}main>.content-wrapper .team-grid .team-member{border:var(--border-default);border-color:var(--cl-primary);margin:0;padding-top:1rem}main>.content-wrapper .team-grid .team-member:has(.image-wrapper){display:grid;grid-template-rows:auto 1fr;gap:var(--padding-container);padding-top:0}main>.content-wrapper .team-grid .team-member .position{margin-bottom:0}main>.content-wrapper .team-grid .team-member .position+h2{margin-top:0}main>.content-wrapper .team-grid .team-member .image-wrapper{width:100%;overflow:hidden;aspect-ratio:16/9}main>.content-wrapper .team-grid .team-member .image-wrapper img{height:auto;width:100%;margin:0;padding:0;object-fit:cover;object-position:center}main>.content-wrapper .team-grid .team-member .image-wrapper[data-copyright]{position:relative;display:block}main>.content-wrapper .team-grid .team-member .image-wrapper[data-copyright]::after{content:attr(data-copyright);position:absolute;font-size:.5rem;bottom:.2rem;right:.2rem}main>.content-wrapper .team-grid .team-member>.content-wrapper{padding:var(--padding-container)}footer .licenses{display:block}footer .licenses img{height:1.5em}.task:not(:first-child){margin-top:3rem}.task .title-wrapper{display:flex;justify-content:space-between;gap:2rem;align-items:center;margin-bottom:2rem}.task .title-wrapper h2{margin-bottom:0}.task .title-wrapper .competence-level{display:inline-block;padding:var(--padding-container);height:auto;border:var(--border-default)}.task-provenance{font-style:italic;opacity:.6}.learning-goals{padding:var(--padding-container);border:var(--border-default);margin-top:var(--padding-default)}.section-navigation{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:var(--padding-default)}.section-navigation .previous,.section-navigation .next{padding:var(--padding-container);border:var(--border-default)}.section-navigation .previous.disabled,.section-navigation .next.disabled{opacity:.5}.section-navigation .next{text-align:right}.nav-item [data-tag]::after{content:attr(data-tag);margin-left:.5ch;font-size:small;text-transform:uppercase;color:var(--cl-gray-contrast);letter-spacing:10%}.breadcrumbs .breadcrumb:not(:last-child)::after{content:" » "}.file-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:4rem}.file-list .file .thumbnail{background-color:#fff;margin-bottom:2rem;border:2px solid var(--cl-primary);border-radius:4px;transition:all .3s ease}.file-list .file .thumbnail:hover{filter:drop-shadow(3px 3px 0 var(--cl-background)) drop-shadow(3px 3px 0 var(--cl-primary)) drop-shadow(3px 3px 0 var(--cl-background)) drop-shadow(3px 3px 0 var(--cl-primary));transform:scale(1.02) rotate(2deg)}.file-list .file .description{font-size:.8em}.file-list .file .attachment{margin-top:1em;display:inline-block;text-transform:uppercase;letter-spacing:5%;font-size:.8em;padding:.2em .4em;border-radius:.5em;border:2px solid var(--cl-primary)}.file-list .file .attachment::before{content:"» "}@media screen and (max-width: 1300px),(orientation: portrait){main .content-wrapper .team-grid{grid-template-columns:1fr}.toggle-aside-wrapper{display:none}}@media screen and (max-width: 800px),(orientation: portrait){html{--padding-default: 2rem}body{display:flex;flex-direction:column-reverse;max-height:none;height:auto;overflow:visible;line-height:1.5}body aside{display:grid;max-width:none;width:100%;padding-top:calc(var(--padding-default)*2);overflow:hidden}body main{display:contents}body main .content-wrapper{max-width:100%;height:auto;padding-bottom:calc(var(--padding-default)*2)}body main .content-wrapper .file-list{grid-template-columns:1fr}}@media print{aside{display:none}html,body{background:rgba(0,0,0,0)}body{display:block;height:auto}main{height:auto;max-height:none}main .content-wrapper{height:auto;width:auto;min-width:100%;max-width:100%}.section-navigation{display:none}img{break-inside:avoid}}