/* ============================== */
/* Styles for FAQ Fragment        */
/* Extracted from master.css      */
/* ============================== */

/* Base styles for elements within the FAQ content */
.faq-content-wrapper p {
    padding-bottom: 5px; /* 15px */
    line-height: 1.5em;  /* 150%; in master.css */
    margin: 0; /* Reset default paragraph margins if any */
}

.faq-content-wrapper a {
    color: #0077bb; /* From winning 'a' rule in master.css */
    text-decoration: none;
}

.faq-content-wrapper a:hover {
    text-decoration: underline;
}

.faq-content-wrapper strong {
    font-weight: bold; /* Standard bold */
}

/* Headings */
.faq-content-wrapper h1 {
    font-size: 24px;
    padding: 15px 0 0 0;
    color: #003c69;
    font-weight: normal; /* H1 was normal weight in master.css '*' rule */
    margin: 0;
}

.faq-content-wrapper h3 {
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 15px 0; /* master.css: 15px 0 10px 0;
    /*color: #003c69;*/
    /*margin: 0;*/ /* Removed margin as it was not needed */
}

/* Separator Line */
.faq-content-wrapper .faq-separator {
    border: none; /* Reset default hr */
    border-top: 1px solid #00406C;
    color: #00406C; /* Fallback for really old browsers */
    display: block;
    height: 1px;
    margin: 0.5em 0; /* Add some vertical spacing */
    padding: 0;
}

/* FAQ List Styling */
.faq-content-wrapper .faq-list {
    padding: 0; /* In legacy master.css 'ol': 10px 0 0 20px. Removing the top - instead pad h3 on the bottom.
                     2025-05-09 - also removed the left 20px - it is alignged on the left with `page-article` */
    /*margin: 0 0 20px 0; !* Add bottom margin *!*/
    list-style: none; /* Remove default numbering initially */
}

.faq-content-wrapper .faq-list > li {
    list-style-type: decimal; /* Use CSS counter for numbering */
    list-style-position: outside;
    margin: 0 0 5px 15px; /* Adjust spacing > changed the bottom from 15px to 5px */
    padding: 0;
    /* counter-increment: faq-counter; */ /* If using CSS counters instead of list-style-type */
}

/* --- Styling for FAQ List Item Markers (Numbers) --- */

.faq-content-wrapper .faq-list > li::marker {
    /* 1. Set the Color */
    color: #0077be; /* Match the faq-question color #003c69? Or use #0077be if preferred */

    /* 2. Set the Font Size */
    /* Use 'inherit' to match the li's font size (which likely matches the body/question) */
    font-size: 12px; /* no, setting inherit; does not match the `li` font-size, which is 12px */
    /* Or set an explicit size if needed: font-size: 12px; */

    /* 3. Set the Font Weight (Optional) */
    /* Use 'inherit' or 'normal' to match the surrounding text */
    font-weight: bold; /* 'normal' or 'bold' if you want bold numbers */

    /* 4. Font Family (Usually inherited correctly, but can be set explicitly) */
    /* font-family: inherit; */
}

/* Style for the question div */
.faq-content-wrapper .faq-question {
    /* cursor: pointer; */ /* Removed cursor:pointer as no JS interaction planned */
    margin: 0 0 5px 0;  /* Spacing below question */
    font-size: 12px;    /* From master.css .faq */
    color: #0077be;     /* Use main heading color #003c69 for questions? Or #0077be from original? */
    line-height: 1.5em; /* Adjust line height for readability - some questions wrap */
    font-weight: bold;  /* Optional: Make questions bold */
}

/* Style for the answer div */
.faq-content-wrapper .faq-answer {
    /*margin-left: 0; !* Removed original margin from .answer as it's nested now *!*/
    /*margin-right: 0; !* Remove margin *!*/
    font-size: 12px;
    /*padding: 0; !* Adjust if needed *!*/
}

/* Style for embedded lists within answers */
.faq-content-wrapper .faq-embedded-list {
    list-style-type: disc;
    padding: 5px 0 0 30px;
    margin: 0;
}

.faq-content-wrapper .faq-embedded-list li {
    padding: 0 0 5px 0; /* Space between list items */
    line-height: 1.5em; /* master.css: 150%; */
    margin: 0;
}

/* ============================== */
/* Styles for Multi-level Lists   */
/* Add to faq-styles.css          */
/* ============================== */

/* Style for the main numbered list */
.faq-answer .faq-list-numbered {
    padding-left: 12px;
    margin: 4px 0;
}

/* Spacing for top-level list items */
.faq-answer .faq-list-numbered > li {
    padding-bottom: 4px; /* Adds space between 1., 2., 3., etc. */
}

/* Style for the second-level bulleted list */
.faq-answer .faq-list-bulleted {
    list-style-type: disc; /* Standard solid circle bullet */
    padding-left: 20px; /* Indent relative to its parent li */
    margin-top: 2px; /* Space between the parent text and the bullet list */
}

/* Spacing for second-level list items */
.faq-answer .faq-list-bulleted > li {
    padding-bottom: 2px; /* Space between bullet points */
}

/* Style for the third-level (nested) bulleted list */
.faq-answer .faq-list-bulleted-nested {
    list-style-type: circle; /* Use an open circle for visual distinction */
    padding-left: 22px; /* Indent further */
    margin-top: 4px; /* Space between the "cheque..." text and this sub-list */
}

/* Spacing for third-level list items */
.faq-answer .faq-list-bulleted-nested > li {
    padding-bottom: 2px; /* Makes height of 3rd level items 20px - same as the 2nd */
    padding-left: 0; /* Override `.page-article ul li li` style */
}

/* Styling for the <abbr> tag to provide a visual cue */
.faq-answer abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
}

/* Utility class for no-wrap */
.faq-content-wrapper .no-wrap {
    white-space: nowrap;
}
/* Added block version for the p tag case */
.faq-content-wrapper .no-wrap-block {
    white-space: nowrap;
}

/* ================================= */
/* Styles for Footnotes/Side Notes   */
/* Add to faq-styles.css             */
/* ================================= */

/* Style for the superscript number markers */
.faq-answer sup {
    font-size: 0.8em; /* Make the number slightly smaller than the text */
    vertical-align: super; /* Ensure it's raised */
    line-height: 0; /* Prevent it from adding extra space between lines of text */
    color: #0077bb; /* Use the link color to make it subtly stand out */
    font-weight: bold; /* Make the number bold */
    padding: 0 2px; /* Add a tiny bit of space around the number */
}

/* Style for the footnote paragraph at the bottom of the answer */
.faq-answer .faq-footnote {
    font-size: 0.9em; /* Make the footnote text slightly smaller */
    color: #555; /* Use a muted gray color to de-emphasize it */
    margin-top: 15px; /* Add some space above the footnote */
    padding-top: 10px; /* Add a little extra padding */
    border-top: 1px solid #eee; /* Optional: A faint line to separate it */
    font-style: italic; /* Optional: Italicize for a classic footnote look */
}

/* Ensure the superscript within the footnote matches the footnote text style */
.faq-answer .faq-footnote sup {
    color: #555; /* Match the footnote text color */
}