@font-face{font-display:swap;font-family:cairo;font-style:normal;font-weight:200;src:url(/fonts/cairo-v22-latin-200.woff2)format("woff2"),url(/fonts/cairo-v22-latin-200.woff)format("woff")}@font-face{font-display:swap;font-family:cairo;font-style:normal;font-weight:300;src:url(/fonts/cairo-v22-latin-300.woff2)format("woff2"),url(/fonts/cairo-v22-latin-300.woff)format("woff")}@font-face{font-display:swap;font-family:cairo;font-style:normal;font-weight:400;src:url(/fonts/cairo-v22-latin-regular.woff2)format("woff2"),url(/fonts/cairo-v22-latin-regular.woff)format("woff")}*{font-family:Cairo;font-weight:300}h2,h3,h4,h5,h6{font-weight:200;text-wrap:balance}h1,h2,h3,h4,h5,h6{text-wrap:balance}:root{--fore-color:#bccecb;--header-fore-color:#fff;--header-back-color:none;--header-border-color:none;--header-hover-back-color:#222e2b;--header-hover-fore-color:#fff;--secondary-fore-color:#638a84;--back-color:#222e2b;--nav-back-color:none;--nav-border-color:none;--nav-link-color:#3bf5df;--drawer-back-color:#222e2b;--drawer-border-color:none;--drawer-close-color:#fff;--drawer-hover-back-color:#638a84;--form-fore-color:none;--form-back-color:none;--form-border-color:none;--card-back-color:none;--card-border-color:none;--footer-link-color:#638a84;--footer-back-color:#000;--footer-border-color:#638a84;--secondary-back-color:#000;--blockquote-color:#3bf5df;--pre-color:#1565c0;--border-color:#aaa;--secondary-border-color:#ddd;--heading-ratio:1.19;--universal-margin:1rem;--universal-padding:1rem;--universal-border-radius:0;--a-link-color:#3bf5df;--a-visited-color:#3bf5df;--mark-back-color:#055f54;--button-back-color:#055f54;--button-hover-back-color:#638a84}body{height:100vh;display:flex;flex-direction:column}header{height:auto;margin-bottom:clamp(15rem,25vh,35rem)}header menu{position:fixed;width:100%;margin:0;padding:0 0 1rem}header menu div.menu-items{display:flex;flex-direction:row;align-items:center}header menu div.menu-items a.logo{padding:0 var(--universal-margin);display:flex;flex-direction:column}header menu div.menu-items a.logo span{padding:0;display:block;background-repeat:no-repeat;background-size:contain;background-position:50%;height:2rem;flex:1}header menu div.menu-items a.logo span.logo{width:10rem;background-image:url(/logo/logo.svg);margin:0 1rem}header menu div.menu-items a.logo span.icon{width:2rem;background-image:url(/logo/bug.svg)}header menu div.menu-items a.menu-item{flex-grow:1}header menu div.menu-items span#toggle-lang{flex-grow:10;text-align:right}header menu div.menu-items span#toggle-lang a{font-size:1.5rem}header menu div.menu-items span#toggle-lang a.inactive{filter:grayscale(85%)}header menu div.menu-items.mobile{width:100vw;overflow:hidden}header menu div#breadcrumbs{margin:0 var(--universal-margin)}@media(max-width:768px){header menu div#breadcrumbs *{display:none}header menu div#breadcrumbs a:first-child,header menu div#breadcrumbs a:nth-last-child(1){display:inline}}header menu div#menu-background{z-index:-1;position:absolute;inset:0;backdrop-filter:blur(30px);top:-5px;opacity:0;border-bottom:1px solid #638a84}header div#header-image{position:fixed;inset:0;z-index:-10}header div#header-image img{width:100%;object-fit:cover;height:1e3px}header div#header-image div#overlay{z-index:0;position:fixed;inset:0;height:1e3px;opacity:1;background:linear-gradient(to bottom,rgba(0,0,0,.2),#222e2b)}header div#background-blur{z-index:-9;position:fixed;inset:0;backdrop-filter:blur(30px);opacity:0}main{width:100%;margin:auto;flex:1}main p{text-align:justify}div.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.5rem;margin:0 -5rem}@media(max-width:768px){div.grid{margin:0 .5rem}}div.grid.one-column,div.grid.two-column{grid-template-columns:1fr}div.grid.one-column div.card.large,div.grid.two-column div.card.large{max-width:calc(100% - 2rem);width:auto;height:auto}div.grid.one-column div.card.large a,div.grid.two-column div.card.large a{aspect-ratio:16/9}div.grid.one-column div.card.large a div.card-text,div.grid.two-column div.card.large a div.card-text{line-height:3em;height:7em}div.grid.one-column div.card.large a div.card-text h3,div.grid.two-column div.card.large a div.card-text h3{font-size:clamp(1em,2vw,1.5em)}div.grid.one-column div.card.large a div.card-text small,div.grid.two-column div.card.large a div.card-text small{font-size:clamp(.5em,1vw,.75em)}div.grid.two-column{grid-template-columns:1fr 1fr}@media(max-width:768px){div.grid.two-column{grid-template-columns:1fr}}div.grid div.card{position:unset;height:25rem;display:block;box-shadow:0 0 1rem .5rem rgba(0,0,0,.2);transition:box-shadow .5s}div.grid div.card:hover{box-shadow:0 0 1rem .5rem rgba(99,138,132,.2)}div.grid div.card.right{justify-self:end}div.grid div.card a{display:flex;height:100%;background-size:cover;background-position:50% -2rem}div.grid div.card a div.card-text{background:linear-gradient(to bottom,rgba(0,0,0,.4),#222e2b,#222e2b);overflow:hidden;height:clamp(2rem,20%,10rem);width:100%;display:flex;flex-direction:column;align-self:flex-end;text-align:center}div.grid div.card a div.card-text h3{flex:1;line-height:1.25em;height:2.5em;margin:.5em 1em 0;overflow:hidden;font-size:clamp(.75em,2vw,1em);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}div.grid div.card a div.card-text small{display:block;margin:calc(var(--universal-margin)/2)var(--universal-margin);height:1.5em;overflow:hidden;font-size:clamp(.5em,1vw,.75em);color:#638a84}div.grid div.card a:hover{text-decoration:none;color:#fff;transition:color .5s}div.grid div.card a:hover div.card-text{background:#111716;border-top:1px solid #055f54}div.grid div.card:hover{background-color:#222e2b}button a:hover{text-decoration:none}h1{color:var(--header-fore-color)}h1 small{margin-top:var(--universal-margin);font-size:50%;font-weight:400}h2{margin:2.5rem -5rem 1rem;padding:1rem 6rem;border-bottom:1px solid #055f54;color:#fff}@media(max-width:768px){h2{margin:2.5rem .5rem 1rem;padding:1rem}}body.home header{margin-bottom:clamp(3rem,10vh,5rem)}body.home h1{color:var(--fore-color);text-align:center;margin-bottom:clamp(15rem,35vh,40rem)}body.home main hr{margin:5rem 0}body.search header{margin-bottom:5rem}body.search table{overflow:hidden}body.search mark{padding:0}body.search input{opacity:.7;transition:opacity .2s}body.search input:focus{opacity:1}div.wikipedia{display:grid;grid-template-columns:auto 1fr;gap:1rem;margin:var(--universal-margin);align-items:center}footer{margin-top:10rem}footer a,footer a:visited{color:var(--footer-link-color)!important}footer menu{text-align:center}footer menu a.menu-item{text-transform:uppercase}footer menu ul{list-style:none;padding:0;margin:0}footer menu div.logo-bottom{text-align:center}footer menu div.logo-bottom a.logo{display:inline-block;width:90%;height:2.5rem;mask:url(/logo/logo.svg);-webkit-mask:url(/logo/logo.svg);background-color:#638a84;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}footer hr{opacity:.3}footer hr.last{margin-top:5rem}footer p{text-align:center}figure img{width:100%}figure.keep-width{text-align:center}figure.keep-width img{width:unset}time{font-size:unset}div.search input{width:100%}ol.timeline{border-left:3px solid #638a84;list-style:none}ol.timeline svg.hi-svg-inline{background-color:#638a84;padding:.5rem;border-radius:50%}ol.timeline h2{margin:0;margin-top:-2.5rem;padding:.5rem 0}ol.timeline li{padding-left:0;margin-left:-3rem}ol.timeline li div>div>div,ol.timeline li div>div>h4{margin-left:3rem}ol.timeline li div>div>h4{padding-left:1rem}.tooltip.bottom:after{text-transform:none;font-size:1rem}label.drawer-toggle{font-size:1.5rem}div.drawer{padding:6rem 2rem 0;text-align:center;opacity:.9}blockquote{position:unset;border:none;box-shadow:0 0 1rem .5rem rgba(0,0,0,.2);background-color:#222e2b;padding:.5rem}section.listen{background-color:rgba(34,36,43,.7);margin:var(--universal-margin);padding:var(--universal-margin);box-shadow:0 0 1rem .5rem rgba(0,0,0,.2);text-align:center}section.listen svg{height:3rem;width:3rem}section.listen h3{margin:.5rem}section.listen div.podcast{display:grid;margin:.5rem;align-items:center;justify-items:stretch;grid-template-columns:1fr;gap:var(--universal-margin);padding:var(--universal-margin)}@media(min-width:768px){section.listen div.podcast{grid-template-columns:repeat(2,1fr)}}section.listen div.podcast div img{width:100%;margin:0 auto;aspect-ratio:1/1;box-shadow:0 0 1rem .5rem rgba(0,0,0,.2)}section.listen div.podcast div.host img{width:50%}section.listen div.podcast div.host a{display:block;text-align:center;border:1px solid #111716;border-radius:1rem;width:50%;margin:.5em auto;text-decoration:none;color:#638a84;background-color:#222e2b;transition:background-color .5s;padding:.1em}section.listen div.podcast div.host a:hover{background-color:#111716;color:#3bf5df}section.listen div.podcast div.host small{display:block;width:50%;margin:var(--universal-margin)auto}section.listen div.podcast audio{width:100%;padding:0}div.video{padding:0;margin:0;margin-top:5rem}div.video video{width:100%}