/* Final spacing and responsive layout refinements. */
html{scroll-padding-top:calc(var(--sticky-header-height,160px) + 20px)}
.article section{scroll-margin-top:20px;margin-block-end:48px}
.article section:last-child{margin-block-end:0}
.article p{line-height:1.8;margin-block:0 18px;text-align:start}
.article p:last-child{margin-bottom:0}
.article h2{margin-block:0 22px;text-wrap:pretty}
.article h3{margin-block:30px 14px;text-wrap:pretty}
.article h3:first-child{margin-top:0}
.article :is(ul,ol){padding-inline-start:24px;margin-block:16px 24px}
.article li+li{margin-top:8px}
.page-head h1{text-wrap:balance}
.page-head .lead{line-height:1.8}
.article-layout{padding-block:44px 64px}
.toc,html[lang=ur] .toc{top:calc(var(--sticky-header-height,160px) + 20px);max-height:calc(100dvh - var(--sticky-header-height,160px) - 40px);overflow:auto;padding-inline-end:8px}
.section-intro>*{min-width:0}
.section-intro .eyebrow{margin-bottom:14px}
.card{min-width:0}.card>:last-child{margin-bottom:0}
.card>.text-link:last-child{margin-top:auto;padding-top:12px}
.actions>.button{min-width:min(190px,100%)}
input:not([type=checkbox]):not([type=radio]),select,textarea{max-width:100%;min-width:0}
.breadcrumb{overflow-wrap:anywhere}
html[lang=ur] .article p,html[lang=ur] .page-head .lead{line-height:2.35}
html[lang=ur] .article h2{line-height:1.95}
html[lang=ur] .article h3{line-height:1.95}
@media(max-width:1100px){
 .nav.open{max-height:65dvh;overflow-y:auto;overscroll-behavior:contain}
 .nav a,html[lang=ur] .nav a{white-space:normal;min-width:0}
 .toc,html[lang=ur] .toc{max-height:none;overflow:visible;padding-inline-end:0}
}
@media(max-width:760px){
 .article-layout{padding-block:28px 48px;gap:28px}
 .article section{margin-bottom:38px}
 .article h2{margin-bottom:18px}
 .article h3{margin-top:24px}
 .section-intro{gap:18px;margin-bottom:28px}
 .section-intro>a{flex-shrink:1}
 .page-head{padding-block:24px 32px}
 .chronology-table{min-width:0;table-layout:fixed;font-size:.9rem}
 .chronology-table tbody th{width:36%}
 .chronology-table th,.chronology-table td{padding:12px 10px;overflow-wrap:anywhere}
 .chronology-table caption{padding:16px 12px}
 html[lang=ur] .chronology-table{font-size:.95rem;line-height:2.1}
 .toc a{margin-inline:0 16px;margin-block:6px}
 .testimony-toolbar select,.testimony-toolbar>.button{min-height:52px;height:auto}
 .support-review,.support-form,.typing-helper{padding:20px}
}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.brand{gap:8px}.brand strong{font-size:1.05rem}.brand small{font-size:.52rem}.menu-button{min-width:72px;padding-inline:12px}.brand-mark.photo-mark,html[lang=ur] .brand-mark.photo-mark{width:40px;height:40px;flex-basis:40px}}
@media print{.toc{display:none}.article-layout{padding:0}}
@media(max-width:1100px){.header .nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;align-items:stretch}.header .nav a,html[lang=ur] .header .nav a{width:100%;padding:10px 12px;justify-content:flex-start;line-height:1.6;border-radius:4px}.header .nav a[aria-current=page]{background:#eef1e8;border-color:transparent}html[lang=ur] .header .nav a{line-height:2}}

.family-portrait{width:min(100%,420px);margin:28px auto 36px;text-align:center}.family-portrait img{width:100%;height:auto}.family-portrait figcaption{margin-top:16px;font-family:var(--serif);font-size:1.15rem;line-height:1.6;color:var(--green)}html[lang=ur] .family-portrait figcaption{line-height:2.1}