/* Tailwind CSS CDN is assumed to be loaded by WordPress theme or a plugin */
/* If not, add this to your theme's functions.php or a custom plugin:
function add_tailwind_cdn() {
    wp_enqueue_script( 'tailwind-cdn', 'https://cdn.tailwindcss.com', array(), null, false );
    wp_enqueue_style( 'google-fonts-inter', 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap', array(), null );
}
add_action( 'wp_enqueue_scripts', 'add_tailwind_cdn' );
*/

/*
body {
    font-family: 'Inter', sans-serif;
    background-color: #f3f4f6;
    display: flex;
    justify-content: center;
    align-items: flex-start
    min-height: 100vh;
    padding: 2rem 1rem;
    box-sizing: border-box;
    color: #333333;
}
*/
.container {
/*    max-width: 800px; */
    width: 100%;
/*   
	background-color: #ffffff;
    border-radius: 1rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 padding: 2rem; */
}
.content h1{
	margin: auto;
}
.MainTitleBox{
	padding: 10px;
	background: linear-gradient(white, #ececec);
	border: solid 1px #f0f0f0;
	border-radius: 5px;
}
.EmphasizeBox{
color:#2693FF;
line-height: 130%;
margin: 0 auto;
font-weight:bolder;
font-size:130%;
text-align: center;
text-shadow: -2px -2px white, 2px -2px white, -2px 2px white, 2px 2px white, 2px 2px 2px #666;
}
/* Style for main details/summary */
details {
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #e5e7eb; /* Light gray border for separation */
    padding-bottom: 0.5rem;
}
details:last-of-type {
    border-bottom: none; /* No border for the last one */
}
details > .summary{
    font-size: 1.5rem; /* Larger font size */
}
summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background-color: #3498db; /* Changed to a clear blue */
    color: #ffffff; /* Text color changed to white for contrast */
    border-radius: 0.75rem; /* Rounded corners for buttons */
    font-size: 1.3rem; /* Larger font size */
    font-weight: bold; 
    cursor: pointer;
    transition: background-color 0.3s ease;
    list-style: none; /* Remove default marker */
    -webkit-tap-highlight-color: transparent; /* Remove tap highlight on mobile */
}
summary:hover {
    background-color: #2980b9; /* Darker blue on hover */
}
/* Custom arrow for summary */
summary::-webkit-details-marker {
    display: none;
}
summary::after {
    content: '▶'; /* Right arrow */
    font-size: 1.3rem;
    margin-left: 1rem;
    transition: transform 0.3s ease;
}
details[open] > summary::after {
    transform: rotate(90deg);
}
.summary-content {
    padding: 1rem 1.5rem;
    background-color: #eaf4fa; /* Light blue background for content */
    border-radius: 0.75rem;
    margin-top: 0.5rem; /* Space between summary and content */
}
/* Increased font size for p elements within summary-content */
.summary-content p {
    font-size: 1.3rem; /* Slightly larger font size */
	font-weight: bold;
}

/* Style for nested details/summary (sub-options) */
.sub-details {
    margin-top: 0.5rem;
    margin-bottom: 0.4rem;
    border-bottom: none; /* No border for sub-details */
}
.sub-summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background-color: #2ecc71; /* Changed to a clear green */
    color: #ffffff; /* Text color changed to white for contrast */
    border-radius: 0.6rem; /* Slightly smaller rounded corners */
    font-size: 1.3rem;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    list-style: none;
    -webkit-tap-highlight-color: transparent;
}
.sub-summary:hover {
    background-color: #27ae60; /* Darker green on hover */
}
.sub-summary::after {
    content: '▶';
    font-size: 1.3rem;
    margin-left: 0.5rem;
    transition: transform 0.3s ease;
}
.sub-details[open] > .sub-summary::after {
    transform: rotate(90deg);
}
.sub-content {
    padding: 0.75rem 1rem;
    background-color: #e6f7ee; /* Light green background for sub-content */
    border-radius: 0.6rem;
    margin-top: 0.4rem;
}
/* Increased font size for p elements within sub-content */
.sub-content p {
    font-size: 1.25rem; /* Slightly larger font size */
}

h2, h3 {
    font-weight: bold;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    color: #333333; /* Changed to dark gray/almost black */
}
h2 { font-size: 1.75rem; } /* text-2xl */
h3 { font-size: 1.5rem; } /* text-xl */
ul {
    list-style-type: disc; /* Default bullet points */
    margin-left: 1.25rem; /* Indent list items */
    margin-bottom: 1rem;
}
li {
    margin-bottom: 0.5rem;
    color: #333333; /* Changed to dark gray/almost black */
}
p {
    margin-bottom: 1rem;
    line-height: 1.6;
    color: #333333; /* Changed to dark gray/almost black */
}