/* Color Variables */
:root {
    --primary: #30f4e0; /* Main brand color (gold) */
    --primary-dark: #c89b1a; /* Darker shade for depth */
    --primary-light: #f5d566; /* Lighter shade for highlights */
    --accent: #ffca3a; /* Brighter accent for CTAs */
    --black: #1a1a1a; /* Dark background/text */
    --light: #f8f8f8; /* Light text/background */
    --gray: #a0a0a0; /* Improved contrast for better readability */
    --gray-dark: #666; /* Darker gray for secondary text */
    --background-dark: rgba(18, 18, 18, 0.92); /* Slightly more opaque background */
    --border-highlight: rgba(232, 185, 35, 0.3); /* Subtle border color */
}

/* Policy Section */
.policy-section {
    padding: 140px 0 100px; /* Increased padding for better spacing */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0.95), rgba(26, 26, 26, 0.9)); /* Subtle gradient for depth */
    min-height: 100vh; /* Ensure full viewport height */
    transition: background-color 0.3s ease; /* Smooth background transitions */
}

/* Container */
.policy-container {
    max-width: 960px; /* Slightly wider for modern screens */
    margin: 0 auto;
    padding: 0 24px; /* Slightly increased padding */
}

/* Header */
.policy-header {
    text-align: center;
    margin-bottom: 60px; /* More spacing for visual hierarchy */
    padding: 0 16px; /* Padding for smaller screens */
}

.policy-title {
    font-size: 2.75rem; /* Slightly larger for emphasis */
    font-weight: 700; /* Bolder for prominence */
    color: var(--primary-light);
    margin-bottom: 24px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
    transition: color 0.3s ease; /* Smooth color transition on theme change */
}

.policy-title:hover {
    color: var(--accent); /* Brighten on hover for interactivity */
}

.policy-subtitle {
    font-size: 1.25rem; /* Slightly larger for readability */
    font-weight: 400;
    color: var(--gray);
    opacity: 0.9;
}

/* Content */
.policy-content {
    background: rgba(40, 40, 40, 0.7); /* Slightly more opaque for contrast */
    border-radius: 12px; /* Smoother corners */
    padding: 48px; /* Increased padding for comfort */
    border: 1px solid var(--border-highlight);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.policy-content:hover {
    transform: translateY(-4px); /* Subtle lift effect on hover */
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

/* Section */
.section {
    margin-bottom: 48px; /* More spacing between sections */
}

.section h2 {
    color: var(--primary);
    font-size: 1.75rem; /* Larger for hierarchy */
    font-weight: 600;
    margin-bottom: 24px;
    border-bottom: 2px solid var(--border-highlight); /* Thicker border */
    padding-bottom: 12px;
    transition: color 0.3s ease;
}

.section h2:focus {
    outline: 2px solid var(--accent); /* Accessible focus state */
    outline-offset: 2px;
}

.section h3 {
    color: var(--light);
    font-size: 1.35rem; /* Slightly larger for clarity */
    font-weight: 500;
    margin: 28px 0 16px;
}

.section p, .section ul {
    margin-bottom: 20px;
    color: var(--gray);
    line-height: 1.8; /* Improved readability */
    font-size: 1.05rem; /* Slightly larger text */
}

.section ul {
    padding-left: 24px; /* More indent for clarity */
    list-style-type: disc; /* Consistent bullet style */
}

.section li {
    margin-bottom: 12px;
    position: relative;
    padding-left: 12px;
}

.section li::before {
    content: "•";
    color: var(--primary);
    position: absolute;
    left: 0;
    font-size: 1.2rem;
}

/* Highlight Box */
.highlight {
    background: rgba(232, 185, 35, 0.15); /* Slightly stronger highlight */
    padding: 24px;
    border-left: 4px solid var(--primary-light); /* Bolder border */
    margin: 24px 0;
    border-radius: 6px; /* Rounded corners */
    transition: background-color 0.3s ease;
}

.highlight p {
    font-weight: 500; /* Bolder for emphasis */
    color: var(--light);
}

.highlight:hover {
    background: rgba(232, 185, 35, 0.2); /* Subtle hover effect */
}

/* Responsive Design */
@media (max-width: 992px) {
    .policy-section {
        padding: 120px 0 80px; /* Adjusted padding for tablets */
    }

    .policy-container {
        max-width: 800px;
    }

    .policy-title {
        font-size: 2.25rem;
    }

    .policy-content {
        padding: 36px;
    }
}

@media (max-width: 768px) {
    .policy-section {
        padding: 100px 0 60px; /* Reduced padding for smaller screens */
    }

    .policy-container {
        padding: 0 16px;
    }

    .policy-title {
        font-size: 2rem;
    }

    .policy-subtitle {
        font-size: 1.1rem;
    }

    .policy-content {
        padding: 28px 20px;
        border-radius: 8px;
    }

    .section h2 {
        font-size: 1.5rem;
    }

    .section h3 {
        font-size: 1.2rem;
    }

    .section p, .section ul {
        font-size: 1rem;
    }
}

@media (max-width: 576px) {
    .policy-section {
        padding: 80px 0 40px; /* Further reduced for mobile */
    }

    .policy-title {
        font-size: 1.75rem;
    }

    .policy-subtitle {
        font-size: 1rem;
    }

    .policy-content {
        padding: 20px 16px;
    }

    .section {
        margin-bottom: 32px;
    }

    .section h2 {
        font-size: 1.35rem;
    }

    .section h3 {
        font-size: 1.1rem;
    }

    .highlight {
        padding: 16px;
    }
}

/* Accessibility Enhancements */
:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

/* Print Styles */
@media print {
    .policy-section {
        background: none;
        padding: 20px 0;
    }

    .policy-content {
        background: none;
        border: none;
        box-shadow: none;
        padding: 20px;
    }

    .policy-title, .section h2, .section h3 {
        color: #000;
    }

    .policy-subtitle, .section p, .section ul {
        color: #333;
    }

    .highlight {
        border-left: 2px solid #000;
        background: #f0f0f0;
    }
}