/*** The new CSS Reset - version 1.4.4 ***/
    *:where(:not(iframe,canvas,img,svg,video):not(svg *,symbol *)){all:unset;display:revert}
    *,*::before,*::after{box-sizing:border-box;z-index:revert}
    ol,ul,menu{list-style:none}
    img{max-width:100%}
    table{border-collapse:collapse}
    textarea{white-space:revert}
    :where([hidden]){display:none}
    :where([contenteditable]){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;line-break:after-white-space}
    :where([draggable=true]){-webkit-user-drag: element}

/*** Platz complementary reset ***/
    :root {
        --step--2: clamp(0.78rem, 0.71rem + 0.35vw, 0.96rem);
        --step--1: clamp(0.94rem, 0.84rem + 0.51vw, 1.20rem);
        --step-0: clamp(1.13rem, 0.98rem + 0.73vw, 1.50rem);
        --step-1: clamp(1.35rem, 1.15rem + 1.02vw, 1.88rem);
        --step-2: clamp(1.62rem, 1.34rem + 1.41vw, 2.34rem);
        --step-3: clamp(1.94rem, 1.56rem + 1.92vw, 2.93rem);
        --step-4: clamp(2.33rem, 1.81rem + 2.59vw, 3.66rem);
        --step-5: clamp(2.80rem, 2.11rem + 3.47vw, 4.58rem);
    }

    html {min-height:100%;display:flex}
    body {
        font-family: "Open sans", system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji';
        flex: 1;
        font-size: var(--step-0);
        line-height: 1.5;
        overflow-x: hidden;
    }
    * {line-height: calc(1em + 0.5rem)}
    li, dl, dt, blockquote, p, h1, h2, h3, h4, h5, h6 {overflow-wrap: break-word;word-break: break-word;hyphens: auto}
    b, strong {font-weight:bold}
    i {font-style:italic}
    s, strike {text-decoration:line-through}
    u {text-decoration:underline}
    sup {position: relative;bottom: 1px;font-size: .8em;line-height: .8em;vertical-align:super;text-decoration:none}
    sub {position: relative;top: 1px;font-size: .8em;line-height: .8em;vertical-align:sub;text-decoration:none}
    img, picture, video, canvas, svg {display: inline-block;max-width: 100%}
    h1{font-size: var(--step-3)}
    h2, h3{font-size: var(--step-2)}
    h4, h5, h6 {font-size: var(--step-1)}
    a {text-decoration: underline;cursor: pointer}
    a * {cursor: pointer}
    svg {fill:currentColor}
    @media (prefers-reduced-motion: reduce) {
        /* html:focus-within {
         scroll-behavior: auto;
        } */
        *,
        *::before,
        *::after {
          animation-duration: 0.01ms !important;
          animation-iteration-count: 1 !important;
          transition-duration: 0.01ms !important;
          scroll-behavior: auto !important;
        }
    }
