/* Page Section */ 
.page-section { background-color: var(--background-white); padding: 90px 0 20px 0; text-align: center; } 
.page-title { font-size: 36px; font-weight: 800; margin-bottom: 50px; color: var(--primary-dark-purple); }

/* Images */ 
.featured-image { max-width: 1000px; margin: 2rem auto; text-align: center; padding: 0 1rem; border-radius: 8px; } 
.featured-image img { width: 100%; height: auto; display: block; border-radius: 6px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); border: none; } 
.fig-caption { margin-top: 0.75rem; font-size: 0.95rem; color: #666; font-style: italic; text-align: center; } 
.blog-images { margin: 2rem 0; } @media (max-width: 640px) { .featured-image { margin: 1.5rem auto; padding: 0; } }

/* Table */ 
.blog-table { overflow-x: auto; margin: 1.5em 0; min-width: 100%; } 
.blog-table table { width: 100%; border-collapse: collapse; word-break: normal; } 
.blog-table thead { background-color: #f4f4f4; border-bottom: 2px solid #ccc; } 
.blog-table th { padding: 12px 15px; text-align: center; font-weight: bold; color: #333; vertical-align: middle; } 
.blog-table td { padding: 10px 15px; text-align: center; border-bottom: 1px solid #ddd; vertical-align: middle; color: #555; } 
.blog-table tbody tr:nth-child(even) { background-color: #f9f9f9; } 
.blog-table tbody tr:hover { background-color: #f1f1f1; } 
.blog-table tbody tr:last-child td { border-bottom: none; }

/* Minimal Share Bar */ 
.share-bar { display: inline-flex; align-items: center; gap: 10px; margin: 16px 0; } 
.share-bar img { width: 18px; height: 18px; vertical-align: middle; } 
.share-bar span { font-weight: 500; font-size: 15px; color: var(--primary-dark-purple); margin-right: 6px; } 
.share-bar a { display: inline-flex; align-items: center; justify-content: center; transition: opacity 0.2s ease, transform 0.2s ease; } 
.share-bar a:hover { opacity: 0.8; transform: scale(1.1); }

/* Breadcrumbs */  
.breadcrumbs { display: inline-block; margin-top: 10px; color: var(--primary-dark-purple); font-weight: 600; text-decoration: none !important; transition: color 0.2s; } 
.breadcrumbs:hover { color: var(--primary-purple); } a { text-decoration: none; } 
.breadcrumbs .separator { color: #a0a0a0; /* margin: 0 0.5rem; */ font-weight: 300; } 

/* Minimal article-scoped styles — adapt or remove to match site CSS */
    .rt-article { max-width: 860px; margin: 0 auto; padding: 28px; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; line-height: 1.6; color:#111; }
    .rt-hero { margin-bottom: 18px; }
    .rt-hero h1 { font-size: 28px; margin: 0 0 8px; }
    .rt-meta { color:#666; font-size:14px; margin-bottom: 20px; }
    .rt-img { width:100%; height:auto; display:block; margin:16px 0; border-radius:8px; background:#f4f4f4; text-align:center; padding:32px 12px; color:#666; }
    .rt-section { margin: 22px 0; }
    .rt-h2 { font-size:20px; margin: 12px 0; }
    .rt-h3 { font-size:16px; margin: 10px 0; color:#222; }
    .rt-list { margin-left: 1.1rem; }
    .cta { display:inline-block; padding:10px 16px; background:#6b4cff; color:#fff; border-radius:6px; text-decoration:none; margin-top:12px; }
    .share-bar { margin-top:12px; font-size:14px; color:#444; display:flex; gap:10px; align-items:center; }
    .hashtag-bundle { background:#fafafa; border-left:4px solid #6b4cff; padding:12px; margin:10px 0; border-radius:6px; }
    .faq q { font-style:italic; }
    @media (max-width:600px){ .rt-article{padding:18px;} .rt-hero h1{font-size:22px;} }
    
/* Share  .share-bar { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0 20px 0; background: var(--background-light-gray); padding: 15px 20px; border-radius: 12px; max-width: 850px; text-align: center; } .share-bar span { font-weight: 600; color: var(--primary-dark-purple); font-size: 16px; margin-right: 10px; } .share-bar a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; transition: transform 0.3s ease, background-color 0.3s ease; } .share-bar a:hover { transform: scale(1.1); background-color: var(--accent-coral); } .share-bar img { width: 20px; height: 20px; } */