/* ===============================
   Base Typography & Body
   =============================== */
body {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    line-height: 1.5;
    color: #333;
}

/* Links */
a:link, a:visited {
    color: #a4b318;
    text-decoration: underline;
}

a:hover {
    color: #000;
    background-color: #a4b318;
}

a:active {
    color: #454515;
    background-color: #a4b318;
}

/* ===============================
   Headings
   =============================== */
h1.title_text {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 0 6px 0;
    color: inherit;
}

h1.title_text small {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    color: #ccc;
}

h2 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 14px;
    color: inherit;
}

h3 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 12px;
    color: inherit;
}

/* Lead paragraph */
p.lead {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 20px;
}

/* ===============================
   Navbar
   =============================== */
.navbar,
.navbar a,
.navbar-nav > li > a,
.navbar-brand {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 400;
    color: #fff;
}

/* Navbar Active / Hover */
.navbar-nav > li.active > a {
    background-color: #a4b318;
    color: #fff !important;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: normal;
}

.navbar-nav > li.active > a:hover {
    background-color: #8a9a15;
}

.navbar-nav > li.dropdown.active > a.dropdown-toggle {
    background-color: #a4b318;
    color: #fff !important;
}

.navbar-nav > li.dropdown.active > a.dropdown-toggle:hover {
    background-color: #8a9a15;
}

.navbar-nav > li {
    margin-bottom: 0;
}
/* Ensure all nav links align vertically */
.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px; /* match the navbar height */
}


/* ===============================
   Sections
   =============================== */
.section {
    padding: 15px 0;
}

.section > .container {
    padding-left: 15px;
    padding-right: 15px;
}

.section-pop {
    background-color: #f9f9f2;
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}

.section-pop img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin-bottom: 15px;
}

.section-pop h2 {
    color: #434205;
    margin-top: 0;
}

.section-pop p {
    color: #000;
    line-height: 1.6;
}

/* Background variations */
.section-cream { background-color: #fdfde8; }
.section-lightblue { background-color: #eaf6ff; }

.section-strong {
    background-color: #000;
    color: #fff;
    padding: 40px 0;
    border-top: 8px solid #1661a1;
}

.section-strong a {
    color: #9ecbff;
    text-decoration: underline;
}

/* ===============================
   Figure captions
   =============================== */
figcaption, .caption-block {
    font-size: 15px;
    color: #666;
    margin-top: 8px;
    text-align: center;
}

/* ===============================
   Tip & Warning Boxes
   =============================== */
.tip-box {
    background-color: #f2f9f2;
    border-left: 5px solid #2a7f2a;
    padding: 10px 15px;
    margin: 15px 0;
    border-radius: 5px;
}

.warning-box {
    background-color: #fff4f4;
    border-left: 5px solid #d9534f;
    padding: 10px 15px;
    margin: 15px 0;
    border-radius: 5px;
}

/* ===============================
   FAQ
   =============================== */
.faq dt {
    background-color: #f0f0f0;
    padding: 14px 18px;
    margin-top: 10px;
    cursor: pointer;
    font-weight: 600;
    border-radius: 5px;
    position: relative;
    color: #2a4d69;
    transition: background 0.3s ease;
}

.faq dt:hover {
    background-color: #e0e0e0;
}

.faq dt::after {
    content: "+";
    position: absolute;
    right: 18px;
    font-size: 18px;
    color: #434205;
}

.faq dt.active::after {
    content: "−";
}

.faq dd {
    background-color: #ffffff;
    padding: 12px 18px;
    margin: 0 0 10px 0;
    border-left: 3px solid #434205;
    border-radius: 0 5px 5px 0;
    display: none;
    line-height: 1.6;
    color: #333;
}

.faq dt.active + dd {
    display: block;
}

/* ===============================
   Tables
   =============================== */
.table {
    width: 100%;
    border-collapse: collapse;
}

.table thead th {
    background-color: #a4b318;
    color: #fff;
    font-weight: 300;
    text-align: center;
    border: 1px solid #000;
    padding: 10px;
}
.table thead th,
.table tbody td {
    border: 2px solid #000; /* thicker and sharper */
}

.table tbody td {
    border: 1px solid #000;
    padding: 8px;
    vertical-align: middle;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
/* ===== Winter Stress Table Overrides ===== */
.table.table-bordered {
    border: 1px solid #000 !important; /* main table border */
    border-collapse: collapse;         /* prevent double borders */
}

.table.table-bordered th,
.table.table-bordered td {
    border: 1px solid #000 !important; /* cells borders */
    padding: 10px;                     /* optional padding */
    vertical-align: middle;
}

.table.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f9f9f9;         /* keep the striping */
}

.table.table-striped tbody tr:nth-of-type(even) {
    background-color: #ffffff;
}

.table.table-striped tbody tr:hover {
    background-color: #f0f8ff;         /* optional hover effect */
}


/* ===============================
   Footer
   =============================== */
.footer_bar_bg {
    width: 100%;
    background-color: #000000;
    color: #fff;
    padding: 20px 0;
}

.footer_bar_bg a {
    color: #fff;
    text-decoration: underline;
}
.section-muted {
    background-color: #ffffff;  /* very light green */
    color: #333;                /* slightly muted text */
    padding: 60px 0;
}

/* ===============================
   Responsive tweaks
   =============================== */
@media (max-width: 768px) {
    h1.title_text {
        font-size: 32px;
    }

    h1.title_text small {
        font-size: 16px;
    }

    .section-po