*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter','Arial',sans-serif;background-color:#ebf1ff;color:#424242;line-height:1.6;padding-top:45px;font-size:.9em}h1,h3{color:#1565C0}a{color:inherit;text-decoration:none}a:visited{color:inherit;text-decoration:none}h1{font-size:2.5em;margin-bottom:0;margin-top:0;text-align:center}h3{margin-bottom:15px}ul{margin-left:1em}.container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;max-width:1200px;margin:0 auto;padding:20px}.section{background:#fdfdfd;padding:20px;flex:1;min-width:30%;margin-bottom:20px;box-sizing:border-box;padding:20px;box-shadow:0 2px 8px rgb(0 0 0 / .08);border-radius:8px;transition:box-shadow 0.2s ease}.section:hover{transform:translateY(-5px);transition:all 0.3s ease;box-shadow:0 4px 12px rgb(0 0 0 / .12)}.section button::after{content:" ➔";font-size:1.1em;padding-left:5px;transition:padding-left 0.3s}.section button:hover::after{padding-left:10px}.bold{font-weight:700}label{cursor:pointer}input[type="text"],input[type="number"],select{width:100%;padding:10px;margin-bottom:15px;border-radius:5px;border:1px solid #ccc;font-size:1em;box-shadow:inset 0 1px 2px rgb(0 0 0 / .1);transition:all 0.3s ease}input[type="text"]:focus,input[type="number"]:focus,select:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px rgb(0 123 255 / .5)}button{background-color:#1565c0;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:1em;cursor:pointer;transition:background-color 0.3s ease}button:hover{background-color:#0090db}button+button{margin-left:10px}.checkbox-group{display:flex;align-items:center;margin-bottom:10px}.dose-input-section{margin:20px 0}#dose-input{width:100%;padding:10px;font-size:1em;border:1px solid #ccc;border-radius:5px}.dose-input-section small{color:#666}.error-message{color:red;font-size:.9em;margin-top:5px;display:none}.error-message.visible{display:block}#clear-dose-btn{margin-top:10px;background-color:#ffc107;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:.9em}#clear-dose-btn:hover{background-color:#e0a800}#chart-container{position:relative;width:100%;height:auto}canvas{width:100%!important;height:auto!important}#chartjs-tooltip{transition:opacity 0.1s ease;font-size:12px;max-width:150px;z-index:9999;pointer-events:none;padding:8px;max-width:200px;font-size:12px;line-height:1.5;color:#fc0}.peak-trough-text{position:absolute;right:10px;bottom:10px;background:rgb(255 255 255 / .7);padding:10px;border-radius:5px;font-size:16px;color:#000}.checkbox-group input[type="checkbox"]{margin-right:10px}.checkbox-group label{text-align:left;margin:0;color:#555}@media (max-width:1024px){.section{min-width:45%}}@media (max-width:768px){.section{min-width:100%}}@media (max-width:480px){.section{min-width:100%}}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgb(0 0 0 / .7);display:flex;justify-content:center;align-items:center;z-index:1000;display:none}.about-content{background:#fff;padding:20px;border-radius:10px;max-width:600px;width:90%;box-shadow:0 4px 10px rgb(0 0 0 / .2);text-align:left;font-family:'Inter','Arial',sans-serif;color:#333;display:flex;flex-direction:column;justify-content:center;align-items:center}#close-about-btn{background-color:#f44336;color:#fff;border:none;padding:10px 20px;margin-top:20px;cursor:pointer;border-radius:5px;font-size:1em;transition:background-color 0.3s ease}#close-about-btn:hover{background-color:#d32f2f}#reset-btn{background-color:#f44336;color:#fff;border:none;padding:10px 20px;margin-top:20px;cursor:pointer;border-radius:5px;font-size:1em;transition:background-color 0.3s ease}#reset-btn2{background-color:#f44336;color:#fff;border:none;padding:10px 20px;margin-top:20px;cursor:pointer;border-radius:5px;font-size:1em;transition:background-color 0.3s ease}#reset-btn:hover{background-color:#d32f2f}#reload-page-btn{background-color:#f44336;color:#fff;border:none;padding:10px 20px;margin-top:20px;cursor:pointer;border-radius:5px;font-size:1em;transition:background-color 0.3s ease}#reload-page-btn:hover{background-color:#d32f2f}#huidige_vergelijking{font-size:80%;color:grey}#vergelijk-btn:disabled{color:grey;background-color:#eee;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:1em;cursor:pointer;transition:background-color 0.3s ease}button:disabled{color:grey;background-color:#eee;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:1em;cursor:pointer;transition:background-color 0.3s ease}#reset-btn:disabled{color:grey;background-color:#eee;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:1em;cursor:pointer;transition:background-color 0.3s ease}.about-content h2{font-size:1.8em;color:#444}.about-content p{font-size:1em;line-height:1.6;color:#666;text-align:left}.about-content a{color:#007BFF;text-decoration:none}.about-content a:hover{text-decoration:underline}button:active{transform:scale(.98);background-color:#004085}#chart-title{white-space:pre-line;font-weight:700}#error-message,#dose-error{color:red;font-size:.9em;margin-top:5px;display:none}.error-message.visible{display:block}#spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5);z-index:9999;display:flex;align-items:center;justify-content:center;visibility:hidden}.spinner{border:16px solid rgb(0 0 0 / .1);border-top:16px solid #3498db;border-radius:50%;width:100px;height:100px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#loading-spinner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;border-radius:10px;text-align:center}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0 0 0 / .5)}.modal-content{background-color:#fff;margin:15% auto;padding:20px;padding-left:30px;padding-right:30px;border-radius:20px;width:80%;max-width:600px}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;cursor:pointer}.tab{display:inline-block;margin-left:2em}.navbar{position:fixed;top:0;left:0;width:100%;color:#fff;padding:5px 0;z-index:1000;box-shadow:0 4px 8px rgb(0 0 0 / .4);margin:0;border-bottom:2px solid rgb(0 0 0 / .1);background-color:#1565C0;#color:#1565C0;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0;padding:0 20px}.navbar-left a{color:#fdfdfd;font-size:1.2em;font-weight:700;text-decoration:none}.navbar-right{display:flex;justify-content:flex-end;gap:15px}.navbar-right a{color:#fdfdfd;text-decoration:none;font-size:1em}.navbar-right a:hover{text-decoration:underline}body{padding-top:45px}.hamburger{cursor:pointer;padding:1px;background:none;border:none;color:#fdfdfd;font-size:1.5em}.hamburger:hover{background:none;color:#0090db}.sidebar{height:100%;width:250px;position:fixed;top:30px;right:-250px;background-color:#1565C0;color:#fdfdfd;overflow-x:hidden;transition:0.3s;z-index:1001;padding-top:20px}.sidebar a{padding:15px 25px;text-decoration:none;font-size:1.1em;color:#fdfdfd;display:block;transition:0.3s}.sidebar a:hover{background-color:#0090db}.close-btn{position:absolute;top:10px;right:15px;font-size:2em;cursor:pointer;color:#fdfdfd}.close-btn:hover{position:absolute;top:10px;right:15px;font-size:2em;cursor:pointer;color:#0090db}.sidebar-active{right:0}.references ol{margin-left:20px;list-style-type:decimal}.references ol li{margin-bottom:10px;font-size:.9em}.references{min-width:50%}select{box-shadow:0 0 .2rem rgb(0 0 0 / .7);border-radius:.25rem;padding-top:.25rem;padding-bottom:.25rem;padding-right:1rem;padding-left:.5rem;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;background-repeat:no-repeat,repeat;background-position:right .7em top 50%;background-size:.65em auto}.highlight{background-color:#ff0;font-weight:700}