/* Mainter Dynamic CSS - Autogenerated */
    :root {
    /* Colors */
    --theme-color-brand:
    #4f46e5;
    --theme-color-text:
    #1f2937;
    --theme-color-link:
    #10b981;
    --header-bg:
    #ffffff;
    --header-text:
    #333333;
    --footer-bg:
    #111827;
    --footer-text:
    #f9fafb;
    --btn-bg:
    #4f46e5;
    --btn-text:
    #ffffff;

    /* Layout */
    --container-width:
    1200px;
    --sidebar-width:
    30%;
    --content-width:
    70%;

    /* Radius */
    --img-radius:
    8px;
    --btn-radius:
    4px;

    /* Typography */
    --font-heading:
    "Inter", sans-serif;
    --font-body:
    "Inter", sans-serif;
    --size-h1:
    38px;
    --size-h2:
    32px;
    --size-h3:
    28px;
    --size-h4:
    23px;
    --size-body:
    16px;
    --size-listing:
    18px;
    --size-featured:
    25px;
    }

    /* Dark Mode */
    body.dark-mode {
    --theme-color-text:
    #f3f4f6;
    --header-bg:
    #1f2937;
    --footer-bg:
    #1f2937;
    --footer-text:
    #f3f4f6;
    background-color:
    #111827;
    color:
    #f3f4f6;
    }

    body.dark-mode .card,
    body.dark-mode .widget,
    body.dark-mode .post-card {
    background:
    #1f2937;
    }

    /* Base Styles */
    body { font-family: var(--font-body); font-size: var(--size-body); color: var(--theme-color-text); }
    h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); }
    h1 { font-size: var(--size-h1); }
    h2 { font-size: var(--size-h2); }
    h3 { font-size: var(--size-h3); }
    h4 { font-size: var(--size-h4); }
    a { color: var(--theme-color-link); }
    a:hover { color: var(--theme-color-brand); }

    /* Container */
    .site-content-wrapper, .container { max-width: var(--container-width); margin: 0 auto; padding: 0 20px; }

    /* Buttons */
    .btn, button, input[type="submit"], .wp-block-button__link {
    background: var(--btn-bg);
    color: var(--btn-text);
    border-radius: var(--btn-radius);
    padding:
    10px
    20px;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s;
    }
    .btn:hover, button:hover, input[type="submit"]:hover { opacity: 0.9; }

    /* Images */
    img, .post-thumbnail img { border-radius: var(--img-radius); }

    /* Grid Layout */
    .mainter-grid-layout {
    display: grid;
    grid-template-columns: 1fr minmax(280px, var(--sidebar-width));
    gap: 30px;
    }
    @media (max-width: 1024px) {
    .mainter-grid-layout { grid-template-columns: 1fr; }
    }

    /* Header & Footer */
    .site-header { background: var(--header-bg); color: var(--header-text); }
    .site-footer { background: var(--footer-bg); color: var(--footer-text); }

    /* Sidebar Hidden */
    body.no-sidebar #secondary { display: none !important; }
    body.no-sidebar .mainter-grid-layout { grid-template-columns: 1fr; }

    /* Listing */
    .post-card .entry-title { font-size: var(--size-listing); }
    .featured-post .entry-title { font-size: var(--size-featured); }