@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Mr+Dafoe&family=Inter:wght@400;700;900&display=swap");

html { box-sizing: border-box; }
*, *:before, *:after { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-family: "Lato", sans-serif;
    display: grid;
    place-items: center;
    color: #3d3d3d;
    background-color: #ffffff;
    background-image: url("https://www.transparenttextures.com/patterns/first-aid-kit.png"); 
    --silver: #c1c1c1; 
    --primary-teal: #00a896; 
}

/* --- Layout Containers --- */
.master-container { max-width: 1400px; width: 100%; }
.main-header { width: 100%; display: grid; }
.search-bar { display: flex; justify-content: center; align-items: center; padding: 1em; }

.topnav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5em; 
}

.ms-logo img { height: 190px; width: auto; }

.logo { padding: 1em; display: grid; place-items: center; color: var(--primary-teal); text-align: center; }
.logo h1 { font-family: "Mr Dafoe", sans-serif; font-size: 5em; color: black; }

.navbar { display: flex; align-items: center; margin: 0 auto; border-top: 1px solid var(--silver); height: 60px; width: 800px; }
.navbar ul { display: flex; margin: 0 auto; }
.navbar li { margin: 0 10px; }
.navbar a { font-size: 0.9rem; text-transform: uppercase; color: #848484; font-weight: bold; text-decoration: none; }
.navbar a:hover, .navbar a.active { color: var(--primary-teal); }

/* --- Page Content Container --- */
.page-content-container {
    display: flex;
    justify-content: center;
    margin-top: 1em;
    padding: 1em 0;
    width: 100%;
}

main { width: 100%; max-width: 1000px; padding: 0 1em; }

/* --- Policy Content Specific Styles --- */
.policy-content {
    background: transparent; /* UPDATED: Background is now transparent */
    padding: 40px;
    /* border: 1px solid var(--silver); Removed border for cleaner transparent look */
    margin-bottom: 40px;
    text-align: left;
}
.policy-content h2 { font-size: 2rem; font-weight: 900; margin-bottom: 20px; color: #111; font-family: 'Inter', sans-serif; text-align: center; }
.policy-content .last-updated { text-align: center; color: #666; margin-bottom: 30px; font-style: italic; }
.policy-content h3 { font-size: 1.5rem; font-weight: 700; margin-top: 25px; margin-bottom: 10px; color: #333; }
.policy-content p { margin-bottom: 15px; line-height: 1.6; color: #555; }
.policy-content ul { list-style: disc; padding-left: 20px; margin-bottom: 15px; color: #555; }
.policy-content li { margin-bottom: 5px; }

/* --- Footer --- */
.footer-transparent { text-align: center; padding: 2em; color: #848484; font-weight: bold; }
.footer-transparent a { text-decoration: none; color: inherit; font-weight: bold; transition: color 0.3s ease; }
.footer-transparent a:hover, .footer-transparent a.active { color: var(--primary-teal) !important; }

@media (max-width: 1100px) {
    .search-bar { flex-direction: column; gap: 10px; }
    .navbar ul { flex-wrap: wrap; justify-content: center; }
    .topnav { margin-right: 0; }
}