.elementor-5733 .elementor-element.elementor-element-6553d47{--display:flex;}/* Start custom CSS for html, class: .elementor-element-60e2bd2 */body {
    font-family: 'Verdana', sans-serif;
    line-height: 1.7;
    color: #444;
    background-color: #fdfdfd;
    margin: 0;
    padding: 0;
}

/* Apply styles directly to the content area if pasted into WP */
/* You might need to adjust the .elementor-5733 .elementor-element.elementor-element-60e2bd2 based on your WP theme's structure */
/* For example, target '.entry-content' or a specific container */
.container, /* Use this if you wrap the pasted content in <div class="container"> */
.entry-content /* Or adjust to your theme's content class */
{
    max-width: 800px;
    margin: 30px auto;
    padding: 20px 40px;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    border-radius: 8px;
}

.container h1, .entry-content h1,
.container h2, .entry-content h2,
.container h3, .entry-content h3 {
    color: #8A2BE2; /* Blue Violet heading */
    margin-bottom: 0.5em;
    line-height: 1.3;
}

.container h1, .entry-content h1 {
    font-size: 2.2em;
    border-bottom: 2px solid #E6E6FA; /* Light Lavender border */
    padding-bottom: 10px;
    margin-bottom: 1em;
}

.container h2, .entry-content h2 {
    font-size: 1.6em;
    margin-top: 1.5em;
}

.container h3, .entry-content h3 {
    font-size: 1.3em;
    margin-top: 1.2em;
    color: #BA55D3; /* Medium Orchid for sub-subheadings */
}

.container p, .entry-content p {
    margin-bottom: 1.2em;
}

.container ul, .entry-content ul,
.container ol, .entry-content ol {
    margin-left: 20px;
    margin-bottom: 1.2em;
    padding-left: 1.5em;
}

.container li, .entry-content li {
    margin-bottom: 0.6em;
}

.container strong, .entry-content strong {
    color: #BA55D3; /* Medium Orchid for emphasis */
}

.container figure, .entry-content figure {
    margin: 20px 0;
    text-align: center;
}

.container figure img, .entry-content figure img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    margin-bottom: 8px;
}

.container figcaption, .entry-content figcaption {
    font-size: 0.9em;
    color: #777;
    font-style: italic;
}

.container a, .entry-content a {
    color: #8A2BE2;
    text-decoration: none;
}

.container a:hover, .entry-content a:hover {
    text-decoration: underline;
}

/* Style for nested lists in methods */
.container ul ul, .entry-content ul ul,
.container ol ol, .entry-content ol ol,
.container ul ol, .entry-content ul ol,
.container ol ul, .entry-content ol ul {
    margin-top: 0.5em;
    margin-bottom: 0.8em;
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .container, .entry-content {
        margin: 15px;
        padding: 15px 20px;
    }
    .container h1, .entry-content h1 {
        font-size: 1.8em;
    }
    .container h2, .entry-content h2 {
        font-size: 1.4em;
    }
    .container h3, .entry-content h3 {
        font-size: 1.2em;
    }
}/* End custom CSS */