/* Support Pages Professional Styling */
/* Removes colored callout boxes and adds professional spacing */

/* Remove all colored callout box backgrounds and borders */
.bg-amber-50,
.bg-blue-50,
.bg-violet-50,
.bg-red-50,
.bg-emerald-50,
.bg-secondary-50,
.bg-amber-100,
.bg-blue-100,
.bg-violet-100,
.bg-red-100,
.bg-emerald-100 {
    background: transparent !important;
    border: none !important;
    border-left: none !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 1.5rem !important;
}

/* Convert callout boxes to regular paragraphs with spacing */
.bg-amber-50 p,
.bg-blue-50 p,
.bg-violet-50 p,
.bg-red-50 p,
.bg-emerald-50 p,
.bg-secondary-50 p {
    color: inherit !important;
    font-weight: normal !important;
    margin-bottom: 1rem !important;
}

/* Remove colored text from callout boxes */
.text-amber-900,
.text-amber-800,
.text-blue-900,
.text-blue-800,
.text-violet-900,
.text-violet-800,
.text-red-900,
.text-red-800,
.text-emerald-900,
.text-emerald-800 {
    color: inherit !important;
}

/* Professional spacing for legal pages */
.prose {
    line-height: 1.8 !important;
    max-width: 100% !important;
}

.prose h2 {
    margin-top: 3rem !important;
    margin-bottom: 1.5rem !important;
    font-size: 1.875rem !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    padding-bottom: 0.75rem !important;
    border-bottom: 2px solid #e2e8f0 !important;
    page-break-after: avoid !important;
}

.prose h2:first-child {
    margin-top: 0 !important;
}

.prose h3 {
    margin-top: 2.5rem !important;
    margin-bottom: 1.25rem !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    page-break-after: avoid !important;
}

.prose p {
    margin-bottom: 1.5rem !important;
    line-height: 1.8 !important;
    color: #334155 !important;
    text-align: justify !important;
}

.prose ul {
    margin-top: 1.25rem !important;
    margin-bottom: 1.75rem !important;
    padding-left: 2rem !important;
}

.prose ol {
    margin-top: 1.25rem !important;
    margin-bottom: 1.75rem !important;
    padding-left: 2rem !important;
}

.prose li {
    margin-bottom: 1rem !important;
    line-height: 1.8 !important;
    color: #334155 !important;
}

.prose li p {
    margin-bottom: 0.75rem !important;
    margin-top: 0.5rem !important;
}

.prose li p:first-child {
    margin-top: 0 !important;
}

/* Add spacing after sections */
.prose > * + h2 {
    margin-top: 3.5rem !important;
}

.prose > * + h3 {
    margin-top: 3rem !important;
}

/* Better spacing for lists */
.prose ul + p,
.prose ol + p {
    margin-top: 2rem !important;
}

.prose p + ul,
.prose p + ol {
    margin-top: 1rem !important;
}

/* Remove rounded corners and padding from callout containers */
.rounded-r-xl,
.rounded-xl {
    border-radius: 0 !important;
}

/* Make intro boxes look like regular paragraphs */
.bg-secondary-50 {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 2.5rem !important;
}

.bg-secondary-50 p {
    font-size: 1.125rem !important;
    line-height: 1.8 !important;
    color: #475569 !important;
    margin-bottom: 0 !important;
}

/* Professional spacing between major sections */
section.prose > div:first-child {
    margin-bottom: 3rem !important;
}

/* Ensure consistent paragraph spacing */
.prose p + p {
    margin-top: 1.25rem !important;
}

/* Better list item spacing */
.prose ul li + li,
.prose ol li + li {
    margin-top: 0.75rem !important;
}

/* Remove any remaining colored borders */
.border-l-4 {
    border-left: none !important;
}

.border-amber-500,
.border-blue-500,
.border-violet-500,
.border-red-500,
.border-emerald-500 {
    border-color: transparent !important;
}

/* Remove my-6, my-4 spacing classes from callout boxes */
.my-6,
.my-4 {
    margin-top: 0 !important;
    margin-bottom: 1.5rem !important;
}

/* Better spacing for nested content */
.prose strong {
    font-weight: 600 !important;
    color: #0f172a !important;
}

.prose em {
    font-style: italic !important;
    color: #475569 !important;
}

/* Improve readability with better contrast */
.prose a {
    color: #2563eb !important;
    text-decoration: underline !important;
}

.prose a:hover {
    color: #1d4ed8 !important;
}

/* Add subtle spacing between sections */
.prose > div {
    margin-bottom: 2rem !important;
}

/* Ensure proper spacing for callout content */
.bg-amber-50 > p:first-child,
.bg-blue-50 > p:first-child,
.bg-violet-50 > p:first-child,
.bg-red-50 > p:first-child,
.bg-emerald-50 > p:first-child {
    margin-top: 0 !important;
}

/* Remove font-semibold from callout titles */
.font-semibold {
    font-weight: 600 !important;
}

/* Better spacing for mb-2 in callouts */
.mb-2 {
    margin-bottom: 0.75rem !important;
}