body {
    font-family: 'Inter', sans-serif;
    background-color: #f8f5f2; /* Основной фон страницы */
    color: #1f2937;
}
.text-accent { color: #34D399; }
.bg-accent { background-color: #34D399; }
.prose { max-width: 90ch; }
.prose h1 { font-size: 2.5rem; font-weight: 900; line-height: 1.2; margin-bottom: 1rem; }
.prose h2 { font-size: 2rem; font-weight: 800; margin-top: 4rem; margin-bottom: 0.4rem; padding-bottom: 0.75rem; border-bottom: 3px solid #34D399; line-height: 1.3; }
.prose h3 { font-size: 1.25rem; font-weight: 600; margin-top: 2.5rem; margin-bottom: 0.5rem; }
.prose .list-header {
    margin-top: 1.8rem;
    margin-bottom: -0.5rem;
    font-weight: 600; /* Делаем текст жирнее, как у заголовка */
}
.prose p { font-size: 1.125rem; line-height: 1.4; color: #374151; margin-top: 0.4em; margin-bottom: 1.25em; }
.prose p small { line-height: 1; }
.prose ul { list-style: none; padding-left: 1em; margin-top: 0.75em; margin-bottom: 1.5em; }
.prose li { font-size: 1.125rem; line-height: 1.4; color: #374151; margin-top: 0.4em; margin-bottom: 0.4em; padding-left: 1.5em; position: relative; }
.prose li::before { content: '•'; color: #1f2937; font-weight: 900; position: absolute; left: 0; top: 0.1em; font-size: 1.5em; line-height: 1; }
.image-container { margin: 3rem 0; text-align: center; }
.image-container img {
    max-width: 100%;
    height: auto;
    border-radius: 0.75rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.image-caption { margin-top: 1.5rem; font-size: 0.875rem; color: #6b7280; }
.contact-card { background-color: white; border-radius: 1rem; padding: 2rem; margin-top: 3rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }
/* Убираем стандартный маркер для <details> */
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }
.prose table { width: 100%; border-collapse: collapse; margin-top: 2em; margin-bottom: 2em; }
.prose th, .prose td { border: 1px solid #e5e7eb; padding: 0.75rem 1rem; text-align: left; }
.prose th { background-color: #f3f4f6; font-weight: 600; }
.prose tbody tr:nth-child(odd) { background-color: #ffffff; }
.prose tbody tr:nth-child(even) { background-color: #f9fafb; }

.prose a {
    color: #4f46e5; /* indigo-600 */
    text-decoration: underline;
}
.prose a:hover {
    color: #4338ca; /* indigo-700 */
}
.prose strong {
    font-weight: 700;
}