body {
            font-family: Verdana, sans-serif;
           background-color:  #f4f9e1; /* soft green for inner pages */
            color: #222;
            line-height: 1.7;
            padding: 2em;
            max-width: 900px;
            margin: auto;
        }

        h1 {
            font-family: 'Yanone Kaffeesatz', sans-serif;
            color: #1a2a47;
            margin-bottom: 0.2em;
        }

        .subtitle {
            font-style: italic;
            color: #555;
            margin-bottom: 1.5em;
        }

        p {
            margin-bottom: 1.2em;
        }
		em {
			background-color: #f0f5ef; /* soft green highlight */
			padding: 0 0.2em;
		}

        blockquote {
            font-style: italic;
            color: #446644;
            background-color: #e4ede2;
            padding: 0.8em 1em;
            margin: 1.5em 0;
            border-left: 4px solid #1a2a47;
        }

        .divider {
            margin: 2em 0;
            border-top: 1px solid #ccc;
        }

        .closing {
            font-style: italic;
            color: #444;
        }

        footer {
            text-align: center;
            font-size: 0.9em;
            color: #666;
            margin-top: 3em;
            border-top: 1px solid #ccc;
            padding-top: 1em;
        }
a {
    color: #1a2a47;
    text-decoration: underline; /* normal state keeps underline */
}

a:hover {
    color: #c00000;               /* keeps the hover color */
    text-decoration: none;    /* removes the underline on hover */
}
		footer a {
    color: #1a2a47;       /* matches your headers */
    text-decoration: underline;
    font-style: normal;    /* keeps it clean, not italic */
}

footer a:hover {
    color: #c00000;       /* slight darken on hover */
}

/* Responsive lion image */
#lion-image {
    max-width: 100%;   /* won’t exceed container width */
    height: auto;      /* keeps aspect ratio */
    display: block;    /* removes inline spacing */
    margin: 0 auto;    /* centers the image */
}