@charset "UTF-8";body{font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;min-height:100vh;display:flex;flex-direction:column;gap:20px}header{max-width:960px;margin:auto;width:100%}header .main a.avatar{display:block;height:55px}header .main a.avatar img{height:55px;width:55px;border-radius:50%;transition:opacity .2s}header .main a.avatar img:hover{opacity:.8}header .main .details a.title{display:inline-block;font-size:23px;text-decoration:none;font-weight:700;color:initial}header .main .details .socials{font-size:12px}header .main .details .socials a{text-decoration:none;padding:4px 8px;border-radius:5px;background-color:#e9e9e9;color:rgba(0,0,0,.75);display:inline-block;transition:background .2s}header .main .details .socials a:hover{background:#dcdcdc}header nav{background:#d7eff2;border-radius:10px;overflow:hidden}header nav a{padding:10px;display:inline-block;text-decoration:none;font-size:15px;border-radius:0}header nav a.active{text-decoration:none;font-weight:700;background-color:rgba(0,0,0,.1)}header nav a:hover{background-color:rgba(0,0,0,.1)}main{width:100%;max-width:960px;margin:auto;flex:1}main .content-wrapper{padding:0 10px 10px}footer{border-top:2px solid #b0e0e6;padding:10px 15px}@media(min-width:900px){footer{display:flex;justify-content:space-between;align-items:center}}footer .left{display:flex;align-items:baseline}@media(max-width:550px){footer .left{justify-content:center;display:initial;text-align:center}}footer .left .copyright{font-size:13px}footer .left a{font-size:13px}footer .right{flex-direction:column;display:flex;justify-content:space-between;align-items:center;gap:10px}@media(min-width:550px){footer .right{flex-direction:row}}footer .right .kb-club{font-size:1em}@media(max-width:550px){footer .right .kb-club{display:block;text-align:center}}footer .right .kb-club a{text-decoration:none;color:#212121;padding:.25rem 0;background-color:initial}footer .right .kb-club .kb-club-bg,footer .right .kb-club .kb-club-no-bg{border:1px solid #025a54;padding:3px 6px}footer .right .kb-club .kb-club-no-bg{border-radius:4px 0 0 4px}footer .right .kb-club .kb-club-bg{font-weight:700;background:#025a54;color:#fff;border-radius:0 4px 4px 0}table{width:100%}table thead{background:#e6e6e6}table thead th{padding:5px}table tbody{background:#f5f5f5}table tbody td{padding:5px}.alert{background-color:#e0ffff;border-left:7px solid #47ffff;border-radius:5px;padding:10px 10px 10px 15px;display:flex;flex-direction:column;gap:10px}.alert *{margin:0}.alert.green{background-color:beige;border-left:7px solid #eaeab4}.alert.grey{background-color:#e9e9e9;border-left:7px solid #cfcfcf}.two-columns{display:grid;grid-column-gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.nav-layout .nav{min-width:250px;border-radius:10px;background:#d7eff2}.nav-layout .nav h3{padding:5px 10px}.nav-layout .nav .menu a{display:block;padding:3px 5px}.nav-layout .nav .menu a.active{background-color:rgba(0,0,0,.1)}.nav-layout .nav .menu a:hover{background-color:rgba(0,0,0,.1)}@media only screen and (min-width:501px){.nav-layout{display:flex;position:relative;gap:20px}.nav-layout .nav{position:sticky;top:10px;max-height:80vh;overflow-y:scroll}.nav-layout .nav h3{display:none}.nav-layout .nav::after{position:sticky;display:block;padding:5px 0;bottom:0;left:0;width:100%;text-align:center;box-shadow:0 0 10px rgba(0,0,0,.2);background:#89d1da;color:#18464c;font-weight:700;font-size:14px;content:'↕️ This menu is scrollable'}.nav-layout .content{flex:1}}@media only screen and (max-width:500px){.nav-layout .nav h3 a{text-decoration:none}.nav-layout .nav:hover .menu,.nav-layout .nav:active .menu,.nav-layout .nav:focus .menu{display:block}.nav-layout .nav .menu{display:none}}.project,.research-item{padding:10px;border-radius:5px;background-color:#f6f6f6;display:flex;align-items:start}.project .logo,.research-item .logo{padding-top:15px}.project .logo img,.research-item .logo img{max-width:100px;max-height:100px}.project .details,.research-item .details{flex:1}.project .details .journal,.research-item .details .journal{font-size:small}.blog-page-header{display:flex;justify-content:space-between;align-items:baseline}.blog-summary,.note-summary{background-color:#fffaf0;border-radius:5px;padding:10px 10px 10px 20px;border-left:10px solid #ffe9bd}.blog-summary *,.note-summary *{margin:0}.blog-summary.compact,.note-summary.compact{font-size:small;border-left:5px solid #ffe9bd}.blog-summary h3,.note-summary h3{display:flex;gap:10px;align-items:center}.blog-summary h3 .date,.note-summary h3 .date{font-size:small}.blog-summary h3::before,.note-summary h3::before{content:'📝'}.blog-summary .tags,.note-summary .tags{font-size:small}.blog-summary.note-summary,.note-summary.note-summary{background-color:#e3f0fc;border-left:10px solid #b5d7f7}.blog-summary.note-summary h3::before,.note-summary.note-summary h3::before{content:'📔'}.blog-post .details,.note-entry .details{text-align:center}.blog-post .header-image,.note-entry .header-image{display:block;max-width:90%;margin:auto}.blog-post .note-details,.note-entry .note-details{text-align:left}.blog-post article,.note-entry article{border-top:1px solid #e6e6e6;font-size:large;margin:0 auto}.blog-post article>*:not(.highlight),.note-entry article>*:not(.highlight){display:block;max-width:500px}.blog-post article>*:not(.highlight) code,.note-entry article>*:not(.highlight) code{background-color:#708090;color:#fff;border-radius:.3em;padding:.1em .3em;font-size:smaller}.blog-post article img,.note-entry article img{display:block;max-width:100%;max-height:600px;margin:auto}.blog-post article blockquote,.note-entry article blockquote{padding:10px;background-color:#f5f5e6}.blog-post article blockquote *,.note-entry article blockquote *{margin:0}.blog-post article pre,.note-entry article pre{max-width:100%;white-space:pre-wrap;padding:10px;font-size:14px;box-shadow:inset 0 0 3px rgba(0,0,0,.1);border-radius:4px}.blog-post article pre code,.note-entry article pre code{padding:0 !important}.tag{display:inline-block;padding:4px;border-radius:5px;background-color:#318e99;color:#b0e0e6;text-decoration:none;display:flex;gap:10px;display:inline-flex}.tag::before{content:'🏷️'}main a,nav a{color:#318e99;border-radius:3px;transition:background .2s}main a:hover,nav a:hover{color:#18464c;text-decoration:none}main a.active,nav a.active{font-weight:700;text-decoration:none}main a[href^=http]::after,main a[href^="https://"]::after,nav a[href^=http]::after,nav a[href^="https://"]::after{content:"";width:11px;height:11px;margin-left:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block}.hstack{display:flex;align-items:center;justify-content:start;gap:20px}.hstack.gap-xsmall{gap:5px}.hstack.gap-small{gap:10px}.hstack.gap-large{gap:40px}.hstack.justify-center{justify-content:center}.stack{display:flex;flex-direction:column;gap:20px}.stack.gap-xsmall{gap:5px}.stack.gap-small{gap:10px}.stack.gap-large{gap:40px}.stack.items-center{align-items:center}.stack.align-stretch{align-items:stretch}