/* Additions follow the site's established page typography and spacing. */
.theology-toc { margin: 0 0 2.5rem; padding: 1.25rem 1.5rem; border-inline-start: 2px solid var(--accent-red); background: var(--bg-secondary); }
.theology-toc ol { margin: .7rem 0 0; padding-inline-start: 1.4rem; }
.theology-toc li { margin: .4rem 0; }
.theology-toc a { color: var(--text-primary); text-decoration: underline; text-underline-offset: .2em; }
.theology-source-note { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--border-light); }
.theology-source-note p, .theology-source-note li { font-size: .9rem; }
.theology-source-note a { color: var(--text-primary); text-decoration: underline; text-underline-offset: .2em; }
.religion-content h2[id], .religion-content h3[id] { scroll-margin-top: 6rem; }
/* Reading guides use the member area's type, rules and compact navigation. */
.member-guide-header { margin-bottom: 2rem; }
.member-guide .members-page-title { margin-bottom: .75rem; line-height: 1.5; }
.member-guide p, .member-guide li { color: var(--text-secondary); font-size: .92rem; line-height: 1.9; }
.member-guide p { max-width: 68ch; margin: .85rem 0; }
.member-guide > section { padding: 0; }
.member-guide > section + section { margin-top: 2rem; padding-top: 1.75rem; border-top: 1px solid var(--border-light); }
.member-guide h2 { margin-bottom: .9rem; font-family: var(--font-heading); color: var(--text-primary); font-size: 1.1rem; font-weight: 600; letter-spacing: 1px; line-height: 1.6; }
.member-guide ul { margin: 1rem 0; padding-inline-start: 1.25rem; }
.member-guide li { margin: .5rem 0; padding-inline-start: .2rem; }
.member-guide li::marker { color: var(--accent-red-light); }
.member-guide .religion-related { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1.25rem; border: 0; }
.member-guide .religion-related > a { display: inline-block; max-width: 100%; padding: .65rem 1rem; border: 1px solid var(--border-light); color: var(--text-primary); font-size: .78rem; line-height: 1.6; overflow-wrap: anywhere; }
.member-guide .religion-related > a:hover { padding-inline-start: 1rem; border-color: var(--accent-red); color: #fff; background: rgba(139,26,26,.05); }
.member-guide .religion-related > a:focus-visible { outline: 2px solid var(--accent-gold); outline-offset: 4px; }
html[dir=rtl] .member-guide h2 { letter-spacing: normal; }
.published-statistics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin: 2rem 0; }
.published-statistics > div { padding: 1.4rem; border: 1px solid var(--border-light); background: var(--bg-secondary); }
.published-statistics dt { color: var(--text-secondary); font-size: .9rem; }
.published-statistics dd { margin: .5rem 0 0; font-family: var(--font-heading); font-size: 1.5rem; line-height: 1.5; }
.statistics-editor { max-width: 640px; }
.statistics-editor .btn { margin-block: .5rem; }
.footer-bottom { flex-wrap: wrap; gap: .75rem; }
.footer-bottom p { flex: 1 1 240px; min-width: 0; max-width: 100%; margin-left: 0 !important; margin-right: 0 !important; overflow-wrap: anywhere; }
.error-page { display: grid; min-height: 100vh; align-items: center; }
.error-content { display: block; width: 100%; max-width: 880px; margin: 0 auto; padding: 2rem 1.25rem; text-align: center; }
.error-mascot { display: block; width: 100%; max-width: 720px; height: auto; margin: 0 auto 1.25rem; }
.error-content h1 { font-family: var(--font-heading); font-size: clamp(1.75rem, 5vw, 2.8rem); margin-bottom: .8rem; }
.error-content > p { max-width: 620px; margin-left: auto; margin-right: auto; line-height: 1.8; color: var(--text-secondary); }
.error-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; margin: 1.5rem 0 .5rem; }
.error-contact { margin: 1rem 0; }
.error-contact a { color: var(--text-primary); }
.error-languages { margin-top: 1rem; }
.error-languages a { display: inline-block; margin: .25rem .5rem; padding: .25rem; color: var(--text-primary); text-decoration: underline; text-underline-offset: .2em; }
.error-page a:focus-visible, .theology-toc a:focus-visible { outline: 2px solid var(--accent-gold); outline-offset: 5px; }
@media (max-width: 560px) { .published-statistics { grid-template-columns: 1fr; } .error-content { padding-top: 1rem; } .error-actions { width: 100%; } .error-actions .btn { width: 100%; } }
@media (max-width: 768px) { .footer-bottom { display: block; } .footer-bottom p { margin: .5rem 0; } }
