/* Our Family · Frank and Regina, 1942–1950.
   A source-led chronology within the existing literary editorial system. */
.fr-page .fr-record{margin:40px -36px 48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;align-items:start;border-block:1px solid #cdd4c9;background:#f1f2ed}
.fr-page .fr-record .fr-image{display:flex;align-items:center;justify-content:center;padding:24px;background:#e6e9e1;min-height:250px}
.fr-page .fr-record .fr-image img{display:block;max-width:100%;max-height:380px;object-fit:contain;filter:grayscale(.5);box-shadow:0 6px 24px rgba(37,49,44,.11)}
.fr-page .fr-record .fr-copy{padding:29px 30px 24px}
.fr-page .fr-record .fr-overline{font:800 11px/1.5 var(--sans,Arial,sans-serif);letter-spacing:.105em;text-transform:uppercase;color:#784f41;margin:0 0 14px}
.fr-page .fr-record h3{font:400 27px/1.22 var(--serif,Georgia,serif);color:#2c4b3c;margin:0 0 12px}
.fr-page .fr-record p,.fr-page .fr-record figcaption{font:15px/1.68 var(--serif,Georgia,serif);color:#43554a;margin:0 0 14px}
.fr-page .fr-record a:not(.fr-image){color:#704939;text-decoration:underline;text-underline-offset:3px;font:700 12px/1.65 var(--sans,Arial,sans-serif)}
.fr-page .fr-record--flipped .fr-image{order:2}
.fr-page .fr-record--flipped .fr-copy{order:1}
.fr-page .fr-addresses{padding:25px 26px;border:1px solid #cbd6c9;background:#f0f3ed;margin:40px 0}
.fr-page .fr-addresses h3{font:400 24px/1.2 var(--serif,Georgia,serif);margin:0 0 16px;color:#2c4b3c}
.fr-page .fr-addresses dl{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;margin:0}
.fr-page .fr-addresses dl>div{border-top:1px solid #c2d0c5;padding-top:11px}
.fr-page .fr-addresses dt{font:800 11px/1.5 var(--sans,Arial,sans-serif);color:#755449;letter-spacing:.08em;text-transform:uppercase}
.fr-page .fr-addresses dd{font:16px/1.5 var(--serif,Georgia,serif);margin:6px 0 0;color:#364b40}
.fr-page .fr-addresses small{display:block;font:12px/1.6 var(--sans,Arial,sans-serif);margin-top:17px;color:#455c4e}
.fr-page .fr-plate-context{border-top:1px solid #d2d8cf;border-bottom:1px solid #d2d8cf;padding:14px 0;margin:34px -30px 45px}
.fr-page .fr-plate-context figcaption{font-size:13px;color:#405549}
.fr-page .fr-links{font:13px/1.8 var(--sans,Arial,sans-serif);color:#476153}
.fr-page .fr-links a{color:#754d3d;text-decoration:underline;text-underline-offset:3px}
@media(max-width:810px){
 .fr-page .fr-record{margin-inline:0;grid-template-columns:1fr}
 .fr-page .fr-record .fr-image{padding:18px;min-height:160px}
 .fr-page .fr-record--flipped .fr-image{order:0}
 .fr-page .fr-record--flipped .fr-copy{order:1}
 .fr-page .fr-plate-context{margin-inline:0}
}
@media(max-width:480px){
 .fr-page .fr-record .fr-copy{padding:23px 20px}
 .fr-page .fr-record h3{font-size:25px}
 .fr-page .fr-addresses{padding:20px 17px}
 .fr-page .fr-addresses dl{grid-template-columns:1fr;gap:12px}
 .fr-page .fr-addresses h3{font-size:23px}
}

/* The 1950 source is an exceptionally wide, shallow census crop.
   Keep the letters readable and let visitors explore it without expanding the page. */
.fr-page .fr-record[data-frank-regina-source="census"] .fr-image{min-width:0;max-width:100%;overflow-x:auto;justify-content:flex-start;overscroll-behavior-x:contain;scrollbar-color:#83988b #e8eee7;scrollbar-width:thin}
.fr-page .fr-record[data-frank-regina-source="census"] .fr-image img{height:170px;width:auto;max-width:none;max-height:none;flex:0 0 auto;object-fit:contain;filter:none}