body{margin:0;background:#F5F5F3;color:#1C1F22;font-family:'IBM Plex Sans',Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
a{color:#1C1F22;text-decoration:none}
a:hover{color:#8A6D00}
input,select,textarea,button{font-family:inherit}
img{display:block;max-width:100%}

a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #8A6D00;outline-offset:2px}

.hov-border:hover{border-color:#1C1F22 !important}
.hov-bright:hover{background:#FFD31A !important}
.hov-invert:hover{background:#1C1F22 !important;color:#F2C200 !important}

details.faq summary{list-style:none}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary .sign::before{content:'+'}
details[open].faq summary .sign::before{content:'\2013'}

.task-panel{display:none}
.task-panel.active{display:flex}

#toast{display:none}
#toast.show{display:flex}
#cookie-banner{display:none}
#cookie-banner.show{display:flex}
#cookie-panel{display:none}
#cookie-panel.show{display:flex}

.option-row{cursor:pointer}

@media (max-width:640px){
  #cookie-banner{left:12px;right:12px;max-width:none}
  #toast{left:12px;right:12px;max-width:none}
}