/*  General page styles */
body {
    /* Navy gradient background */
    background: linear-gradient(to bottom right, #0b1f3a, #1e3c72);

    /* Cursive font for the page */
    font-family: cursive;

    /* Remove default spacing */
    margin: 0;
    padding: 20px;

    /* Default text color */
    color: #ffffff;
}

/* Main content container */
.container {
    max-width: 900px;
    margin: auto;

    /* White card to make text easier to read */
    background-color: rgba(255, 255, 255, 0.95);

    padding: 30px;
    border-radius: 12px;

    /* Soft shadow around the box */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);

    /* Switch text back to dark inside the container */
    color: #222;
}

/* Header section */
header {
    text-align: center;
    margin-bottom: 30px;
}

/* Main page title */
h1 {
    color: #123c7a;
}

/* Section headings */
h2 {
    color: #1b4d9c;
    border-bottom: 2px solid #d6d6d6;
    padding-bottom: 5px;
}

/* Individual content sections */
.plan-section {
    margin-bottom: 25px;
}

/* Links */
a {
    color: #0b5ed7;
    text-decoration: none;
}

/* Underline links when hovering */
a:hover {
    text-decoration: underline;
}

/* Ordered and unordered lists */
ol,
ul {
    padding-left: 25px;
}