:root{--white: #FCFCFC;--dark-white: #E9E9E9;--dark-dark-white: #D9D9D9;--text-black: #15245F;--light-purple: #E6BEF7;--light-purple-shade: #D2A3E6;--dark-purple: #9E4BC2;--dark-purple-shade: #7A319A;--light-yellow: #FFE8B4;--light-yellow-shade: #F3DBA4;--dark-yellow: #564112;--dark-yellow-shade: #43320A;--light-green: #7BEDCA;--light-green-shade: #5FD6B1;--dark-green: #147557;--light-grey: #D5D5D5;--light-grey-shade: #C5C5C5;--dark-grey: #757575;--dark-grey-shade:#5A5A5A;--focus-indicator: 0 0 0 .25rem var(--white), 0 0 0 .5rem var(--dark-yellow);--focus-indicator-inset: inset 0 0 0 .25rem var(--dark-yellow), inset 0 0 0 .5rem var(--white);--page-width: 65rem;--content-width: 45rem}@media(prefers-color-scheme:dark){:root{--white: #080E29;--dark-white: #141D45;--dark-dark-white: #212C60;--text-black: #FCFCFC;--light-purple: #9E4BC2;--light-purple-shade: #7A319A;--dark-purple: #E6BEF7;--dark-purple-shade: #D2A3E6;--light-yellow: #564112;--light-yellow-shade: #43320A;--dark-yellow: #FFE8B4;--dark-yellow-shade: #F3DBA4;--light-green: #147557;--dark-green: #7BEDCA;--dark-green-shade: #5FD6B1;--light-grey: #757575;--light-grey-shade: #5A5A5A;--dark-grey: #D5D5D5;--dark-grey-shade:#C5C5C5}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}body{font-family:Inter,sans-serif;font-size:1.1rem;line-height:1.5;color:var(--text-black);background-color:var(--white);margin:0 auto;box-sizing:border-box;background-image:linear-gradient(var(--dark-dark-white) .0625rem,transparent 0);background-size:2rem 2rem}main{max-width:var(--page-width);margin:3rem auto 0;padding:0 1rem;background-color:var(--white)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;margin-top:2rem;margin-bottom:1rem;max-width:var(--content-width)}h1,h2{margin-top:3rem}h1:focus{outline:none}p{max-width:var(--content-width)}a{color:var(--dark-green);text-decoration:underline}a:hover{text-decoration:none}a:focus{outline:none;box-shadow:var(--focus-indicator)}.small-text{font-size:.9rem}.image-frame{border:.5rem solid var(--white);box-shadow:.25rem .25rem 1rem #00000080;width:calc(100% - 1rem);max-width:var(--content-width)}@media(prefers-color-scheme:dark){.image-frame{border:.5rem solid var(--dark-grey);filter:brightness(.8)}}details{max-width:var(--content-width);background-color:var(--light-yellow);border-radius:2rem;margin:2rem 0}details summary{font-weight:700;padding:2rem;border-radius:2rem;background-color:var(--light-yellow)}details summary:hover{cursor:pointer;background-color:var(--light-yellow-shade)}details summary:focus{outline:none;box-shadow:var(--focus-indicator-inset)}details[open] summary{border-bottom-left-radius:0;border-bottom-right-radius:0}details div{padding:1rem 2rem 2rem}.youtube-video{border-radius:2rem;width:100%;max-width:var(--content-width);aspect-ratio:16/9;border:none}.html5-video-player button:focus,.html5-video-player a:focus{outline:none;box-shadow:var(--focus-indicator)}.icon{width:1.1rem;height:auto}ul.card-list{margin-top:2rem;list-style-type:none;padding:0;display:grid;align-items:stretch;justify-items:stretch;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:2rem}ul.card-list h2,ul.card-list h3,ul.card-list h4{margin-top:0}ul.card-list li{display:flex}ul.card-list li article{width:100%;margin:0;padding:2rem;border-radius:2rem;background-color:var(--dark-white)}ul.card-list li article:not(.disabled-card):hover{cursor:pointer;background-color:var(--dark-dark-white)}ul.card-list li article a{display:flex;align-items:center;justify-content:space-between;gap:1rem}ul.card-list li article a{text-decoration:none}ul.card-list li article:hover a{text-decoration:underline}ul.card-list li article a:focus{outline:none;box-shadow:none;text-decoration:underline}ul.card-list li article:has(a:focus){box-shadow:var(--focus-indicator)}.drawing{width:100%;max-width:var(--content-width)}.drawing svg{width:100%;height:auto}.skip-link{position:absolute;top:-40rem;left:0;background:var(--white);color:var(--dark-green);padding:1rem;z-index:100;text-decoration:none;font-weight:700}.skip-link:focus{top:1rem;left:1rem}header{max-width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;padding:2rem 1rem;background-color:var(--white)}.logo img{width:14rem;height:auto;display:block}.logo img:hover{cursor:pointer}.header-nav ul{list-style:none;display:flex;margin:0;padding:0}.header-nav li{padding:1rem;display:flex}.header-nav a{display:flex;width:100%;padding:1rem;margin:-1rem;text-decoration:none;color:var(--text-black);background-color:var(--light-purple);border:.0625rem solid var(--white);font-weight:700}.header-nav li:first-child a{border-top-left-radius:2rem;border-bottom-left-radius:2rem;padding-left:1.5rem}.header-nav li:last-child a{border-top-right-radius:2rem;border-bottom-right-radius:2rem;padding-right:1.5rem}.header-nav a:hover{background-color:var(--light-purple-shade)}.header-nav a:focus{outline:none;box-shadow:var(--focus-indicator-inset)}@media(max-width:768px){header{flex-direction:column;gap:1rem}.header-nav{width:100%}.header-nav ul{display:grid;grid-template-columns:1fr 1fr}.header-nav li:first-child{grid-column:1 / -1}.header-nav li:first-child a{border-top-left-radius:2rem;border-top-right-radius:2rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.header-nav li:nth-last-child(2) a{border-bottom-left-radius:2rem;border-bottom-right-radius:0}.header-nav li:last-child a{border-top-right-radius:0;border-bottom-right-radius:2rem}}footer{background-color:var(--dark-grey-shade);margin-top:4rem;color:var(--white)}footer a{color:var(--light-green)}.footer-content{max-width:var(--page-width);margin:0 auto;padding:1.5rem 1rem}@media(prefers-color-scheme:dark){footer{background-color:var(--dark-white);color:var(--text-black)}footer a{color:var(--dark-green)}}nav.breadcrumb-nav{max-width:var(--page-width);margin:3rem auto 0;background-color:var(--white);padding:0 1rem}nav.breadcrumb-nav ol{display:flex;flex-wrap:wrap;align-items:center;list-style:none;padding:0;margin:0;gap:.5rem}nav.breadcrumb-nav li{display:flex;align-items:center;gap:.5rem}nav.breadcrumb-nav a{color:var(--dark-purple)}