html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:#f5f7fa;color:#0b1627;font-family:'Geist',system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-wrap:pretty}
a{color:#0077a0;text-decoration:none}a:hover{color:#005575}
::selection{background:#19b6e0;color:#04121f}
summary::-webkit-details-marker{display:none}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #19b6e0;outline-offset:2px}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(47,191,143,.6)}70%{box-shadow:0 0 0 8px rgba(47,191,143,0)}100%{box-shadow:0 0 0 0 rgba(47,191,143,0)}}
@keyframes slidein{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
/* The runtime pins the app wrapper to one viewport height, which cuts short the range the sticky header can stick within.
   Let it grow with the page so the header stays fixed to the top for the whole scroll. */
#dc-root,#dc-root>.sc-host{height:auto!important;min-height:100%}