.wrap{max-width:var(--max-content);margin:3rem auto;padding-inline:var(--padding)}section.infographic{max-width:var(--max-width);margin:3rem auto;padding-inline:var(--padding);@media (min-width: 768px){display:grid;grid-template-columns:1fr 2fr;gap:2rem}h2{font-size:28px;color:var(--teal);@media (min-width: 768px){font-size:36px}}figure{display:grid;justify-items:center;margin:0;padding:1rem 2rem 0;background-color:var(--purple-light);border-radius:12px;@media (min-width: 1200px){grid-template-columns:auto 1fr;gap:2rem;align-items:center}img{display:block;width:360px}}figcaption{max-width:300px;text-align:center;font-size:18px;font-weight:700;color:var(--teal);order:-1;@media (min-width: 768px){font-size:22px}@media (min-width: 1200px){text-align:left;order:1}span{display:block;font-size:120px;line-height:1;color:var(--purple-dark);@media (min-width: 768px){font-size:150px}}}}section.visual-evaf{text-align:center;background-color:var(--teal-light);.inner{max-width:var(--max-content);margin-inline:auto;padding:2rem var(--padding)}h2{font-size:28px;text-wrap:balance;color:var(--teal);@media (min-width: 768px){font-size:36px}}.figure{margin-block:2rem;background-color:#fff;border-radius:12px;overflow:hidden;picture{display:grid;justify-items:flex-start;&:last-child{display:none}@media (min-width: 600px){display:none;&:last-child{display:grid}}}}}.subnav{background-color:var(--teal);ul{display:grid;grid-auto-flow:column;gap:1rem;max-width:var(--max-content);margin:0 auto;padding:1rem var(--padding);list-style:none;overflow:scroll;scrollbar-width:none}li{display:grid;width:220px;padding:0;@media (min-width: 768px){width:auto}}.button{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;padding-inline:20px;font-size:15px;background-color:#fff;@media (min-width: 768px){font-size:18px}&:focus,&:hover{color:#fff;background-color:#000;svg{path{fill:#fff}}}}}section#fats{max-width:var(--max-content);margin:3rem auto;padding-inline:var(--padding);h2{margin-bottom:2rem;text-align:center;font-size:28px;color:var(--teal);@media (min-width: 768px){font-size:36px}}.tabs{justify-content:center;.tab+*{grid-row:2;grid-column:1 / span 2}}.tab.active+article{@media (min-width: 768px){display:grid}}article{@media (min-width: 768px){grid-template-columns:1fr 1fr;gap:2rem;justify-items:center}}figure{max-width:500px;margin:0 auto;text-align:center}.content{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-content:flex-start;img{width:64px;@media (min-width: 768px){width:88px}}.cta{margin-block:2rem 1rem;font-weight:700;p{margin:0}}a{color:var(--teal)}}}section#causes{max-width:var(--max-width);margin:3rem auto;padding-inline:var(--padding);@media (min-width: 768px){display:grid;grid-template-columns:2fr 3fr;gap:2rem}h2{margin-top:0;font-size:28px;color:var(--teal);@media (min-width: 768px){font-size:36px}}.content{container-type:inline-size}.items{display:grid;gap:1rem;margin-block:2rem;@media (min-width: 768px){margin-top:0}@container (min-width: 500px){grid-template-columns:1fr 1fr}}.item{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}img{width:64px;@media (min-width: 768px){width:88px}}}section#diagnose{text-align:center;container-type:inline-size;.top{padding-block:2rem;background-color:var(--purple-light);.inner>img{filter:drop-shadow(0px 0px 25px rgba(0,0,0,.2))}}.bottom{padding-block:2rem 3rem;color:#fff;background-color:var(--purple);h2{color:#fff}.inner>p{font-style:italic}}.middle{background:linear-gradient(180deg,var(--purple-light) 0%,var(--purple-light) 50%,var(--purple) 50%)}.inner{max-width:var(--max-content);margin-inline:auto;padding-inline:var(--padding)}h2{font-size:36px;color:var(--purple-dark)}h3{font-size:24px;color:var(--purple-dark)}.genders,.callout{max-width:700px;margin-inline:auto;box-sizing:border-box}.genders{padding:1rem 2rem 2rem;color:#000;background-color:#fff;border-radius:12px;container-type:inline-size;h3{margin-bottom:2rem}.items{display:grid;gap:2rem;justify-content:space-around;text-align:left;@container (min-width: 500px){grid-template-columns:auto auto}}.item{display:grid;grid-template-columns:auto 1fr;gap:1rem;font-size:18px}img{width:72px}h4{margin-block:0 .5rem;padding-bottom:.5rem;font-family:var(--ff-heading);font-size:21px;border-bottom:1px solid var(--grey)}p{margin:0}}.callout{margin-bottom:2rem;padding:1rem;font-size:20px;color:var(--teal);background-color:#fff;border-radius:12px;@media (min-width: 768px){font-size:24px}}}.calculator{display:grid;gap:1rem;justify-items:center;margin-block:2rem;@container (min-width: 800px){grid-template-columns:repeat(4,auto);align-items:flex-end}label{display:block;margin-bottom:.5rem;font-weight:700}.input{display:grid;justify-content:center;>*{grid-area:1 / 1}}input{width:160px;height:60px;padding-inline:1rem;font-size:28px;box-sizing:border-box;border:none;border-radius:8px}.select{z-index:1;display:grid;justify-items:flex-end;align-items:center;pointer-events:none;&:after{grid-area:1 / 1;content:"";display:inline-block;width:10px;height:5px;margin:3px .5rem;background-color:#000;clip-path:polygon(0 0,50% 100%,100% 0)}select{grid-area:1 / 1;width:3.5rem;height:60px;padding-inline:.5rem;font-size:inherit;border:none;border-left:1px solid var(--grey);border-radius:0 8px 8px 0;appearance:none;pointer-events:all}}button{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;height:60px;padding:0 30px;font-family:var(--ff-heading);font-size:21px;font-weight:700;color:#672e73;background-color:#fff;border:none;border-radius:60px}}