/* Keep the viewport as the scroll container for the chapter navigation. */
body.rl-stories-page { overflow-x:clip; overflow-y:visible; }
/* Scoped layout for the portraits, complete stories and family memories. */
.rl-people { --rl-story-brown:#54483e; --rl-story-olive:#6b705c; --rl-story-rule:#ded8cd; font-family:'webfontDIN',sans-serif; background:#fff; padding:80px 28px; color:#57544d; }
.rl-people *, .rl-people *::before, .rl-people *::after { box-sizing:border-box; }
.rl-people [hidden] { display:none !important; }
.rl-profiles { max-width:1000px; margin:0 auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:90px; scroll-margin-top:190px; }
.rl-person { min-width:0; }
.rl-person-photo { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; border-radius:10px; }
.rl-people .rl-person h2.rl-person-name { font-size:30px!important; line-height:1.3!important; font-weight:400!important; letter-spacing:0!important; color:var(--rl-story-brown)!important; margin:25px 0 12px!important; text-align:left!important; }
.rl-person-quote { color:var(--rl-story-olive); font-size:18px; line-height:1.7; min-height:64px; margin:0 0 20px; font-style:normal; }
.rl-people a { text-decoration:none; }
.rl-read-story { display:inline-flex; gap:22px; align-items:center; font-size:17px; color:#4c5740; min-height:46px; border-bottom:1px solid #9a9f8e; padding:8px 0; }
.rl-read-story span { font-size:22px; }
.rl-read-story:hover { color:#303723; border-color:#303723; }
.rl-read-story[aria-expanded="true"] { border-bottom-width:2px; }
.rl-people a:focus-visible, .rl-people button:focus-visible, .rl-people summary:focus-visible { outline:2px solid #9a7c42; outline-offset:5px; border-radius:3px; }
.rl-stories { max-width:1120px; margin:0 auto; }
.rl-reader { margin-top:75px; border-top:1px solid var(--rl-story-rule); padding-top:45px; scroll-margin-top:190px; }
.rl-reader-header { display:flex; justify-content:space-between; align-items:center; gap:25px; margin-bottom:50px; }
.rl-eyebrow { color:#827158; font-size:12px; line-height:1.6; letter-spacing:.12em; text-transform:uppercase; margin:0 0 12px; }
.rl-people .rl-reader-header h2 { color:var(--rl-story-brown)!important; font-size:38px!important; line-height:1.25!important; font-weight:400!important; margin:0!important; }
.rl-story-close { border:0; background:transparent; font:inherit; color:#686a5a; font-size:14px; padding:12px 0 12px 12px; min-height:44px; cursor:pointer; white-space:nowrap; }
.rl-story-close span { font-size:24px; vertical-align:middle; margin-left:12px; }
.rl-story-close:hover { color:#303723; text-decoration:underline; text-underline-offset:4px; }
.rl-reader-layout { display:grid; grid-template-columns:245px minmax(0,1fr); gap:70px; align-items:start; }
.rl-chapter-nav { position:sticky; top:190px; }
.rl-chapter-nav summary { font-size:14px; line-height:1.7; color:#514b41; padding:0 0 16px; cursor:pointer; }
.rl-chapter-nav ol { margin:0; padding:0; list-style:none; }
.rl-chapter-nav li { border-bottom:1px solid #eeeae2; }
.rl-chapter-nav a { display:flex; gap:13px; padding:13px 0; min-height:44px; font-size:14px; line-height:1.5; color:#706e62; }
.rl-chapter-nav a span { color:#9b8254; flex:0 0 19px; font-size:11px; padding-top:3px; }
.rl-chapter-nav a:hover, .rl-chapter-nav a[aria-current="location"] { color:#343e2b; }
.rl-chapter-nav a[aria-current="location"] { font-weight:500; }
.rl-people .story-chapter { max-width:680px; padding:0; margin:0 0 64px; background:transparent; border:0; border-radius:0; box-shadow:none; }
.rl-people .story-chapter h3.story-chapter-title, .rl-people .rl-remembrance>h3 { font-family:inherit!important; color:var(--rl-story-brown)!important; font-size:25px!important; line-height:1.4!important; font-weight:400!important; margin:0 0 22px!important; letter-spacing:0; scroll-margin-top:195px; }
.rl-people .story-chapter p { font-size:20px; line-height:1.8; color:#403c36; margin:0 0 24px; text-align:left; }
.rl-people .story-chapter .story-highlight, .rl-people .story-chapter .story-emphasis { font-weight:500; color:#403c36; font-style:normal; background:transparent; padding:0; border:0; }
.rl-people .story-chapter blockquote { border-radius:0; border:0; border-top:1px solid var(--rl-story-rule); border-bottom:1px solid var(--rl-story-rule); margin:34px 0; padding:26px 0; font-size:25px; line-height:1.6; font-weight:400; font-style:normal; color:#4c5740; background:transparent; }
.rl-people .story-chapter h3.story-chapter-title { padding:0; font-size:28px!important; line-height:1.35!important; font-weight:500!important; margin-bottom:26px!important; }
.rl-chapter-kicker { display:block; margin-bottom:12px; font-size:12px; font-weight:500; line-height:1.5; letter-spacing:.12em; text-transform:uppercase; color:#877044; }
.rl-remembrance { padding-top:8px; }
.rl-memory-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.rl-memory.cd-card { padding:24px 24px 0!important; }
.rl-memory .cd-art { max-width:205px; margin-bottom:18px; }
.rl-people .rl-memory.cd-card .cd-name { font-family:'Candle Serif',Georgia,serif!important; font-size:25px!important; line-height:1.4!important; }
.rl-people .rl-memory.cd-card .cd-thought { font-size:18px!important; white-space:normal; line-height:1.8!important; }
.rl-memory .cd-bottom { justify-content:center; text-align:center; padding:16px 0; line-height:1.7; }
.rl-story-end { border-top:1px solid var(--rl-story-rule); margin-top:40px; padding-top:22px; display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.rl-story-end a { color:#4c5740; min-height:44px; padding:10px 0; line-height:1.6; font-size:16px; }
.rl-story-end a:hover { text-decoration:underline; text-underline-offset:5px; }
.rl-story-end a:last-child { font-size:14px; color:#79776b; }
@media(max-width:1000px) {
 .rl-profiles { gap:45px; }
 .rl-reader-layout { grid-template-columns:200px minmax(0,1fr); gap:35px; }
 .rl-memory-grid { grid-template-columns:minmax(0,1fr); }
 .rl-memory.cd-card { max-width:480px; width:100%; margin:0 auto; }
}
@media(max-width:760px) {
 .rl-people { padding:48px 24px; }
 .rl-profiles { gap:42px; grid-template-columns:minmax(0,1fr); max-width:460px; scroll-margin-top:95px; }
 .rl-person-photo { aspect-ratio:1; }
 .rl-people .rl-person h2.rl-person-name { font-size:28px!important; margin-top:20px!important; }
 .rl-person-quote { font-size:17px; min-height:0; margin-bottom:13px; }
 .rl-reader { margin-top:48px; padding-top:28px; scroll-margin-top:95px; }
 .rl-reader-header { align-items:flex-start; flex-direction:column; gap:8px; margin-bottom:24px; }
 .rl-people .rl-reader-header h2 { font-size:32px!important; }
 .rl-story-close { padding:4px 0; }
 .rl-reader-layout { grid-template-columns:minmax(0,1fr); gap:30px; }
 .rl-chapter-nav { position:static; border-top:1px solid var(--rl-story-rule); border-bottom:1px solid var(--rl-story-rule); }
 .rl-chapter-nav summary { padding:16px 0; min-height:48px; }
 .rl-chapter-nav ol { padding-bottom:12px; }
 .rl-chapter-nav li:last-child { border-bottom:0; }
 .rl-people .story-chapter h3.story-chapter-title, .rl-people .rl-remembrance>h3 { font-size:23px!important; scroll-margin-top:100px; }
 .rl-people .story-chapter p { font-size:18px; line-height:1.8; }
 .rl-people .story-chapter blockquote { font-size:22px; padding:22px 0; margin:28px 0; }
 .rl-people .story-chapter h3.story-chapter-title { font-size:24px!important; margin-bottom:22px!important; }
 .rl-chapter-kicker { font-size:11px; margin-bottom:10px; }
 .rl-people .story-chapter { margin-bottom:48px; }
 .rl-memory-grid { gap:22px; }
}
@media(prefers-reduced-motion:reduce) { .rl-people * { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }