html {
    overflow-x: hidden;
    width: 100%;
}

body { 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 
    margin: 0; 
    padding: 0;
    background: #fafafa;
    color: #262626;
    overflow-x: hidden;
    width: 100%;
    max-width: 100vw;
}

*, *::before, *::after {
    box-sizing: border-box;
}

.mud-appbar {
    box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
}

.gap-2 {
    gap: 8px;
}

/* Billabong font for brand name */
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');