.elementor-18315 .elementor-element.elementor-element-41a126f7{--display:flex;}/* Start custom CSS for container, class: .elementor-element-41a126f7 *//* --- General Page Styling (post-18315) --- */
.page-id-18315 .entry-content { /* Targeting the specific page content */
    font-family: 'Inter', sans-serif; /* Or your preferred theme font */
    color: #4A5568; /* Slightly softer text color */
    line-height: 1.7; /* Improved line spacing for readability */
}

.page-id-18315 .site-main { /* Target the main content area to add a container feel */
    max-width: 960px; /* Control overall width */
    margin: 2em auto; /* Center the content area with some top/bottom margin */
    padding: 25px 30px; /* Padding inside the content area */
    background-color: #ffffff; /* White background for the content box */
    border-radius: 12px; /* Rounded corners for the content box */
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.07); /* Softer, more modern shadow */
}

/* --- Page Title Styling --- */
.page-id-18315 .entry-header .entry-title {
    font-size: 2.2rem; /* Prominent title */
    color: #1A202C; /* Darker title color */
    margin-bottom: 1em;
    padding-bottom: 0.5em;
    border-bottom: 2px solid #e2e8f0; /* Subtle separator line */
    text-align: center;
}

/* --- Introductory Paragraphs Styling --- */
.page-id-18315 .entry-content > p {
    font-size: 1rem;
    margin-bottom: 1.5em;
    color: #374151; /* Slightly darker for intro text */
}

.page-id-18315 .entry-content > p strong {
    color: #D9534F; /* Highlight color for important notes like 'unlocked' */
    font-weight: 600;
}

/* --- Device Category Headings (h2, h3) --- */
.page-id-18315 .entry-content .wp-block-heading,
.page-id-18315 .entry-content h2.wp-block-heading, /* Targeting general and specific h2 */
.page-id-18315 .entry-content h3.wp-block-heading { /* Targeting general and specific h3 */
    font-weight: 600;
    margin-top: 2.5em; /* Space above category headings */
    margin-bottom: 1em;
    padding-bottom: 0.3em;
    border-bottom: 1px solid #cbd5e0; /* Separator for each brand */
}

.page-id-18315 .entry-content h2.wp-block-heading { /* e.g., "Android" */
    font-size: 1.8rem;
    color: #2D3748;
}

.page-id-18315 .entry-content h3.wp-block-heading { /* e.g., "Apple iPhone", "Google Pixel" */
    font-size: 1.5rem;
    color: #2b6cb0; /* Accent color for brand headings */
}

/* --- Device Lists Styling (ul.wp-block-list) --- */
.page-id-18315 .entry-content ul.wp-block-list {
    list-style: none; /* Remove default bullets */
    padding-left: 0;
    margin-bottom: 2em;
    column-gap: 20px; /* Space between columns */
}

/* Apply columns for wider screens */
@media (min-width: 768px) {
    .page-id-18315 .entry-content ul.wp-block-list {
        column-count: 2; /* Display in two columns */
    }
}
@media (min-width: 992px) {
    .page-id-18315 .entry-content ul.wp-block-list {
        column-count: 3; /* Display in three columns for very wide screens */
    }
}


.page-id-18315 .entry-content ul.wp-block-list li {
    font-size: 0.95rem;
    color: #4A5568;
    margin-bottom: 0.6em;
    padding: 8px 12px;
    background-color: #f9fafb; /* Very light background for list items */
    border-radius: 6px;
    border: 1px solid #e9ecef;
    break-inside: avoid-column; /* Prevent items from breaking across columns */
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.page-id-18315 .entry-content ul.wp-block-list li:hover {
    background-color: #f1f5f9;
    border-color: #d1d5db;
}

/* --- Specific Note Styling (e.g., Samsung FE models) --- */
.page-id-18315 .entry-content ul.wp-block-list li:last-child: MOTE { /* Heuristic for the NOTE, better to add a class */
    /* If you can add a class like .device-list-note to that specific <li> containing the NOTE */
}
.page-id-18315 .entry-content ul.wp-block-list li:contains("NOTE:") { /* This is a jQuery .elementor-18315 .elementor-element.elementor-element-41a126f7, not pure CSS.
                                                                      For CSS, you'd need to manually add a class.
                                                                      Assuming the last item in Samsung list is the note: */
}
/* A more robust way is to target the specific text if it's always the last item or has unique phrasing */
/* For example, if the note is always the last item in a list under a Samsung heading: */
.page-id-18315 .entry-content h3.wp-block-heading[id*="Samsung"] + ul.wp-block-list li:last-child {
    background-color: #fffbeb; /* Light yellow for warning/note */
    border-color: #fde68a;
    color: #92400e; /* Darker text for readability on yellow */
    font-weight: 500;
}


/* --- Mobile Specific Styles --- */
@media (max-width: 767px) {
    .page-id-18315 .site-main {
        margin: 1em auto;
        padding: 20px 15px; /* Reduced padding on mobile */
        border-radius: 8px;
    }

    .page-id-18315 .entry-header .entry-title {
        font-size: 1.8rem; /* Adjust title size */
    }

    .page-id-18315 .entry-content > p {
        font-size: 0.95rem;
    }

    .page-id-18315 .entry-content h2.wp-block-heading {
        font-size: 1.6rem;
    }
    .page-id-18315 .entry-content h3.wp-block-heading {
        font-size: 1.3rem;
    }

    /* Single column for lists on mobile */
    .page-id-18315 .entry-content ul.wp-block-list {
        column-count: 1;
    }

    .page-id-18315 .entry-content ul.wp-block-list li {
        font-size: 0.9rem;
        padding: 8px 10px;
    }
}

@media (max-width: 480px) {
    .page-id-18315 .site-main {
        margin: 1em 10px; /* Add side margins for very small screens */
        padding: 15px;
    }
    .page-id-18315 .entry-header .entry-title {
        font-size: 1.6rem;
    }
    .page-id-18315 .entry-content h2.wp-block-heading {
        font-size: 1.4rem;
    }
    .page-id-18315 .entry-content h3.wp-block-heading {
        font-size: 1.2rem;
    }
}/* End custom CSS */