/* Content pages (2026-09-14). Rides on style.css; only what the article layout needs. */
.page-main { background: var(--paper); }
.page-wrap { max-width: 820px; padding-top: 48px; padding-bottom: 72px; }
.crumbs { font-size: .8rem; color: var(--muted); margin-bottom: 26px; }
.crumbs a { color: var(--muted); text-decoration: none; } .crumbs a:hover { color: var(--gold-deep); }
.crumbs span { margin: 0 8px; color: var(--gold); }
.page-head h1 { font-size: clamp(2rem, 4.6vw, 3rem); line-height: 1.14; margin: 8px 0 16px; }
.page-head .lead { max-width: 66ch; }
.translate-link { display: inline-block; margin-top: 18px; font-family: var(--gurmukhi); font-size: .92rem; color: var(--gold-deep); text-decoration: none; border-bottom: 1px solid var(--gold); padding-bottom: 2px; }
.translate-link:hover { color: var(--navy); border-color: var(--navy); }
.page-body { margin-top: 40px; font-size: 1.08rem; line-height: 1.7; color: var(--body); }
.page-body h2 { font-size: clamp(1.45rem, 2.6vw, 1.9rem); margin: 44px 0 14px; color: var(--ink); }
.page-body h3 { font-size: 1.2rem; margin: 30px 0 10px; color: var(--ink); }
.page-body p { margin-bottom: 20px; max-width: 70ch; }
.page-body ul, .page-body ol { margin: 0 0 22px 1.3em; max-width: 68ch; }
.page-body li { margin-bottom: 8px; }
.page-body a { color: var(--navy); text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 3px; }
.page-body blockquote { border-left: 3px solid var(--gold); padding: 6px 0 6px 20px; margin: 26px 0; color: var(--ink); font-family: var(--serif); font-size: 1.18rem; }
.page-body strong { color: var(--ink); }
.page-cta { margin-top: 56px; padding: 28px 30px; background: var(--gold-wash); border-radius: var(--radius-panel); border: 1px solid #E8DFC4; }
.page-cta h3 { margin-bottom: 8px; } .page-cta p { color: var(--body); margin-bottom: 18px; max-width: 60ch; }
.page-list { list-style: none; display: grid; gap: 14px; margin-top: 30px; }
.page-list a { display: block; padding: 20px 24px; background: var(--paper-warm); border: 1px solid var(--line); border-radius: var(--radius-sm); text-decoration: none; color: var(--ink); transition: border-color .15s; }
.page-list a:hover { border-color: var(--gold); }
.page-list strong { display: block; font-family: var(--serif); font-weight: 400; font-size: 1.25rem; margin-bottom: 4px; }
.page-list span { font-size: .95rem; color: var(--muted); }