:root{--background:#fff;--border-primary:solid 1px #ccc;--light-bg:radial-gradient(circle at center,#fff,#cacaca 95%);--dark-bg:radial-gradient(circle at center,#292929 0%,#151515 95%);--aside-background:#0009;--content-background:#0009;--text-primary-color:#171717;--text-primary-size:clamp(16px,3vw,20px);--text-primary-weight:300;--text-primary-height:1.5;--text-primary-spacing:.5px;--text-primary-max-width:800px;--text-xs-size:clamp(.675rem,4vw,.75rem);--text-sm-size:clamp(.75rem,4vw,.875rem);--text-base-size:clamp(.85rem,4vw,1rem);--text-md-size:clamp(.875rem,4vw,1.1rem);--text-lg-size:clamp(1rem,4vw,1.25rem);--text-xl-size:clamp(1.25rem,4vw,1.5rem);--text-2xl-size:clamp(1.5rem,4vw,2rem);--cta:#b65615;--cta-hover:#924511;--header-height:clamp(68px,5.5vw,100px);--search-bar-height:60px;--padding-page:clamp(1rem,4vw,2rem);--padding-normal:clamp(1rem,3vw,2rem);--padding-large:clamp(1rem,5vw,3rem);--max-width:1920px;--content-max-width:1000px;--intro-max-width:678px}[data-shade^=dark]{--background:#171717;--border-primary:solid 1px #eee;--text-primary-color:#eee}html{overscroll-behavior:none;max-width:100vw;overflow-x:clip}body{color:var(--text-primary-color);background:var(--background)}main{flex-direction:column;flex:1;display:flex}h1,h2{text-align:center;font-size:clamp(2rem,6vw,3.25rem);font-weight:400}h3,h4{text-align:center}.app{flex-direction:column;width:100%;min-height:100svh;margin:0 auto;display:flex}*{box-sizing:border-box;color:inherit;text-align:left;margin:0;padding:0;font-family:inherit}a{color:inherit;text-decoration:none}button{background-color:inherit;font-size:inherit;text-align:center;border:none}button:not(:disabled){cursor:pointer}input[type=radio]{flex-shrink:0;width:16px;height:16px}p{font-size:var(--text-base-size);text-align:left;letter-spacing:var(--text-primary-spacing);max-width:var(--text-primary-max-width);font-weight:300;line-height:1.5}[id]{scroll-margin-top:var(--header-height)}@media (max-width:768px) and (max-height:825px){.hide-md{display:none}}@media (max-width:640px) and (max-height:700px){.hide-sm{display:none}}@media (max-width:550px) and (max-height:950px){.hide-sm-tall{display:none}}html:has([data-modal-open=true]){touch-action:none;overflow:hidden}html:has([data-modal-open=true]) body{touch-action:none;overflow:hidden}
