body {
            background-color: #f8fafc;
            color: #475569;
        }
        /* Card Styles */
        .card-base {
            background: white;
            border-radius: 0.75rem; /* rounded-xl */
            border: 1px solid #e2e8f0;
            transition: all 0.3s ease;
            box-shadow: var(--tw-shadow-soft);
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        /* Interactive Card (Clickable) */
        .card-interactive {
            cursor: pointer;
        }
        .card-interactive:hover {
            transform: translateY(-5px);
            box-shadow: var(--tw-shadow-hover);
            border-color: #0056b3;
        }
        /* Button Styles */
        .btn-base {
            padding: 0.75rem 1.5rem;
            font-weight: 700;
            border-radius: 0.375rem; /* rounded-md */
            transition: all 0.2s ease-in-out;
            display: inline-block;
            text-align: center;
            font-size: 0.9rem;
        }
        
        /* Pain/Gain List */
        .list-pain li, .list-gain li {
            position: relative;
            padding-left: 1.5rem;
            margin-bottom: 0.75rem;
            font-size: 0.95rem;
        }
        .list-pain li::before {
            content: '⚠️';
            position: absolute;
            left: 0;
            top: 0;
            font-size: 0.8rem;
        }
        .list-gain li::before {
            content: '✅';
            position: absolute;
            left: 0;
            top: 0;
            font-size: 0.8rem;
        }