/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
.reader { max-width: 900px; margin: 3rem auto; padding: 0 1.25rem; line-height: 1.75; font-family: system-ui, sans-serif; }
.reader h1 { line-height: 1.25; }
.reader li { margin: .4rem 0; }
.reader a { color: #235b88; }
.reader .arabic { font-size: 1.4rem; line-height: 2.2; margin: 2rem 0; }
.reader .comment { border-top: 1px solid #ddd; margin-top: 1.5rem; padding-top: 1rem; }
.reader:has(.parallel-reader) { max-width: 1500px; }
.parallel-reader { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(1rem, 3vw, 3rem); align-items: start; margin: 2rem 0; }
.parallel-reader__column { min-width: 0; overflow-wrap: anywhere; }
.parallel-reader__column--ar { direction: rtl; text-align: right; font-family: "Noto Naskh Arabic", "Amiri", "Traditional Arabic", serif; font-size: 1.35rem; line-height: 2.1; }
.parallel-reader__column--ru { font-size: 1.05rem; line-height: 1.85; }
.parallel-reader__title { margin: 0; font-size: clamp(1.25rem, 2vw, 1.8rem); line-height: 1.45; }
.parallel-reader__column--ar .parallel-reader__title { font-size: clamp(1.45rem, 2.3vw, 2rem); line-height: 1.8; }
.parallel-reader__column .text-content { overflow-wrap: anywhere; }
.parallel-reader__column .text-content p { margin: 0 0 0.4em; }
@media (max-width: 760px) { .parallel-reader { grid-template-columns: minmax(0, 1fr); gap: 2rem; } .parallel-reader__column--ar { border-top: 1px solid #ddd; padding-top: 1.5rem; } }
.reader-pagination { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin: 2rem 0; flex-wrap: wrap; }
.reader nav[aria-label="Навигация"] { margin: 1rem 0 1.5rem; font-size: .9rem; line-height: 1.8; }
.reader input[type="search"] { padding: .65rem; max-width: 32rem; width: 70%; }
.reader input[type="submit"] { padding: .65rem 1rem; }