body{font:100%/1.5 system-ui;margin-inline:auto auto;padding:1em}nav ul,nav li{display:contents}nav{display:flex;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:var(--border-gray)}nav a{flex:1;text-decoration:none;color:inherit;text-align:center;padding:.5em}nav a.current{border-bottom-width:.4em;border-bottom-style:solid;border-bottom-color:var(--color-accent);padding-bottom:.5em}nav a:hover{border-bottom-width:.4em;border-bottom-style:solid;border-bottom-color:var(--color-accent);background-color:oklch(from var(--color-accent) 95% 5% h)}body{max-width:1000px;margin:0 auto;padding:1rem}body h2{margin-top:2rem}body p{text-align:justify;text-justify:inter-word}body p a{text-align:justify;text-justify:inter-word;color:#0645ad;text-decoration:none}body p a:hover{text-decoration:underline}code{font-family:Consolas,courier new;color:#dc143c;font-weight:700;background-color:#f1f1f1;padding:2px;font-size:102.5%}img{max-width:100%;height:auto;border:1px solid #111}img.description{margin-top:2em}.container{display:flex;justify-content:center;gap:20px;margin-top:20px;flex-wrap:wrap}.item{text-align:center;flex:1 1 200px;max-width:250px}.caption{font-weight:700;margin-bottom:10px;min-height:2.5em;display:flex;align-items:center;justify-content:center}.item img{width:100%;height:auto;border-radius:8px}.projects{display:grid;gap:1em;grid-template-columns:repeat(auto-fill,minmax(18em,1fr));grid-template-rows:subgrid;padding:1em 2em}.projects article{text-align:center;display:grid;grid-row:span 3;grid-template-rows:subgrid}h1,h2,h3,h4,h5,h6{line-height:1.1;text-wrap:balance}h1{font-size:400%;text-align:center}:root{--color-accent: oklch(43.72% .1676 27.84);--border-gray: oklch(80% 3% 200)}.hit,.hit:hover{cursor:pointer}.loading{text-align:center;padding:2em;font-size:1.2em}.visualization-container{margin:2em 0}.visualization-container h2{text-align:center;margin-bottom:.5em}.intro-text{text-align:center;margin-bottom:2em;font-style:italic;color:#555}.visualizations-grid{display:grid;grid-template-columns:1fr 1fr;gap:2em;margin:2em 0}.visualization-section{padding:2em;background-color:#f9f9f9;border-radius:8px;border:1px solid #ddd;display:flex;flex-direction:column;align-items:stretch}.visualization-section h3{text-align:center;margin-bottom:1em;color:#333}.dropdown{margin:1em auto;padding:1em;text-align:center}.dropdown label{margin-right:.5em;font-size:1.1em}.dropdown select{padding:.5em 1em;font-size:1em;border:2px solid #ccc;border-radius:4px;background-color:#fff;cursor:pointer;min-width:200px}.dropdown select:hover{border-color:#999}.dropdown select:focus{outline:none;border-color:#0645ad;box-shadow:0 0 0 3px #0645ad1a}.field-wrapper{display:flex;justify-content:center;align-items:center;margin:1em auto 0;padding:1em;background-color:#fff;border-radius:4px;overflow:auto;width:100%;flex:1;box-sizing:border-box}.field-wrapper svg{width:100%;max-width:100%;height:auto;display:block;margin:0 auto}.tooltip{position:absolute;background-color:#fff;border:1px solid #999;padding:8px 12px;border-radius:5px;pointer-events:none;font-size:13px;box-shadow:0 2px 10px #0003;opacity:0;transition:opacity .2s;z-index:1000;max-width:250px}.section-divider{margin:3em 0;border:none;border-top:2px solid #ddd}.description-section{margin-top:2em}@media(max-width:1024px){.visualizations-grid{grid-template-columns:1fr;gap:2em}}@media(max-width:768px){.visualization-container{margin:1em 0}.visualization-container h2{font-size:1.5em}.intro-text{font-size:.9em;margin-bottom:1.5em}.visualizations-grid{gap:1.5em;margin:1.5em 0}.visualization-section{padding:1em}.visualization-section h3{font-size:1.2em;margin-bottom:.8em}.dropdown{padding:.5em;margin:.5em auto}.dropdown label{display:block;margin-bottom:.5em;font-size:1em;margin-right:0}.dropdown select{width:100%;max-width:100%;min-width:auto;font-size:.95em;padding:.6em}.field-wrapper{padding:.5em;margin-top:.5em}.field-wrapper svg{max-width:100%}.tooltip{font-size:12px;max-width:200px;padding:6px 10px}.section-divider{margin:2em 0}}@media(max-width:480px){.visualization-container h2{font-size:1.3em}.visualization-section{padding:.75em}.visualization-section h3{font-size:1.1em}.dropdown{padding:.5em .25em}.dropdown label{font-size:.95em}.dropdown select{font-size:.9em;padding:.5em}.field-wrapper{padding:.25em}.tooltip{font-size:11px;max-width:180px;padding:5px 8px}}