/* =====================================================
   Article Content Styles — Extracted from inline styles
   ===================================================== */

/* Tables */
.article-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 0.9rem;
}
.article-table-sm {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}
.article-table-md {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 0.95rem;
}
.article-table th,
.article-table-sm th,
.article-table-md th {
    padding: 10px;
}
.article-table td,
.article-table-sm td,
.article-table-md td {
    padding: 8px;
}

/* Table header color variants */
.th-brown { background: #795548; color: white; }
.th-orange { background: #E65100; color: white; }
.th-green { background: #2E7D32; color: white; }
.th-blue { background: #1565C0; color: white; }
.th-purple { background: #4A148C; color: white; }
.th-red { background: #B71C1C; color: white; }
.th-dark-green { background: #1B5E20; color: white; }
.th-teal { background: #00695C; color: white; }
.th-dark-brown { background: linear-gradient(90deg, #3E2723, #5D4037); color: white; }
.th-dark-teal { background: linear-gradient(90deg, #004D40, #00695C); color: white; }
.th-deep-blue { background: #0D47A1; color: white; }
.th-pink { background: #AD1457; color: white; }
.th-cyan { background: #00838F; color: white; }

/* Table row alternating backgrounds */
.tr-beige { background: #EFEBE9; }
.tr-orange-light { background: #FFF3E0; }
.tr-green-light { background: #E8F5E9; }
.tr-blue-light { background: #E3F2FD; }
.tr-teal-light { background: #E0F2F1; }
.tr-yellow-light { background: #FFF8E1; }
.tr-purple-light { background: #F3E5F5; }
.tr-red-light { background: #FFEBEE; }

/* Almanac / Info boxes */
.almanac-box {
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 30px;
}
.almanac-box-orange {
    background: linear-gradient(135deg, #FFF8E1, #FFECB3);
    border: 2px solid #E65100;
}
.almanac-box-brown {
    background: linear-gradient(135deg, #EFEBE9, #D7CCC8);
    border: 2px solid #3E2723;
}
.almanac-box-teal {
    background: linear-gradient(135deg, #E0F2F1, #B2DFDB);
    border: 2px solid #004D40;
}
.almanac-box-green {
    background: linear-gradient(135deg, #FFF8E1, #FFECB3);
    border: 2px solid #33691E;
}

/* Almanac box inner elements */
.almanac-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.almanac-title {
    font-size: 1.1rem;
}
.almanac-title-orange { color: #E65100; }
.almanac-title-brown { color: #3E2723; }
.almanac-title-teal { color: #004D40; }
.almanac-title-green { color: #33691E; }

.almanac-text {
    margin: 5px 0;
    font-size: 0.95rem;
}
.almanac-icon {
    font-size: 1.5rem;
}
.text-auspicious { color: #2E7D32; }
.text-avoid { color: #C62828; }

/* Disclaimer / Science boxes */
.disclaimer-box {
    background: linear-gradient(135deg, #FFF3E0, #FFE0B2);
    border: 2px solid #E65100;
    border-radius: 12px;
    padding: 20px;
    margin: 30px 0;
}
.disclaimer-text {
    margin: 5px 0;
    font-size: 0.85rem;
    color: #5D4037;
}
.science-box {
    background: linear-gradient(135deg, #E3F2FD, #BBDEFB);
    border: 2px solid #1565C0;
    border-radius: 12px;
    padding: 20px;
    margin: 30px 0;
}
.science-box h3 {
    margin-top: 0;
    color: #1565C0;
}
.science-note {
    font-size: 0.8rem;
    color: #5D4037;
    margin-bottom: 0;
    margin-top: 10px;
}

/* Tip / Highlight boxes */
.tip-box-green {
    background: linear-gradient(135deg, #E8F5E9, #C8E6C9);
    border: 2px solid #2E7D32;
    border-radius: 12px;
    padding: 15px;
    margin: 20px 0;
}

/* Almanac italics note */
.almanac-note {
    margin-top: 10px;
    font-style: italic;
    font-size: 0.9rem;
}
.almanac-note-orange { color: #E65100; }
.almanac-note-brown { color: #3E2723; }
.almanac-note-teal { color: #004D40; }
.almanac-note-green { color: #33691E; }

/* Footer social icons */
.footer-social i {
    font-size: 1.5rem;
}

/* Star icon for recommended products */
.star-gold { color: #D4AF37; }


/* Cell padding */
.cell-pad { padding: 10px; }
.cell-pad-sm { padding: 8px; }

/* Science heading */
.science-heading { margin-top: 0; color: #1565C0; }