.content-wrap { max-width: 900px; margin: 0 auto; padding: 0 1rem 4rem; width: 100%; }
.content-card { background: #fff; border-radius: 1rem; padding: 1.5rem 1.75rem; box-shadow: 0 1px 3px rgba(0,0,0,0.08); margin-bottom: 1.5rem; }
.content-card h2 { font-size: 1.5rem; font-weight: 700; margin: 0 0 1rem; color: #1f2937; }
.content-card h3 { font-size: 1.1rem; font-weight: 600; margin: 1.4rem 0 0.5rem; color: #1f2937; }
.content-card p { color: #4b5563; line-height: 1.7; margin: 0.5rem 0; }
.content-card ul { color: #4b5563; padding-left: 1.25rem; margin: 0.5rem 0; }
.content-card li { margin: 0.25rem 0; }
.content-grid { display: grid; gap: 1rem; grid-template-columns: 1fr; margin-bottom: 1.5rem; }
.content-grid.cols-2 { grid-template-columns: 1fr; }
@media (min-width: 768px) { .content-grid.cols-2 { grid-template-columns: 1fr 1fr; } }
.content-tile { background: #f0f9ff; border-radius: 0.75rem; padding: 1.25rem; }
.content-tile h3 { margin-top: 0; }

.faq-item { border-bottom: 1px solid #e5e7eb; padding: 0.85rem 0; }
.faq-item summary { cursor: pointer; font-weight: 600; color: #1f2937; list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: '+'; float: right; font-weight: 400; }
.faq-item[open] summary::after { content: '\2212'; }
.faq-item p { margin-top: 0.6rem; }

.contact-form label { display: block; font-weight: 600; margin-bottom: 0.25rem; color: #374151; font-size: 0.9rem; }
.contact-form input, .contact-form textarea {
    width: 100%; padding: 0.6rem 0.9rem; border-radius: 0.5rem; border: 1px solid #d1d5db;
    margin-bottom: 1rem; font-size: 0.95rem; font-family: inherit; background: #fff; color: #111827;
}
.contact-form button {
    background: #0284c7; color: #fff; font-weight: 600; padding: 0.65rem 1.6rem;
    border-radius: 0.5rem; border: none; cursor: pointer; font-size: 0.95rem;
}
.contact-form button:hover { opacity: 0.9; }
.form-success { background: #dcfce7; color: #166534; padding: 0.75rem 1rem; border-radius: 0.5rem; margin-bottom: 1rem; font-size: 0.9rem; }
.form-error { background: #fee2e2; color: #991b1b; padding: 0.75rem 1rem; border-radius: 0.5rem; margin-bottom: 1rem; font-size: 0.9rem; }

html.dark .content-card { background: #1e1e1e; box-shadow: none; border: 1px solid #333; }
html.dark .content-card h2, html.dark .content-card h3 { color: #e5e5e5; }
html.dark .content-card p, html.dark .content-card ul { color: #a3a3a3; }
html.dark .content-tile { background: #1c2b3a; }
html.dark .faq-item { border-color: #333; }
html.dark .faq-item summary { color: #e5e5e5; }
html.dark .faq-item p { color: #a3a3a3; }
html.dark .contact-form label { color: #d4d4d4; }
html.dark .contact-form input, html.dark .contact-form textarea { background: #171717; border-color: #404040; color: #e5e5e5; }
html.dark .form-success { background: #14532d; color: #bbf7d0; }
html.dark .form-error { background: #7f1d1d; color: #fecaca; }