/* The Lives They Made: Meghan's six-generation historical chapter */
.mg-page{background:#f7f5ef;color:#303c3c}
.mg-page .mg-wrap{width:min(1100px,calc(100% - 60px));margin:auto}
.mg-page .mg-kicker,.mg-page .mg-overline{font:800 10px/1.55 var(--sans,Arial,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:#8e5c50;margin:0 0 18px}
.mg-page h1,.mg-page h2,.mg-page h3{font-family:var(--serif,Georgia,serif);font-weight:400;letter-spacing:-.035em}
.mg-page h1 em,.mg-page h2 em{font-weight:400;color:#a86856}
.mg-page .mg-hero{background:#e1eae5;padding:clamp(80px,10vw,134px) 0 clamp(62px,8vw,100px)}
.mg-page .mg-hero h1{font-size:clamp(58px,8vw,105px);line-height:1.06;margin:0 0 33px;max-width:980px}
.mg-page .mg-deck{font:clamp(20px,2.2vw,27px)/1.65 var(--serif,Georgia,serif);color:#40574d;max-width:930px;margin:0}
.mg-page .mg-hero-links{display:flex;gap:25px;flex-wrap:wrap;margin:44px 0 0}
.mg-page .mg-hero-links a,.mg-page .mg-actions a{font:800 11px/1.5 var(--sans,Arial,sans-serif);text-transform:uppercase;letter-spacing:.09em;color:#785146;text-decoration:none;border-bottom:1px solid #a97060;padding:7px 0}
.mg-page a:hover,.mg-page a:focus-visible{color:#326356}
.mg-page .mg-intro{padding:clamp(62px,8vw,104px) 0}
.mg-page .mg-intro-grid,.mg-page .mg-note-grid{display:grid;grid-template-columns:.98fr 1.02fr;gap:clamp(35px,7vw,110px)}
.mg-page h2{font-size:clamp(39px,4.8vw,66px);line-height:1.14;margin:0}
.mg-page .mg-intro-grid p:not(.mg-kicker),.mg-page .mg-note-grid p{font:18px/1.78 var(--serif,Georgia,serif);color:#4b6055;margin:0 0 19px}
.mg-page .mg-place{padding:clamp(76px,9vw,120px) 0;border-top:1px solid #d5ded5}
.mg-page .mg-place--ontario{background:#f0eee7}
.mg-page .mg-place--city{background:#e7eeea}
.mg-page .mg-place-heading,.mg-page .mg-generations-head{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(26px,6vw,85px);align-items:end;margin:0 0 43px}
.mg-page .mg-place-heading>p,.mg-page .mg-generations-head>p{font:18px/1.74 var(--serif,Georgia,serif);color:#455c51;margin:0}
.mg-page .mg-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.mg-page .mg-panel{display:flex;flex-direction:column;align-items:flex-start;background:rgba(255,255,255,.8);border-top:3px solid #7c9a8e;padding:clamp(24px,3.6vw,39px);min-height:315px}
.mg-page .mg-place--ontario .mg-panel{border-color:#b58c78}
.mg-page .mg-panel .mg-overline{color:#706354;font-size:10px}
.mg-page .mg-panel h3{font-size:clamp(25px,2.5vw,34px);line-height:1.18;color:#33483e;margin:0 0 17px}
.mg-page .mg-panel p:not(.mg-overline){font:17px/1.69 var(--serif,Georgia,serif);color:#4b5d52;margin:0 0 20px}
.mg-page .mg-panel a{margin-top:auto;border-bottom:1px solid #a36b5a;padding:8px 0;font:800 11px/1.5 var(--sans,Arial,sans-serif);text-transform:uppercase;letter-spacing:.07em;text-decoration:none;color:#8f5a4b}
.mg-page .mg-context{display:grid;grid-template-columns:190px 1fr;column-gap:36px;row-gap:8px;padding:30px 4px 0;margin-top:27px;border-top:1px solid #bfcec3}
.mg-page .mg-context .mg-overline{grid-row:1/3;margin:0}
.mg-page .mg-context p:not(.mg-overline){font:15px/1.74 var(--serif,Georgia,serif);margin:0;color:#506358}
.mg-page .mg-context .mg-citation{font-size:12px!important;font-family:var(--sans,Arial,sans-serif)!important}
.mg-page .mg-context a{color:#8b5547;text-decoration:underline;text-underline-offset:2px}
.mg-page .mg-generations{background:#303f3a;padding:clamp(75px,9vw,117px) 0;color:#f5f4ea}
.mg-page .mg-generations h2{color:#f5f4ea}
.mg-page .mg-generations h2 em{color:#edbfae}
.mg-page .mg-generations .mg-kicker{color:#edbfae}
.mg-page .mg-generations-head>p{color:#d8e1d9}
.mg-page .mg-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:40px 0}
.mg-page .mg-stats>div{padding:24px 17px;border-top:2px solid #c39b88;background:rgba(255,255,255,.06)}
.mg-page .mg-stats strong{display:block;font:400 clamp(37px,5vw,59px)/1.1 var(--serif,Georgia,serif);color:#fbf7ed}
.mg-page .mg-stats small{font-size:.5em;color:#edbfae}
.mg-page .mg-stats span{display:block;font:12px/1.55 var(--sans,Arial,sans-serif);color:#c8d8cd;margin-top:11px}
.mg-page .mg-qualified{font:17px/1.76 var(--serif,Georgia,serif);color:#d8e1d9;max-width:850px;margin:26px 0 0}
.mg-page .mg-actions{display:flex;gap:27px;flex-wrap:wrap;margin-top:32px}
.mg-page .mg-actions a{color:#f1c3b2;border-color:#bf9485}
.mg-page .mg-actions a:hover,.mg-page .mg-actions a:focus-visible{color:white;border-color:white}
.mg-page .mg-actions .mg-primary{font-weight:900}
.mg-page .mg-note{padding:clamp(66px,8vw,105px) 0;background:#f7f5ef}
.mg-page .mg-note-grid h2{max-width:470px}
@media(max-width:790px){.mg-page .mg-intro-grid,.mg-page .mg-note-grid,.mg-page .mg-place-heading,.mg-page .mg-generations-head{grid-template-columns:1fr;gap:20px}.mg-page .mg-context{grid-template-columns:1fr;gap:11px}.mg-page .mg-context .mg-overline{grid-row:auto}}
@media(max-width:610px){.mg-page .mg-wrap{width:calc(100% - 36px)}.mg-page .mg-story-grid{grid-template-columns:1fr}.mg-page .mg-panel{min-height:0;padding:24px}.mg-page .mg-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mg-page .mg-hero-links,.mg-page .mg-actions{gap:12px 22px}.mg-page .mg-deck{font-size:19px}}

/* Eight short ancestor portraits: integrated editorial reading, not blog cards. */
.mg-page .mg-portraits{background:#f8f6f0;padding:clamp(74px,9vw,120px) 0;border-top:1px solid #d9e0d8;border-bottom:1px solid #d9e0d8}
.mg-page .mg-portraits-head{max-width:830px;margin-bottom:49px}
.mg-page .mg-portraits-head h2{max-width:770px;margin-bottom:22px}
.mg-page .mg-portraits-head>p:not(.mg-kicker){font:clamp(17px,1.75vw,20px)/1.72 var(--serif,Georgia,serif);color:#506358;max-width:800px;margin:0}
.mg-page .mg-portraits-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(25px,5.4vw,75px)}
.mg-page .mg-portraits-column{min-width:0}
.mg-page .mg-portraits-column h3{display:flex;flex-direction:column;gap:9px;border-bottom:2px solid #b58c78;padding:0 0 24px;margin:0;color:#364b40}
.mg-page .mg-portraits-column:nth-child(2) h3{border-bottom-color:#769689}
.mg-page .mg-portraits-column h3 span{font:800 10px/1.5 var(--sans,Arial,sans-serif);text-transform:uppercase;letter-spacing:.15em;color:#9a6253}
.mg-page .mg-portraits-column:nth-child(2) h3 span{color:#567d6c}
.mg-page .mg-portraits-column h3 strong{font:400 clamp(27px,2.6vw,36px)/1.19 var(--serif,Georgia,serif);letter-spacing:-.035em}
.mg-page .mg-portrait{padding:29px 0 32px;border-bottom:1px solid #d1d9d0}
.mg-page .mg-portrait-index{display:flex;align-items:baseline;gap:15px;font:800 11px/1.5 var(--sans,Arial,sans-serif);letter-spacing:.1em;color:#a36a59;margin-bottom:13px}
.mg-page .mg-portraits-column:nth-child(2) .mg-portrait-index{color:#668675}
.mg-page .mg-portrait-index span{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#6b7669}
.mg-page .mg-portrait h4{font:400 clamp(26px,2.45vw,35px)/1.17 var(--serif,Georgia,serif);letter-spacing:-.035em;margin:0 0 17px;color:#30433a}
.mg-page .mg-portrait p{font:16.5px/1.74 var(--serif,Georgia,serif);margin:0;color:#4d5f54}
.mg-page .mg-portrait-links{display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:18px}
.mg-page .mg-portrait-links a{font:800 10px/1.55 var(--sans,Arial,sans-serif);color:#8e5749;letter-spacing:.045em;text-decoration:none;border-bottom:1px solid #ba8a7e;padding:6px 0}
.mg-page .mg-portrait-links a:hover,.mg-page .mg-portrait-links a:focus-visible{color:#305a4d;border-bottom-color:#305a4d}
.mg-page .mg-portraits-footnote{font:13px/1.8 var(--sans,Arial,sans-serif);color:#64766c;border-left:2px solid #93a99b;max-width:850px;margin:36px 0 0;padding-left:20px}
@media(max-width:810px){.mg-page .mg-portraits-columns{grid-template-columns:1fr;gap:40px}.mg-page .mg-portrait{padding:22px 0 24px}.mg-page .mg-portraits-column h3{padding-bottom:16px}.mg-page .mg-portraits-head{margin-bottom:36px}}
@media(prefers-reduced-motion:reduce){.mg-page .mg-portrait-links a{scroll-behavior:auto}}

/* Original family records in the portraits; never styled as ancestor photographs. */
.mg-page .mg-portrait-document{max-width:100%;margin:24px 0 20px;background:#f0f0e9;border:1px solid #d7ddd5;overflow:hidden}
.mg-page .mg-portrait-document>a{display:block;background:#e9ebe6;padding:10px;outline-offset:-3px}
.mg-page .mg-portrait-document img{display:block;width:100%;height:auto;max-height:230px;object-fit:contain;object-position:center;background:#e9ebe6}
.mg-page .mg-portrait-document figcaption{padding:14px 17px 16px;font:12px/1.65 var(--sans,Arial,sans-serif);color:#51635a}
.mg-page .mg-portrait-document figcaption strong{font-weight:800;color:#354b41}
.mg-page .mg-portrait-document figcaption a{color:#8e5749;text-decoration:underline;text-underline-offset:2px}
.mg-page .mg-portrait-document figcaption a:hover,.mg-page .mg-portrait-document figcaption a:focus-visible{color:#305a4d}
@media(max-width:610px){.mg-page .mg-portrait-document>a{padding:7px}.mg-page .mg-portrait-document img{max-height:195px}.mg-page .mg-portrait-document figcaption{padding:11px 13px 14px}}

/* Two verified Ontario marriage-register excerpts: preserve legibility and context. */
.mg-page .mg-portrait-document--tall>a{max-height:370px;overflow:hidden;position:relative}
.mg-page .mg-portrait-document--tall img{height:370px;max-height:none;width:100%;object-fit:cover;object-position:center 15%;opacity:.95}
.mg-page .mg-portrait-document--tall>a::after{content:"Tap to examine full register column ↗";position:absolute;right:10px;bottom:10px;font:800 10px/1.4 var(--sans,Arial,sans-serif);color:#f7f5f0;background:rgba(42,59,53,.9);padding:7px 9px;max-width:180px}
.mg-page .mg-portrait-document--wide>a{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
.mg-page .mg-portrait-document--wide img{height:auto;max-height:none;width:1800px;max-width:none;object-fit:contain}
@media(max-width:610px){.mg-page .mg-portrait-document--tall>a{max-height:310px}.mg-page .mg-portrait-document--tall img{height:310px}.mg-page .mg-portrait-document--wide img{width:1350px}}

/* B63 archival death record excerpts: two complementary sources, not portraits. */
.mg-page .mg-portrait-document--person img{max-height:360px;object-fit:contain;object-position:center}
.mg-page .mg-portrait-document--comparison .mg-document-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px;background:#e7ebe5}
.mg-page .mg-portrait-document--comparison .mg-document-pair>a{display:block;background:#faf9f4;min-width:0;outline-offset:3px}
.mg-page .mg-portrait-document--comparison .mg-document-pair>a img{display:block;width:100%;height:245px;max-height:none;object-fit:cover;object-position:top center;transition:filter .15s ease}
.mg-page .mg-portrait-document--comparison .mg-document-pair>a:hover img{filter:contrast(1.06)}
.mg-page .mg-portrait-document--comparison figcaption{font-size:12px}
@media(max-width:610px){.mg-page .mg-portrait-document--comparison .mg-document-pair{gap:5px;padding:6px}.mg-page .mg-portrait-document--comparison .mg-document-pair>a img{height:195px}}