main{.hero{background-color:var(--blue)}.wrap{max-width:var(--max-width);margin:3rem auto;padding-inline:var(--padding);&.content{max-width:var(--max-content)}}.image-callout{background-color:var(--blue);svg{path{fill:var(--blue)}}}ul,p{a{font-weight:700;color:var(--blue)}}}.button{&.blue{color:var(--blue);background-color:#fff;border-color:var(--blue);&:focus,&:hover{color:#fff;background-color:var(--blue)}}}.callout-tps{padding:.5rem 2rem;color:#fff;background-color:var(--green);border-radius:36px 0;img{height:20px}}section.consent{padding-block:1px;background-color:var(--blue-light);.inner{max-width:var(--max-width);margin:3rem auto;padding-inline:var(--padding);@media (min-width: 768px){display:grid;grid-template-columns:2fr 1fr;gap:2rem}}picture{display:grid;justify-content:center;order:1}img{width:400px;margin-inline:auto}h2{color:var(--blue);font-size:36px}.callout-tps{margin-top:2rem}}section.enroll{max-width:var(--max-width);margin:3rem auto;padding-inline:var(--padding);@media (min-width: 1024px){display:grid;grid-template-columns:1fr 400px;gap:2rem}.images{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;order:1}img{border-radius:12px}h2{font-size:36px;color:var(--blue);@media (min-width: 1024px){margin-top:0}}.item{display:grid;grid-template-columns:auto 1fr;gap:1rem;&:first-of-type{margin-top:2rem}}.number{display:grid;place-items:center;width:70px;height:70px;font-size:34px;font-weight:700;color:#fff;background-color:var(--green);border-radius:70px}h3{margin-top:1.2rem;font-size:24px;color:var(--green)}.callout{margin-block:2rem;color:var(--green)}.or{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;margin-bottom:1rem;font-size:24px;font-weight:700;color:var(--grey);&:before,&:after{content:"";display:block;border-bottom:1px solid var(--grey)}}}section.program{max-width:var(--max-width);margin:3rem auto;padding-inline:var(--padding);@media (min-width: 1024px){display:grid;grid-template-columns:300px 1fr;gap:0 2rem;h2{margin:0}>div{&:first-of-type .dots:first-child:before,&:last-of-type .dots:last-child:after{display:none}}details{margin-inline:2rem}}h2{font-size:30px;color:var(--blue)}.dots{@media (min-width: 1024px){position:relative;margin-bottom:4rem;&:before,&:after{content:"";display:block;position:absolute;z-index:-1;border:2px dotted var(--blue);border-radius:12px}&:before{top:-2rem;left:0;right:50%;height:5rem;border-right:none;border-top-right-radius:0}&:after{top:3rem;left:50%;right:-0;bottom:calc(-2rem - 2px);border-left:none;border-bottom-left-radius:0}}}details{margin-top:0;background-color:#fff;border-color:var(--blue);summary{align-items:center;color:#000;background-color:var(--blue-light);&:after{display:grid;place-items:center;width:30px;margin-top:0;font-family:monospace;color:var(--blue);background-color:#fff;clip-path:circle(38% at 50% 50%)}h3{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem}span:first-child{display:grid;place-items:center;width:48px;height:48px;color:#fff;background-color:var(--blue);border-radius:48px}}}}section.resources-tps{padding-block:1px;background-color:var(--blue-light);.inner{max-width:var(--max-width);margin:3rem auto;padding-inline:var(--padding)}h2,h3{color:var(--blue)}h2{margin-bottom:2rem;text-align:center;font-size:36px}.items{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1rem;@media (min-width: 768px){grid-template-columns:1fr 1fr}}.callout-item{background-color:#fff;h3{color:var(--green)}svg{background-color:var(--green);path{fill:#fff}}}}section.support{padding-block:1px;background-color:var(--blue-light);.inner{max-width:var(--max-width);margin:3rem auto;padding-inline:var(--padding)}h2{margin-bottom:2rem;font-size:36px;color:var(--blue)}.items{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}h3{font-size:24px;color:var(--green)}.item{&:nth-of-type(2n){h3{color:var(--blue)}}}h4{margin-bottom:0;font-size:inherit;+p{margin-top:0}}}section.team{max-width:var(--max-width);margin:3rem auto;padding-inline:var(--padding);container-type:inline-size;@media (min-width: 1024px){display:grid;grid-template-columns:400px 1fr;gap:2rem}>img{display:block;width:400px;margin-inline:auto;border-radius:12px}h2{font-size:40px;color:var(--blue);@media (min-width: 768px){font-size:50px}@media (min-width: 1024px){margin-top:0}}.items,.callout-tps{margin-block:2rem}.items{display:grid;gap:1rem;@container (min-width: 500px){grid-template-columns:auto 1fr}}h3{font-size:24px;color:var(--blue)}.item{@container (min-width: 500px){display:contents}&:nth-of-type(2n){h3{color:var(--green)}}}}