/* --- GLOBAL LAYOUT & TYPOGRAPHY --- */
        body {
            font-family: "Verdana", sans-serif;
            line-height: 1.6;
            color: #333;
            background-color: #fcfcfc;
            margin: 0;
            padding: 0;
            font-size: 1.2rem;
        }

        .container {
            max-width: 900px;
            margin: 0 auto;
            background-color: #ffffff;
            padding: 40px;
            border-left: 1px solid #eee;
            border-right: 1px solid #eee;
        }

        /* --- HEADINGS --- */
        h1 {
            font-family: "Georgia", serif;
            color: #800000;
            font-size: 2.2rem;
            border-bottom: 2px solid #ddd;
            padding-bottom: 10px;
            margin-bottom: 20px;
            line-height: 1.2
        }

        h2 {
            font-family: "Georgia", serif;
            font-size: 1.5rem;
            color: #444;
            margin-top: 30px;
            margin-bottom: 15px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        h3 {
            font-family: "Georgia", serif;
            font-size: 1.2rem;
            color: #666;
            margin-top: 20px;
            font-style: italic;
        }

        .header-sub {
            display: block; /* Forces it to a new line without a <br> */
            font-size: 1.1rem; /* Smaller than the main text */
            color: #666; /* Grey color to de-emphasize it against the Maroon */
            font-family: "Verdana", sans-serif; /* Contrast font (Sans-serif) */
            text-transform: uppercase; /* Makes it look like an inscription */
            letter-spacing: 2px; /* Widens the letters for elegance */
            margin-top: 5px;
            border-top: 1px solid #eee; /* Optional: Adds a subtle line between them */
            padding-top: 5px;
            width: fit-content; /* Keeps the border as wide as the text */
        }

        /* --- TEXT ELEMENTS --- */
        p {
            margin-bottom: 18px;
            text-align: justify;
        }

        .intro {
            font-weight: bold;
            color: #555;
        }

        ul {
            list-style-type: square;
            margin-left: 20px;
            color: #444;
        }

        li {
            margin-bottom: 8px;
        }

        a {
            color: #800000;
            text-decoration: none;
        }
        a:hover {
            text-decoration: underline;
        }

        /* --- SPECIAL COMPONENTS --- */
        
        /* Style 1: Simple Sidebar Note (Used in Dickinson) */
        .note-box {
            background-color: #f9f9f9;
            border-left: 4px solid #800000;
            padding: 15px;
            margin: 20px 0;
            font-size: 0.95rem;
            font-style: italic;
        }

        /* Style 2: Detailed Spotlight Box (Used in Gomersall) */
        .spotlight-box {
            background-color: #fdf8e4; /* Parchment look */
            border: 1px solid #dcdcdc;
            padding: 20px;
            margin: 30px 0;
            border-radius: 4px;
        }
        
        .spotlight-header {
            font-family: "Georgia", serif;
            font-weight: bold;
            color: #800000;
            font-size: 1.2rem;
            margin-bottom: 10px;
            border-bottom: 1px solid #cfcfcf;
            padding-bottom: 5px;
        }

        /* --- IMAGES & HEADER --- */
        .logo-header {
            background: white;
            text-align: center;
            margin-bottom: 20px;
        }
        
        .img-responsive {
            max-width: 100%;
            height: auto;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

        #navLinks {
            background-color: #D6FACA;
            padding: 3px 3px;
        }

        /* --- FOOTER --- */
        .footer {
            margin-top: 50px;
            padding: 20px 10px;
            border-top: 1px solid #ccc;
            font-size: 0.85rem;
            color: #777;
            text-align: center;
        }

        /* --- MOBILE RESPONSIVENESS --- */
        @media (max-width: 600px) {
            .container {
                padding: 20px;
                border: none;
            }
            h1 { font-size: 1.8rem; }
        }