.text-page { max-width: 760px; margin: 0 auto; display: flex; flex-direction: column; gap: 28px; }

.text-prose { display: flex; flex-direction: column; gap: 18px; }
.text-prose p { font-size: 15px; line-height: 1.75; color: var(--text-muted); }
.text-prose strong { color: var(--text); font-weight: 600; }
.text-prose em { color: var(--text); font-style: italic; }
.text-prose a { color: var(--accent); font-weight: 500; text-decoration: none; border-bottom: 1px solid transparent; transition: border-color 0.15s, color 0.15s; }
.text-prose a:hover { color: var(--accent-hover); border-bottom-color: var(--accent-border); }

.text-prose h2 { font-size: 19px; font-weight: 700; color: var(--text-heading); letter-spacing: -0.3px; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--border); }
.text-prose h3 { font-size: 16px; font-weight: 600; color: var(--text-heading); margin-top: 4px; }
.text-prose h4 { font-size: 14px; font-weight: 600; color: var(--text); text-transform: uppercase; letter-spacing: 0.5px; }

.text-prose ul, .text-prose ol { display: flex; flex-direction: column; gap: 9px; }
.text-prose ul { list-style: none; }
.text-prose ul li { position: relative; padding-left: 22px; font-size: 15px; line-height: 1.75; color: var(--text-muted); }
.text-prose ul li::before { content: ""; position: absolute; left: 4px; top: 11px; width: 5px; height: 5px; border-radius: 50%; background: var(--accent); }
.text-prose ol { list-style: none; counter-reset: item; }
.text-prose ol li { position: relative; padding-left: 38px; font-size: 15px; line-height: 1.75; color: var(--text-muted); counter-increment: item; }
.text-prose ol li::before { content: counter(item); position: absolute; left: 0; top: 2px; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: var(--accent); background: var(--accent-bg); border: 1px solid var(--accent-border); border-radius: 6px; }

.text-prose blockquote { border-left: 3px solid var(--accent); background: var(--accent-bg-soft); border-radius: 0 10px 10px 0; padding: 14px 20px; font-size: 15px; line-height: 1.6; color: var(--text); font-style: italic; }

@media (max-width: 768px) {
  .text-page { gap: 22px; }
  .text-prose p, .text-prose ul li, .text-prose ol li { font-size: 14px; }
}