.instruction-message, .btn, form {
	    text-align: center;
	    max-width: 600px;
	    margin: 0 auto 20px;
	    padding: 20px;
	    background-color: #fff;
	    border-radius: 10px;
	    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	}
    /* Instruction Message Styling */
    .instruction-message h1 {
        font-size: 2rem;
        margin-bottom: 15px;
        color: #007bff;
    }

    .instruction-message p {
        font-size: 1rem;
        line-height: 1.6;
        color: #555;
    }

    .instruction-message strong {
        color: #007bff;
    }

    /* Grid Container */
    .grid-container {
        max-width: 1200px; /* Increased from 45rem for better scaling */
        margin: 4rem auto; /* Simplified margin-block/inline */
        padding: 0 1rem; /* Added padding for mobile */
        container-type: inline-size;
    }

    /* Grid Layout */
    .grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 1.5rem;
        padding: 1rem;
    }

    /* Button Styling */
    .item.box {
        background-color: #4CAF50;
        border: none;
        border-radius: 8px;
        padding: 1rem;
        cursor: pointer;
        transition: all 0.3s ease;
        width: 100%;
        text-align: center;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

    .item.box:hover {
        background-color: #83ccb0;
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    }

    .item.box:active {
        background-color: #3e8e41;
        transform: scale(0.98);
        box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    }

    .item.box:focus {
        outline: 2px solid #007bff;
        outline-offset: 2px;
        background-color: #4CAF50; /* Reset from lightblue */
    }

    .item.box:focus-visible {
        outline: 2px solid #2ecc71;
        outline-offset: 2px;
        background-color: #4CAF50; /* Reset from lightgreen */
    }

    /* Heading inside button */
    h3 {
        color: #fff;
        text-transform: uppercase;
        font-size: 1rem;
        letter-spacing: 1px; /* Reduced from 2px for better readability */
        margin: 0; /* Removed top margin since padding handles spacing */
        word-break: break-word;
        line-height: 1.2;
    }

    /* Back Link */
     a.back-link {
                  position: fixed;
                  bottom: 5%;
                  right: 1%;
                  text-decoration: none;
                  padding: 5px 10px;
                  background-color: #007bff;
                  color: #fff;
                  border-radius: 3px;
                }
    .back-link:hover {
        color: #0056b3;
    }

    /* Responsive Adjustments */
    @media (max-width: 600px) {
        .grid {
            grid-template-columns: 1fr;
        }
        
        .item.box {
            padding: 0.75rem;
        }
        
        h3 {
            font-size: 0.9rem;
        }
    }
/*  PDF FORM STYLES  */
h1 {
        font-size: 2.5rem;
        margin-bottom: 20px;
        color: #444;
    }

    /* Error Message */
    .error-message {
        color: #ff0000;
        background-color: #ffe6e6;
        padding: 10px;
        border: 1px solid #ff0000;
        border-radius: 5px;
        margin-bottom: 20px;
        text-align: center;
    }

    /* Download Button */
    .btn {
        background-color: #007bff;
        color: #fff;
        border: none;
        padding: 10px 20px;
        font-size: 1rem;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .btn:hover {
        background-color: #0056b3;
    }

    .btn h3 {
        margin: 0;
    }

    /* Form Styles */
    form {
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    input[type="text"] {
        width: 90%;
        padding: 10px;
        margin-bottom: 15px;
        border: 1px solid #ddd;
        border-radius: 5px;
        font-size: 1rem;
    }

    /* File Upload Button */
    .upload-button {
        display: inline-block;
        background-color: #28a745;
        color: #fff;
        padding: 10px 20px;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        margin-bottom: 15px;
    }

    .upload-button:hover {
        background-color: #218838;
    }

    .upload-button input[type="file"] {
        display: none;
    }

    /* Submit Button */
    input[type="submit"] {
        background-color: #007bff;
        color: #fff;
        border: none;
        padding: 10px 20px;
        font-size: 1rem;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        width: 100%;
    }

    input[type="submit"]:hover {
        background-color: #0056b3;
    }

    input[type="password"], input[type="text"] {
        width: 90%;
        padding: 10px;
        margin-bottom: 15px;
        border: 1px solid #ddd;
        font-size: 1rem;
    }
    
    .welcome-message {
            font-weight: bold;
            color: #2c3e50;
    }
    /* Horizontal Line */
    hr {
        border: 0;
        height: 1px;
        background: #ddd;
        margin: 20px 0;
    }