/* Minimal overrides for Tailwind CDN — only what Tailwind doesn't cover */

/* Left-side decorative background — visible only on screens wider than 1024px */
.bg-fun {
    background-image: url('/images/background_fun.jpeg');
    background-repeat: repeat-y;
    background-position: left top;
    background-size: 128px auto;
}

@media (max-width: 1024px) {
    .bg-fun {
        background-image: none !important;
    }
}

/* On wide screens, add left padding so the background image is visible
   while the main content stays centered in the viewport */
@media (min-width: 1025px) {
    .main-with-bg {
        padding-left: 128px;
    }
}