main,section{display:flex}a,h1,h2,h3{color:#000}details,main img{border-radius:10px;box-shadow:0 0 20px rgba(100,100,100,.8)}fieldset,h1,h2,h3{text-align:center}main{flex-direction:column;align-items:center;padding:20px}h1{font-size:var(--font-size-very-high)}section{margin:0 0 20px;flex-direction:column;align-items:center;width:100%}h2{font-size:var(--font-size-high);margin-left:5px;margin-right:5px;text-decoration:underline}h3{font-size:var(--font-size-medium)}h1,h2,h3{font-weight:400;text-transform:uppercase}details{overflow:hidden;min-width:320px;width:80%;margin:20px 0;background-color:#fff}.details-content,summary{width:100%;display:flex;box-sizing:border-box;padding:10px}summary{align-items:center;user-select:none}summary::before{content:"";width:20px;height:20px;background-image:url(../../img/arrow/arrow-right.svg);background-size:cover;background-repeat:no-repeat}details[open] summary::before{background-image:url(../../img/arrow/arrow-down-white.svg)}details[open] summary{color:#fff;background-color:var(--color-h1)}details[open] summary h3{color:#fff}.details-content{flex-direction:column;align-items:center}.details-content>*{width:800px}.details-content legend,.details-content p{font-size:var(--font-size-medium);text-align:center}.details-content>figure,.details-content>picture{margin-block:1em;display:flex;flex-direction:column;align-items:center}.details-content figure ul{list-style-position:inside}figcaption li:first-child{list-style:url(../img/demo/num1.svg)}figcaption li:nth-child(2){list-style:url(../img/demo/num2.svg)}figcaption li:nth-child(3){list-style:url(../img/demo/num3.svg)}figcaption li:nth-child(4){list-style:url(../img/demo/num4.svg)}figcaption li:nth-child(5){list-style:url(../img/demo/num5.svg)}figcaption li:nth-child(6){list-style:url(../img/demo/num6.svg)}figcaption li:nth-child(7){list-style:url(../img/demo/num7.svg)}figcaption li:nth-child(8){list-style:url(../img/demo/num8.svg)}figcaption li:nth-child(9){list-style:url(../img/demo/num9.svg)}fieldset{display:flex;justify-content:center;border:none;margin-top:20px;box-sizing:border-box}input[type=radio]{opacity:0}input[type=radio]+label{cursor:pointer;display:block;padding:10px;border:1px solid grey;border-radius:10px;user-select:none;width:75px;margin:0 20px}input[type=radio]:checked+label{cursor:default;background-color:var(--color-valid);color:#fff;border-color:#000}input[type=radio]+label:hover{border-color:#000}.ortho-bim-demo,.ortho-topo-demo{cursor:text}@media screen and (max-width:1100px){.details-content>*{width:600px}}@media screen and (max-width:850px){.details-content>*{width:400px}.details-content figure ul{column-gap:50px}}@media screen and (max-width:600px){.details-content>*{width:300px}.details-content figure ul{column-gap:0;column-count:1}.details-content p{font-size:var(--font-size-normal)}}@media screen and (max-width:450px){h1{font-size:var(--font-size-high)}h2{font-size:var(--font-size-medium)}.details-content legend,h3{font-size:var(--font-size-normal)}}@media screen and (max-width:400px){form{width:200px}}