/* Phase 1-5 baseline: consistent text, safe mobile navigation, readable sidebars. */
:root { --oz-type-body: 16px; --oz-type-small: 14px; --oz-line: 1.55; }
body.app-body { font-size: var(--oz-type-body); line-height: var(--oz-line); color: #f0eef8; }
body.app-body input, body.app-body textarea, body.app-body select, body.app-body button { font: inherit; }
body.app-body .muted-meta, body.app-body .sidebar-footer, body.app-body .nav-heading { font-size: var(--oz-type-small); }
body.app-body .left-sidebar .side-link, body.app-body .right-sidebar a { font-size: 15px; line-height: 1.4; }
body.app-body .left-sidebar, body.app-body .right-sidebar { color: #e8e6f4; }
body.app-body .left-sidebar .side-link { min-height: 46px; }
body.app-body .post-body { font-size: 17px; line-height: 1.65; overflow-wrap: anywhere; }
body.app-body .post-author { min-width: 0; }
body.app-body .post-name-line { align-items: flex-start; }
body.app-body .comment-compose { min-width: 0; }
body.app-body .comment-compose input { min-width: 0; }
body.app-body .mobile-nav { background: #0a0c17 !important; box-shadow: none !important; isolation: isolate; z-index: 2000 !important; }
body.app-body .mobile-nav a, body.app-body .mobile-nav button { min-width: 0; }
@media (max-width: 767px) {
 html, body { max-width: 100%; overflow-x: clip; }
 body.app-body .main-content { min-width: 0; width: 100%; padding-bottom: calc(110px + env(safe-area-inset-bottom, 0px)); }
 body.app-body .app-shell { min-width: 0; width: 100%; }
 body.app-body .post-card { min-width: 0; max-width: 100%; }
 body.app-body .post-body { font-size: 16px; }
 body.app-body .mobile-nav { position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; padding-bottom: env(safe-area-inset-bottom, 0px) !important; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }