/* Override Bootstrap .fw-bold for Keep Exploring box */
.keep-exploring-tocbox .fw-bold {
    color: #14213d !important;
}
/* KEEP EXPLORING styled like TOC */
.keep-exploring-tocbox {
    background: #F4F1F0;
    color: #14213d;
    padding: 15px;
    border-radius: 7px;
    margin: 20px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    max-width: 420px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: box-shadow 0.2s, transform 0.2s;
    position: relative;
    overflow: hidden;
}

.keep-exploring-tocbox a {
    color: #14213d;
    display: block;
    margin: 4px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    text-decoration: underline;
    font-weight: 500;
    font-size: 1.01rem;
    transition: color 0.2s;
}
.keep-exploring-tocbox a:hover {
    color: #0a1740;
    text-decoration: underline;
}
/* Ensure images are responsive and zoomable on mobile */
.article-v2 img, .bs5simplyblog-page-content img, .info-box img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 767.98px) {
    .article-v2 .toc ul {
        padding-left: 0.7rem !important;
    }
}
/* Breadcrumbs: force inline, wrap, and break long links/titles for mobile and desktop */
.bs5simplyblog-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    white-space: normal;
    gap: 0.2em;
}
.bs5simplyblog-breadcrumb .breadcrumb-item,
.bs5simplyblog-breadcrumb .breadcrumb-item a {
    min-width: 0;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
}
/* Allow breadcrumbs to wrap and break long words/titles on mobile */
.bs5simplyblog-breadcrumb {
    flex-wrap: wrap;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
}
.bs5simplyblog-breadcrumb .breadcrumb-item {
    min-width: 0;
    word-break: break-word;
    overflow-wrap: anywhere;
}
@media (max-width: 767.98px) {
    .bs5simplyblog-breadcrumb {
        font-size: 10pt !important;
    }
}
ul {
    list-style-type:none !important;

}

.text-body-tertiary {
    color: #1a2633 !important;
    text-align: center;
    margin:auto;
}

.article-v2 {
    max-width: 760px;
    margin: 20px auto;
    padding: 20px;
    font-family: system-ui, -apple-system, sans-serif;
    line-height: 1.7;
    color: #1a2633;
}

/* Headings */
.article-v2 h1 {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.article-v2 h2 {
    font-size: 1.4rem;
    margin-top: 2rem;
}

.article-v2 h3 {
    font-size: 1.1rem;
    margin-top: 1.2rem;
}

/* Paragraphs */
.article-v2 p {
    margin-bottom: 1rem;
}

/* Images */
.article-v2 img {
    width: 100%;
    border-radius: 7px;
    margin: 20px 0;
}

/* LISTS (FIXED) */
.article-v2 ul {
    list-style: none;          /* remove default bullets */
    padding-left: 30px;           /* reset padding */
    margin: 1rem 0;
}

.article-v2 ul li {
    position: relative;
    padding-left: 1.5rem;      /* space for checkmark */
}

.article-v2 ul li::before {
    content: "★";
    color: #2e7d32;            /* green */
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
}

/* TOC */
.article-v2 .toc {
    background: #e0d6c8 !important; /* darker, warm neutral for contrast */
    color: #14213d !important;
    padding: 15px !important;
    border-radius: 7px !important;
    margin: 20px 0 !important;
    box-shadow: 0 4px 16px rgba(20,33,61,0.10) !important;
}

.article-v2 .toc a {
    color: #23415f;
    display: block;
    margin: 4px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.01);
    text-decoration: underline;
    font-weight: 500;
    font-size: 1.01rem;
    transition: color 0.2s;
}
.article-v2 .toc a:hover {
    color: #0a1740;
    text-decoration: underline;
}

/* INFO BOX (Quick Facts, Prices, etc.) */
.article-v2 .info-box {
    background: #F4F1F0;
    border-radius: 7px;
    padding: 7px;
    margin: 20px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* PROS / CONS GRID */
.article-v2 .pros-cons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.article-v2 .card {
    background: #f6faff;
    padding: 15px;
    border-radius: 7px;
}

.article-videos {
  max-width: 600px;
  width: 100%;
  height: auto;
  display: block;
  margin: 20px auto;
}

/* Custom breadcrumb color for bs5simplyblog article pages */
.bs5simplyblog-breadcrumb .breadcrumb-item a {
    color: #23415f !important; /* Use the same color as the article title */
}
.bs5simplyblog-breadcrumb .breadcrumb-item.active {
    color: #23415f !important; /* Use the same color as the article title */
}

/* PRINT OVERRIDES */
/* Print styles: readable font size and black text */
@media print {
    html, body {
        font-size: 12pt;
        color: #000;
        background: #fff;
    }
    body, p, div, span, li, td, th, a, h1, h2, h3, h4, h5, h6 {
        font-size: 12pt;
        color: #000;
        background: #fff;
    }
    a {
        text-decoration: underline;
        color: #000;
    }
    .site-header, .site-footer, .mobile-footer, .back-to-top, nav, .sidebar-column, .navbar, .desktop-category-strip, .category-strip-scroll-hide, .bs5simplyblog-backtotop-link {
        display: none;
    }
    /* Remove box shadows and borders for print */
    * {
        box-shadow: none;
        text-shadow: none;
        border: none;
    }
    img, video {
        max-width: 100%;
        height: auto;
    }

    /* Force all containers to block for print to avoid flex/grid/overflow issues */
    .container-fluid,
    .container-fluid.p-0.flex-grow-1,
    .row,
    .row.gx-md-5,
    .content-column,
    .sidebar-column,
    .sidebar-column-inner,
    .bs5simplyblog-listing,
    .bs5simplyblog-archive-header,
    .bs5simplyblog-post-card,
    .bs5simplyblog-post-card-media,
    .bs5simplyblog-post-card-body,
    .bs5simplyblog-page-shell,
    .bs5simplyblog-page-header,
    .bs5simplyblog-page-content,
    .bs5simplyblog-page-content-tags,
    .bs5simplyblog-children,
    .bs5simplyblog-nextprevpages {
        display: block; /* !important removed for maintainability */
        float: none;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        position: static;
        overflow: visible;
        height: auto;
        page-break-inside: avoid;
    }

    /* Remove fixed/absolute positioning for print */
    [style*="position: fixed"],
    [style*="position: absolute"],
    .back-to-top,
    .site-footer,
    .mobile-footer,
    .navbar,
    .desktop-category-strip {
        display: none;
        position: static;
    }

    /* Avoid content clipping on print */
    * {
        overflow: visible;
        max-height: none;
    }

    /* Page breaks for long articles */
    h1, h2, h3, h4, h5, h6 {
        page-break-after: avoid;
        page-break-before: auto;
    }
    p, ul, ol, table, blockquote, pre {
        page-break-inside: avoid;
    }
}