@charset "utf-8";


/* main content styling */
.main-intro {
    padding: 10px;   /* moves the lead text down */
    background-color: #FAFAFA;
    background: none;
}



.main-intro .container {
    max-width: 1200px;
    margin: 0 auto;
    text-align: centre;
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), 
                url('images/hero-bg.jpg') no-repeat center center/cover;   /* 0.5 is 50% dark. increase to 0.7 for darker, decrease to 0.3 for lighter */
}



.policy-list {
    margin-bottom: 25px; /* Adds a nice gap before the standalone statement */
    list-style: none;
    padding-left: 20px;
}



.policy-section .highlight-info {
    margin-top: 20px;
    font-size: 1rem;   /* 0.85rem slightly smaller to distinguish it from the main list */
    line-height: 1.6;
    background-color: #fcfcfc;   /* faint background to make the box feel "contained" */
}



.privacy-content {
    max-width: 900px;       /* Keeps the text readable and professional */
    margin: 40px auto;      /* Centers the box: 40px top/bottom, auto left/right */
    padding: 0 20px;        /* Prevents text touching edges on mobile */
    display: block;         /* Ensures it behaves as a container */
}



.policy-section {
    margin-bottom: 50px;    /* Adds consistent breathing room between topics */
    text-align: left;       /* Keeps the legal text aligned left for readability */
}



.policy-section h3 {
    margin-bottom: 20px; /* Adjust this value (e.g., 25px, 30px) to get the desired gap */
    color: #454c52;      /* Optional: matches your h2 color for consistency */
}



/* Optional: Center the "Last Reviewed" box specifically within the article */
.policy-meta {
    display: table;
    margin: 0 auto 40px auto;
}



/* standard H2 category styling */
h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2rem;      /* larger than H3 (1.3rem) but smaller than H1 */
    font-weight: 700;       /* bold and authoritative */
    color: #454c52;         /* matches your table header charcoal */
    margin-top: 40px;       /* creates clear separation from the section above */
    margin-bottom: 20px;    /* space before the following paragraph */
    border-bottom: 2px solid #eeeeee;   /* light divider line */
    padding-bottom: 10px;
    text-transform: capitalize; 
    max-width: 1200px;      /* matches your table/content width */
    margin-left: auto;      /* centers the "track" */
    margin-right: auto;
}



/* optional: add a small red accent to the left of all H2s */
h2::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 1.2em;
    background-color: #f40000;   /* signature red */
    margin-right: 15px;
    vertical-align: middle;
    border-radius: 2px;
}