/* Import Playfair Display font */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');

/* Title style */
.title {
    font-family: 'Playfair Display', serif;
    font-size: 4em;
    font-weight: 700;
    text-align: center;
    margin: 1em 0;
}

/* Header section */
.header-section {
    font-family: 'Playfair Display', serif;
    text-align: left;
    letter-spacing: 0.05em;
    /* margin: 1em 0 0.5em 0; */
    color: #234d2c; /* Optional: deep green for emphasis */
}

/* Tight Heading */
.tight-heading {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

/* Section styling */
section {
    padding: 2em 1em;
    margin-bottom: 8em;
    background: #f8faf7;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}

/* Shaded box style */
.shaded-box {
    background-color: rgba(0, 0, 0, 0.1); /* Light gray background */
    padding: 20px;                         /* Space inside the box */
    border-radius: 8px;                    /* Rounded corners */
    max-width: 600px;                      /* Max width for the box */
    margin: 20px auto;                     /* Center the box */
}

.shaded-box-border {
    background-color: #d0ecd7; /* Light gray background */
    padding: 20px;                         /* Space inside the box */
    border-radius: 8px;                    /* Rounded corners */
    max-width: 600px;                      /* Max width for the box */
    margin: 20px auto;                     /* Center the box */
}

.shaded-green-1 { background-color: #e6f4ea; }
.shaded-green-2 { background-color: #d0ecd7; }
.shaded-green-3 { background-color: #b8e2c8; }

/* Round-specific boxes */
.round1 { 
    background-color: #f9e97a; 
    padding: 1em; 
    border-radius: 6px; 
    margin-bottom: 1em; 
}
.round2 { 
    background-color: #cceeff; 
    padding: 1em; 
    border-radius: 6px; 
    margin-bottom: 1em; 
}
.round3 { 
    background-color: #d7f7d0; 
    padding: 1em; 
    border-radius: 6px; 
    margin-bottom: 1em; 
}

/* Headings */
h1 { 
    font-family: 'Playfair Display', serif; 
    font-size: 4em; 
    font-weight: 700; 
    margin: 1em 0; 
}
h2 { 
    font-family: 'Playfair Display', serif; 
    font-size: 2em; 
    font-weight: 600; 
    margin: 0.8em 0; 
}
h3 { 
    font-family: 'Playfair Display', serif; 
    font-size: 1.7em; 
    font-weight: 500; 
    margin: 3em 0 0.6em; 
}
h4 { 
    font-family: 'Century Gothic', sans-serif; 
    font-size: 1.2em; 
    font-weight: bold; 
    margin: 0.6em 0; 
}

/* Paragraphs */
p { 
    font-family: 'Century Gothic', sans-serif; 
    font-size: 1em; 
    line-height: 1.6; 
    margin: 0.5em 0; 
}

/* Blockquotes */
blockquote {
    font-family: Georgia, serif;
    font-size: 1.5em;
    font-style: italic;
    margin-top: 1em;
    margin-bottom: 1em;
    border: 1px solid #ddd;      /* Faint border */
    border-radius: 6px;          /* Slightly rounded corners */
    padding: 0.8em 1em;          /* Space inside the box */
    background: #e2e2e1;         /* Optional: subtle background */
}

/* Lists */
ul, ol { 
    margin: 0.5em 0 0.5em 2em; 
}
li { 
    margin: 0.3em 0; 
}

/* Quote source */
.quote-source {
    display: block;
    text-align: right;
    font-size: .8em;
    margin-top: 0.5em;
}

.page-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 1em;
}

.image-background {
    background-image: url('images/basket.jpg');
    background-size: cover;
    background-position: center;
    padding: 2em;
    border-radius: 8px;
    margin: 2em 0;
    /* Add a semi-transparent overlay */
    background-color: rgba(255,255,255,0.85); /* White with 70% opacity */
    background-blend-mode: lighten; /* or 'overlay', 'multiply', etc. */
}