/* Типографика и сетка строк */
.jj-reading p { line-height: 1.8; }
.jj-reading [lang="pa"] { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Gurmukhi", sans-serif; }
.jj-block { display: grid; grid-template-columns: 1fr; gap: 6px; margin-bottom: 14px; }
.jj-line { margin: 0; }
.jj-hidden { display: none !important; }
@media (min-width: 960px) {
.jj-block.jj-cols-2 { grid-template-columns: 1fr 1fr; }
.jj-block.jj-cols-3 { grid-template-columns: 1fr 1fr 1fr; }
}
@media print { .jj-hidden { display: none !important; } }


/* Панель слоёв — мобильная */
.jj-toolbar { padding: 10px 12px; }
.jj-togglebar { display: flex; gap: 6px; flex-wrap: wrap; }
.jj-chip {
display: inline-flex; align-items: center; gap: 6px;
padding: 4px 8px; border: 1px solid #e5e5e5; border-radius: 999px;
cursor: pointer; user-select: none;
}
.jj-chip input { margin: 0; }
.jj-presets { display: flex; gap: 6px; flex-wrap: wrap; }


/* Оглавление — компактно и со скроллом на мобилке */
.jj-toc { overflow-x: auto; -webkit-overflow-scrolling: touch; }
#pauri-toc { display: flex; gap: 6px; padding: 0; margin: 0; list-style: none; }
#pauri-toc li a {
display:inline-block; padding:6px 10px; border:1px solid #e5e5e5;
border-radius:999px; white-space:nowrap; text-decoration:none;
}
#pauri-toc li.uk-active a { background:#f0f6ff; border-color:#bcd7ff; }


/* Кнопка копирования у заголовков пори */
.jj-copy-btn { padding: 4px 6px; }
@media (max-width: 360px) { .jj-copy-btn { padding: 2px 4px; } }


.jj-translit {
font-weight: 600;
font-size: 17px;
}


.jj-gurmukhi {
font-weight: 300;
}