:root{--fg:#000;--hover-bg:#f6f6f6;--selected-bg:#eee}*{box-sizing:border-box}body{color:var(--fg);margin:0;font-family:Cabin,sans-serif;line-height:1.3}#prototype{color:red;background:repeating-linear-gradient(-40deg,#000,#000 50px,#eddd53 50px 100px);flex-flow:column;justify-content:center;height:300px;padding-left:80px;font-size:40px;display:flex}#prototype h2{margin:0;font-size:100px}nav{padding:30px 10px}nav>.title{word-spacing:-4px;margin:0 20px;font-family:Playfair Display;font-size:1.5em;display:inline-block}nav>div{display:inline-block}nav>div>a{color:inherit;padding:0 20px;font-weight:700;text-decoration:none;display:inline-block}#map-container{width:100vw;max-height:100vh;padding-bottom:25px;position:relative;overflow:clip}#map-container>.map{width:100%;image-rendering:pixelated;filter:sepia(60%)}#map-container>a{position:absolute;transform:translate(-50%,-50%)}#map-container>a>svg{width:23px;height:23px}#map-container>a>svg>path{fill:red}#map-container>a>svg:hover>path:first-child{stroke:#fff;stroke-width:4px}#map-container>a:hover{z-index:1}#map-container>.infopanel{z-index:1;background:#fff;border-radius:20px;width:250px;padding:20px;position:absolute;top:40px;right:40px}.radiolist{margin:0;padding:0}.radiolist>li{list-style-type:none}.radiolist>li>label{width:100%;height:100%;padding:6px 12px 6px 18px;display:block}.radiolist>li{position:relative}.radiolist>li:before,.radiolist>li:after{content:" ";z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.radiolist>li:before{transition:background-color .15s linear}.radiolist>li:hover:before{background-color:var(--hover-bg)}.radiolist>li:after{transition:transform .13s ease-out,background-color .15s linear}.radiolist>li:has(input:checked):after{background-color:var(--selected-bg)}.radiolist>li.in:after{transform:translate(var(--l), var(--t)) scale(var(--w), var(--h));transition:none}.radiolist>li.out:after{transition:none}.radiolist>li input[type=radio]{display:none}#charts{flex-flow:row;min-height:100vh;padding-top:25px;padding-left:16px;display:flex}#charts>div{flex-flow:column;display:flex}#charts .nav{width:200px}#charts .nav>ul{flex:1 0 0;margin:0;padding:0;list-style-type:none;overflow-y:auto}#charts .nav>ul>li{padding:6px 0}#charts .nav>ul>li>details>summary{padding-bottom:6px}#charts .nav>ul>li li>label{padding-left:1.5em}#charts .display{flex:1 1 0;padding:0 2em}#charts .display>.img-container>img{width:100%}#charts .display>.controls>fieldset>legend{font-weight:700}#charts .display>.controls>fieldset{border:none;margin:0;padding:10px 0}#charts .display>.controls>fieldset.disabled{color:#aaa;pointer-events:none}@media not (min-width:1000px){#charts .display>.controls>fieldset>ul{flex-flow:wrap;display:flex}#charts .display>.controls>fieldset>ul>li{flex:1 0 100px}}@media (min-width:1000px){#charts .display{flex-flow:row;display:flex}#charts .display>.img-container{flex:1 1 0}#charts .display>.controls{flex:0 0 30%;align-self:flex-start;position:sticky;top:16px}}section,footer{max-width:800px;margin:0 auto}footer{opacity:.6;padding:20px 0}details{--triangle-size:.4rem}details>summary{padding:0;padding-left:calc(var(--triangle-size) * 4);cursor:pointer;outline:none;display:block;position:relative}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"";border-width:var(--triangle-size);border-style:solid;border-color:transparent transparent transparent var(--fg);top:calc(var(--triangle-size) / 2);left:var(--triangle-size);transform-origin:.2rem;transition:transform .2s;position:absolute;transform:rotate(0)}details.open>summary:before{transform:rotate(90deg)}