.road-notes-page .page-header {
    text-align: center;
    padding: 10px 30px; /* Increased padding for better paper framing */
    
    /* --- CUSTOM SCRAP PAPER BACKGROUND --- */
    /* Use the CSS variable injected from PHP, which points to /assets/torn-paper.svg */
    background-image: var(--header-bg-url);
    background-size: 100% auto; /* Ensures the SVG covers the entire header area */
    background-repeat: no-repeat; /* Optional: adjust if you want it to tile */
    background-position: center center;
    background-color: #fcfcf7; /* Fallback/base color */
    
    /* Optional: Add a subtle paper border and rotation */
    border: 1px solid #d8d8c9;
    border-radius: 4px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1), 0 0 5px rgba(255, 255, 255, 0.5) inset;


}

/* Responsive tweaks */
@media (min-width: 768px) {
    .road-notes-page .page-header {
        padding: 40px 30px;
    }

}

.road-notes-page .road-notes-header h1.page-title {
    font-family: 'Rock Salt', cursive;
}


.page-road-notes-main-container {
    /* background-color: #c6ebe5 !important; Green background color */
    background-color: #F8F4F2 !important; /*Green background color */
    background-image: var(--page-bg-url);
    padding: 0 !important;
	height: 100%; 
	display: flex;
    background-repeat: repeat;
    background-size:50% auto;

}

/* 2. Main container holding the white box */
.page-road-notes-main-container .main-container {
    max-width: 1160px; /* Max width for the white box */
    margin: 0 auto; /* Center the white box horizontally */
    background-color: #fff; /* White box background */
    padding: 20px 40px; /* Padding on left and right */
    box-sizing: border-box;
}