body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:18px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:1.2rem}body{background-color:#fdecd7}.navbar{background-color:#333;justify-content:space-around;padding:1rem}.nav-link{color:#fff;font-size:1.5rem;padding:.8rem 1.5rem}.nav-link:hover{background-color:#555}.disease-details{padding:2rem}.section-nav{gap:1rem;margin-bottom:2rem}.section-link{border:1px solid #ccc;color:#333;font-size:1.5rem;padding:.8rem 1.5rem}.section-link.active{background-color:#333;color:#fff}.content{border:1px solid #ccc;font-size:1.5rem;padding:1rem}.navbar{background:linear-gradient(95deg,#f99d7e,#ffc7ab);box-shadow:0 2px 4px #0000001a;flex-wrap:wrap;gap:1.6rem;justify-content:space-between;padding:1.6rem}.navbar,.navbar-title{align-items:center;display:flex}.navbar-title{cursor:pointer;font-weight:700;line-height:1}.metabolic{color:#c85c5c;font-size:1.75rem}.diseases{color:hsla(0,0%,100%,.611);font-size:1.1rem;font-weight:500;margin-top:.3rem}.nav-links-container{align-items:stretch;display:flex;flex-wrap:wrap;gap:.8rem}.nav-link{align-items:center;background-color:#fff3;border-radius:16px;box-sizing:border-box;color:#e57373;display:flex;font-size:1rem;height:36px;justify-content:center;padding:.6rem 1rem;text-decoration:none;transition:all .2s ease-in-out;white-space:nowrap}.nav-link:hover{background-color:hsla(0,0%,100%,.594);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.nav-link.active{background-color:#e5737379;border:2px solid #0000;box-shadow:0 6px 12px #0003;color:#fff}.nav-link.dropdown{align-items:center;background-color:#fff3;border:none;border-radius:16px;box-sizing:border-box;color:#e57373;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;justify-content:space-between;outline:none;padding:.6rem 2rem .6rem 1rem;position:relative;text-align:center;transition:all .1s ease-in-out;white-space:nowrap}.nav-link.dropdown:hover{background-color:hsla(0,0%,100%,.594);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.nav-link.dropdown.active{background-color:#e5737379;box-shadow:0 6px 12px #0003;color:#fff;transform:translateY(-1px)}.nav-link.dropdown:after{color:inherit;content:"▼";font-size:1rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .2s ease-in-out}.dropdown-container{box-sizing:border-box;display:inline-block;height:36px;position:relative}.dropdown-container button{height:100%;width:100%}.dropdown-menu{background-color:hsla(0,0%,100%,.881);border-radius:15px;box-shadow:0 4px 8px #0003;left:0;margin-top:.5rem;padding:.5rem;position:absolute;top:100%;width:94%;z-index:1000}.dropdown-item{background-color:#fff3;border-radius:16px;box-shadow:0 2px 4px #0000001a;color:#e57373;cursor:pointer;display:block;font-size:1rem;margin:.2rem 0;padding:.4rem 1rem;text-decoration:none;transition:all .2s ease-in-out;white-space:nowrap}.dropdown-item:hover{background-color:#fff6;box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.dropdown-item.active{background-color:#e5737379;box-shadow:0 6px 12px #0000004d;color:#fff}.navbar-logo{height:72px;margin-left:-.8rem;margin-right:.2rem;object-fit:contain;width:72px}.title-text{align-items:flex-start;display:flex;flex-direction:column}body{overflow-x:hidden}.disease-details{min-height:100vh}.disease-details,.disease-header{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:18px;width:100%}.disease-header{gap:36px}.disease-title{align-items:center;box-sizing:border-box;color:#e57373;display:flex;font-size:2.025rem;font-weight:700;gap:1rem;justify-content:center;line-height:1;margin:1rem;text-align:center;text-transform:none;width:100%}.title-icon{height:72px;object-fit:contain;width:72px}.section-nav{flex-wrap:wrap;gap:13.5px;margin-bottom:18px;max-width:1260px;padding:0 9px;width:100%}.section-link,.section-nav{align-items:center;box-sizing:border-box;display:flex;justify-content:center}.section-link{background-color:#ff3c4f95;border-radius:13.5px;box-shadow:0 4px 6px #0000001a;color:#fff;flex-direction:column;font-size:1.08rem;font-weight:700;height:180px;margin:2px;padding:13.5px;text-align:center;text-decoration:none;transition:transform .2s,box-shadow .2s;width:189px}.section-link:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.section-link.active{background-color:#ff3c4f80;border:2px solid #00000022;box-shadow:0 6px 12px #0000004d}.section-link i{color:#007bff;font-size:40px;margin-bottom:15px}.section-link span{font-size:1.08rem;font-weight:700;letter-spacing:.5px;text-align:center}.section-link .icon{font-size:3rem;margin-bottom:10px}.section-link:nth-child(2){background-color:#ffa492b7}.section-link:nth-child(3){background-color:#ffbf8ed4}.section-link:nth-child(4){background-color:#ff8b74cd}.section-link:nth-child(5){background-color:#c857885c}.content{border:none;max-width:1260px;padding:0 18px}.content,.disease-content{box-sizing:border-box;width:100%}.disease-content{background-color:hsla(0,0%,100%,.712);border-radius:18px;box-shadow:0 4px 12px #0000001a;padding:2.25rem}.disease-content h2{align-items:center;border-bottom:3px solid #e57373;color:#e57373;display:flex;flex-direction:row-reverse;font-size:1.62rem;gap:1rem;justify-content:center;margin-bottom:1.8rem;padding-bottom:.72rem;text-align:center}.section-icon{height:54px;margin-right:0;object-fit:contain;width:54px}.content-section{background-color:#fff;border-radius:11px;box-shadow:0 2px 8px #e573731a;margin-bottom:1.8rem;padding:1.62rem}.section-header{border-bottom:2px solid #e57373;color:#e57373;font-size:1.312rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem}.subheader{margin:1.5rem 0 1rem}.content-block{background-color:#fff;border-radius:9px;box-shadow:0 2px 8px #e573731a;margin-bottom:1.35rem;padding:1.35rem}.list-container{padding:.45rem 0}.list-item{margin-bottom:.72rem;padding-left:1.35rem}.list-item .list-container{margin-left:1.5rem;margin-top:.5rem}.list-item:before{color:#e57373;content:"•";left:.3rem;position:absolute}.list-container .list-container .list-item{margin-left:1.5rem}.content-text{color:#e57373;font-size:.948rem;line-height:1.5;margin:0}.highlight-box{background-color:#ffdede;border-left:4px solid #e57373;border-radius:9px;color:#e57373;margin:1.35rem 0;padding:1.35rem}.navigation-buttons{justify-content:space-between;margin-top:1.8rem;padding:0 .9rem;width:100%}.nav-button,.navigation-buttons{box-sizing:border-box;display:flex}.nav-button{align-items:center;background-color:hsla(0,0%,100%,.639);border-radius:18px;color:#e57373;font-size:1.053rem;font-weight:700;height:40.5px;justify-content:center;min-width:135px;padding:.675rem 1.08rem;text-decoration:none;transition:all .1s ease-in-out;white-space:nowrap}.nav-button:hover{background-color:hsla(0,0%,100%,.594);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.back-button{margin-left:0;margin-right:auto}.next-button{margin-left:auto;margin-right:0}.navigation-buttons:has(.back-button:only-child) .back-button{margin-left:0;margin-right:auto}.navigation-buttons:has(.next-button:only-child) .next-button{margin-left:auto;margin-right:0}.completion-checkbox{display:flex;justify-content:flex-end;margin-top:1.8rem;padding-top:.9rem;position:relative}.completion-checkbox label{align-items:center;color:#e57373;cursor:pointer;display:flex;font-size:.972rem;font-weight:700;transition:all .2s ease}.completion-checkbox label:hover{color:#c96262}.completion-checkbox input[type=checkbox]{accent-color:#e57373;cursor:pointer;height:16px;margin-right:.5rem;width:16px}.learning-outcome{align-items:flex-start;background-color:#ff8b8b;border-radius:13.5px;box-shadow:0 2px 4px #0000001a;display:flex;gap:.9rem;margin-bottom:1.8rem;padding:.9rem 1.35rem}.warning-icon{font-size:1.08rem;margin-top:.2rem}.outcome-text{flex:1 1}.outcome-text strong{color:#fff;display:block;font-size:.948rem;margin-bottom:.3rem}.outcome-text p{color:#fff!important;font-size:.948rem!important;line-height:1.4!important;margin:0!important}.subsection{margin-bottom:1.5rem}.subheader{border-left:3px solid #e57373;color:#e57373;font-size:1.44rem;font-weight:700;margin:1rem 0;padding-left:.5rem}.list-container{padding-left:1rem}.list-item{color:#e57373;font-size:.948rem;line-height:1.6;margin-bottom:.8rem;padding-left:1.5rem;position:relative}.content-link{color:#e57373;font-weight:500;text-decoration:none;transition:color .2s ease}.content-link:hover{color:#c62828;text-decoration:underline}.about-section{background:hsla(0,0%,100%,.664);border-radius:18px;margin:.45rem auto 1.35rem;max-width:1170px;padding:.9rem 1.35rem;text-align:left;width:100%}.about-section h2{color:#e57373;font-size:1.312rem;font-weight:700;margin:0 0 .5rem}.about-section .about-text{color:#e57373;font-size:.948rem;line-height:1.4;margin:0}.about-section .about-text span{display:inline-block;margin-bottom:.3rem}.line-content{background-color:#e573730d;border-radius:8px;margin-bottom:.75rem;padding:.75rem}.content-subheading{border-bottom:1px solid #e57373;color:#e57373;display:inline-block;font-size:1.166rem;font-weight:700;margin-bottom:1rem;margin-top:1.5rem;padding-bottom:.3rem;padding-right:.5rem}.content-block:first-child .content-subheading:first-child{margin-top:.5rem}.content-text+.content-subheading,.line-content+.content-subheading,.list-container+.content-subheading{margin-top:2rem}.content-section .content-block{margin-bottom:1.5rem}.content-section .content-text{color:#e57373;line-height:1.5;margin:.5rem 0}.flashcards-section{margin-bottom:2rem}.flashcards-section .section-header{border-bottom:2px solid #e57373;color:#e57373;font-size:1.134rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem}.flashcard-content{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #e573731a;margin-bottom:1.5rem;padding:1.5rem}.content-section{margin-bottom:2rem}.content-section .section-header{border-bottom:2px solid #e57373;color:#e57373;font-size:1.134rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem}.content-section .content-block{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #e573731a;padding:1.5rem}.diagnosis-section{border:1px solid #e573734d;border-radius:11px;box-shadow:0 3px 10px #e5737333;margin:1.8rem 0;overflow:hidden}.diagnosis-toggle{align-items:center;background:#e5737326;border:none;color:#e57373;cursor:pointer;display:flex;font-size:1.215rem;font-weight:700;justify-content:space-between;padding:1.08rem 1.35rem;text-align:left;transition:background-color .3s ease;width:100%}.diagnosis-toggle:hover{background:#e5737340}.diagnosis-content{background:#fff;border-top:1px solid #e5737333;padding:1.35rem}.diagnosis-content p{color:#e57373;font-size:.948rem;line-height:1.6;margin:.75rem 0}.toggle-icon{color:#e57373;font-size:1.215rem;font-weight:700}.diagram-container,.diagram-row{display:flex;justify-content:center;margin:1.44rem auto;max-width:720px}.diagram-row{gap:1.8rem;width:100%}.diagram-row.half-size{margin:1.44rem auto;max-width:472.5px}.diagram-container.countries{flex:3 1;max-width:60%}.diagram-container.genetics{flex:2 1;max-width:40%}.diagram-row.half-size .diagram-container{flex:1 1;margin:0;max-width:calc(50% - .75rem)}.content-diagram{background-color:#fff;border-radius:9px;box-shadow:0 2px 8px #e573731a;object-fit:contain;padding:.9rem;width:100%}@media (max-width:768px){.diagram-row{flex-direction:column;gap:.9rem;padding:0 .9rem}.diagram-container.countries,.diagram-container.genetics,.diagram-row .diagram-container{max-width:100%}}.diagram-container.dt1{flex:1 1}.diagram-container.dt2{flex:1 1;width:95%}.diagram-container.dt2 .content-diagram{width:95%}.diagram-container.half-width{margin:3rem auto;max-width:400px}.diagram-container.half-width .content-diagram{object-fit:contain;width:100%}.diagram-container{position:relative}.image-citation{background-color:#fffc;border-radius:3.6px;bottom:9px;color:#e57373;font-size:.729rem;font-weight:700;padding:1.8px 5.4px;position:absolute;right:18px}.figure-caption{color:#e57373;font-size:.729rem;line-height:1.5;margin:.9rem auto 1.44rem;max-width:720px;padding:0 .9rem;text-align:left}.diagram-container.diabetes-pathway+.figure-caption{max-width:760px}.diagram-container.diabetes-pathway{margin:1.44rem auto;max-width:684px}.diagram-container.diabetes-pathway .content-diagram{object-fit:contain;width:100%}.diagram-container.pku-diagnosis{max-width:504px}.diagram-container.pku-diagnosis .content-diagram{object-fit:contain;width:100%}body{background:linear-gradient(80deg,#f3aa8bd7,#feb7946d);margin:0;min-height:100vh;padding:0}.home{margin:4rem auto;max-width:1040px;padding:0 4rem;text-align:center}.home h1{color:#c85c5c;font-size:2.5rem;font-weight:700;margin-bottom:1.6rem}.home h1+p,.home p{font-size:1.2rem}.home p{color:#c85c5cc5;line-height:1.6}.home .intro-text,.home>p:first-of-type{font-size:1.2rem}.mission-statement{color:#c85c5c;font-size:1.6rem;font-style:italic;line-height:1.6;margin:1.6rem auto;max-width:520px}.learning-outcomes{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(2,1fr);margin:1.6rem 0;text-align:left}.outcome-card{align-items:flex-start;background:#ffffff80;border-radius:20px;display:flex;gap:.8rem;padding:1.2rem;transition:transform .2s ease}.outcome-card:hover{transform:translateY(-2px)}.outcome-icon{align-items:center;background:#ff8b8b;border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.outcome-card p{color:#e57373;font-size:1.05rem;line-height:1.4;margin:0}.outcome-card strong{color:#c85c5c;font-weight:700}.progress-tracker{background:#fff3;border-radius:20px;box-shadow:0 2px 4px #0000001a;margin:3.2rem 0;padding:1.6rem;text-align:left}.progress-tracker h2{color:#c85c5c;font-size:1.45rem;font-weight:700;margin-bottom:.8rem;text-align:center}.progress-tracker p{margin-bottom:1.5rem;text-align:center}.disease-checklist{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.2rem}.disease-item{background:#fff;border-radius:20px;box-shadow:0 1px 3px #0000001a;padding:1.2rem}.disease-item h3{color:#c85c5ceb;font-size:1rem;font-weight:700;margin-bottom:.8rem;text-align:center}.section-checkbox{align-items:center;color:#c85c5cce;cursor:pointer;display:flex;font-size:.9rem;margin:.4rem 0}.section-checkbox input{margin-right:.5rem}.references{background:#fff3;border-radius:20px;box-shadow:0 2px 4px #0000001a;margin:3rem 0;padding:2rem;text-align:left}.references h2{color:#c85c5c;font-size:1.15rem;font-weight:700;margin-bottom:1rem;text-align:left}.references ul{list-style-type:none;padding:0}.references li{color:#c85c5cbf;font-size:.8rem;margin:.5rem 0;padding:.2rem 0}.references .no-indent{padding-left:20px}.references .no-indent li{margin-left:0;text-align:left}.feedback-section{background:#fff3;border-radius:20px;box-shadow:0 2px 4px #0000001a;margin:3rem 0;padding:2rem}.feedback-section h2{color:#c85c5c;font-size:1.45rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.feedback-form{margin:2rem auto;max-width:700px}.rating-stars{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.star{background:none;border:none;color:#fff;cursor:pointer;font-size:1.6rem;position:relative;transition:color .2s ease-in-out}.star.active{color:#e57373cc}.rating-stars:hover .star{color:#e57373}.rating-stars .star:hover~.star{color:#ddd}.star:hover{color:#e57373!important}.rating-stars .star:hover~.star.active{color:#dddc!important}textarea{background-color:#ffffffe6;border:1px solid #c85c5c;border-radius:20px;color:#e57373;font-family:inherit;font-size:1rem;margin:1rem 0;padding:1rem;resize:vertical;transition:all .2s ease-in-out;width:100%}textarea:hover{box-shadow:0 4px 8px #e573731a;transform:translateY(-2px)}textarea:focus{border-color:#c96262;box-shadow:0 4px 8px #e5737326;outline:none}textarea:focus,textarea:focus:hover{transform:translateY(-2px)}textarea::placeholder{color:#e57373;font-family:inherit;font-size:1.2rem;opacity:.7}.submit-button{background:#e57373;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.65rem 1.2rem;transition:all .1s ease-in-out}.submit-button:hover{background:#e57373d5;box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.comments-section{margin-top:2rem;text-align:left}.comments-section h3{color:#e57373;font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.comment{background:#fff;border-radius:20px;box-shadow:0 1px 3px #0000001a;margin:1rem 0;padding:1rem}.comment-rating{color:#e57373;margin-bottom:.5rem}.comment p{color:#e57373;font-size:1.2rem;text-align:left}.comment-date{color:#e57373;display:block;font-size:1rem;margin-top:.5rem;text-align:right}.no-comments{color:#e57373;font-size:1.2rem;font-style:italic;text-align:center}@media (max-width:768px){.disease-checklist{grid-template-columns:1fr}.feedback-form{padding:0 1rem}.learning-outcomes{grid-template-columns:1fr}}.disease-gallery{background:#fff3;border-radius:20px;box-shadow:0 2px 4px #0000001a;margin:4rem 0;padding:2rem;position:relative}.disease-cards-container{align-items:center;display:flex;gap:1rem;margin:2rem 0;position:relative}.disease-cards{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;display:flex;gap:2rem;overflow-x:auto;padding:1rem;scroll-behavior:smooth;scrollbar-width:none}.disease-cards::-webkit-scrollbar{display:none}.disease-card{background:#ffffff80;border-radius:20px;flex:0 0 240px;flex-direction:column;gap:1rem;padding:1.6rem;text-align:center;transition:transform .1s ease,box-shadow .2s ease}.disease-card,.scroll-button{align-items:center;display:flex}.scroll-button{background:#e5737333;border:none;border-radius:50%;color:#e57373;cursor:pointer;font-size:1.5rem;height:40px;justify-content:center;transition:all .1s ease;width:40px;z-index:2}.scroll-button:hover{background:#e573734d;transform:scale(1.1)}.scroll-button.left{left:0}.scroll-button.right{right:0}.scroll-indicator{background:#e573731a;border-radius:2px;height:4px;margin-top:1rem;overflow:hidden;position:relative;width:100%}.scroll-track{background:#e57373;border-radius:2px;height:100%;position:absolute;transition:transform .1s ease}.disease-card:hover{box-shadow:0 5px 15px #e5737333;transform:translateY(-5px)}.card-icon{height:120px;margin-bottom:1rem;object-fit:contain;width:120px}.disease-card h3{color:#e57373;font-size:1rem;font-weight:700;margin:0}.explore-link{background:#ffffff80;border-radius:15px;color:#e57373;font-size:.9rem;font-weight:700;padding:.4rem .8rem;text-decoration:none;transition:background .2s ease}.explore-link:hover{background:#e573731a}@media (max-width:768px){.disease-cards{grid-template-columns:1fr}}.disease-gallery h2{color:#c85c5c;font-size:1.45rem;font-weight:700;margin-bottom:1.2rem;text-align:center}.mission-content{background:#ffffff80;border-radius:20px;margin:2rem 0;padding:2rem;text-align:left}.mission-content p{color:#c85c5c;font-size:1.3rem;line-height:1.6;margin-bottom:1.5rem}.mission-content p:last-child{margin-bottom:0}.pulse-section{margin:2rem 0;text-align:center}.pulse-section h3{color:#c85c5c;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.pulse-section h4{color:#e57373;font-size:1.4rem;font-weight:700}.feedback-section h2{margin-top:3rem}.comment-header{justify-content:space-between;margin-bottom:.5rem}.comment-header,.delete-button{align-items:center;display:flex}.delete-button{background:none;border:none;border-radius:50%;color:#e57373;cursor:pointer;font-size:1.5rem;justify-content:center;line-height:1;padding:.2rem .5rem;transition:all .2s ease}.delete-button:hover{background:#e573731a;color:#c62828}.comment{position:relative}.metabolic-description{color:#c85c5cc5;font-size:1.5rem;font-style:italic;line-height:1.6;margin:1rem auto 2rem;max-width:900px;text-align:center}.metabolic-definition{background:#ffffff4d;border-radius:16px;margin:.8rem auto 1.6rem;max-width:720px;padding:1.6rem;text-align:center}.metabolic-definition h4{color:#c85c5c;font-size:1.2rem;font-weight:700;line-height:1.5;margin-bottom:.8rem;text-transform:uppercase}.metabolic-definition p{color:#c85c5cc5;font-size:1.2rem;line-height:1.5;margin:0}.metabolic-definition sup{font-size:.6rem;vertical-align:super}
/*# sourceMappingURL=main.5ff71843.css.map*/