/* דפי פרקים סטטיים (perek/) — נשענים על app.css */
.doc-wrap { width: 100%; max-width: 860px; margin: 0 auto; padding: 4px 18px 30px; }
.crumbs { font-size: 13px; color: var(--faint); margin: 6px 0 10px; }
.crumbs a { color: var(--muted); text-decoration: none; padding: 6px 2px; }
.crumbs a:hover { color: var(--accent); text-decoration: underline; }
.doc-wrap h1 { font: 600 clamp(32px, 8vw, 46px)/1.15 var(--display); margin: 4px 0 2px; color: var(--fg); text-align: center; }
.doc-wrap .sub { text-align: center; color: var(--muted); margin: 0 0 18px; font-size: 14px; }
.doc-wrap h2 { font: 600 20px/1.3 var(--display); margin: 28px 0 10px; color: var(--accent); }
.doc-wrap h2 small { font: 400 13px var(--ui); color: var(--faint); }
.seo-text { background: var(--parch); color: var(--text); border: 1px solid var(--line); border-radius: 22px; padding: 22px 20px 26px; box-shadow: var(--shadow); max-width: none; }
.seo-text .oct { font: 30px/1 'BeitYosef'; color: var(--p-head); text-align: center; margin: .8em 0 .3em; }
.pn { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 18px 0; }
.pn a { color: var(--accent); text-decoration: none; padding: 12px 6px; font-weight: 500; }
.pn a:hover { text-decoration: underline; }
.cta { text-align: center; margin: 22px 0 8px; padding: 22px 18px; border-radius: 22px; background: var(--surface); border: 1px solid var(--line); }
.cta-t { font: 600 22px/1.2 var(--display); margin: 0 0 6px; color: var(--fg); }
.cta-s { color: var(--muted); margin: 0 auto 16px; max-width: 34ch; }
.cta .btn { min-width: 220px; }
.doc-wrap .grid { overflow: visible; }
.doc-wrap a.tile { text-decoration: none; }
.tile.wide-t { min-height: 64px; padding: 8px; gap: 2px; }
.tile.wide-t b { font-weight: 500; font-size: 15px; }
.seo-text .ps-num { text-decoration: none; }
.tile.off{opacity:.35;pointer-events:none}