.remembered-lives{padding-top:10px;padding-bottom:80px;overflow:hidden}
.remembered-heading{display:grid;grid-template-columns:1.05fr 1fr;align-items:end;gap:6%;padding:10px 0 28px}
.remembered-heading h2{max-width:580px}.remembered-heading p{max-width:520px;color:var(--muted)}
.remembered-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.remembered-controls p{color:var(--muted);font-size:.875rem;text-align:center}.remembered-controls button{padding:10px 18px;flex:none}
.remembered-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 5px 17px;margin:0 -5px;scrollbar-width:thin;scrollbar-color:#718478 transparent;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
.remembered-person{padding:0;border:1px solid var(--line);background:#16221b;text-align:start;flex:0 0 158px;scroll-snap-align:start;overflow:hidden;transition:border-color .15s}
.remembered-person[aria-selected=true]{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}
.remembered-person img{display:block;width:100%;height:174px;object-fit:cover;object-position:center 30%}
.remembered-person[data-remembered-person=wael] img{object-position:80% center}.remembered-person[data-remembered-person=anas] img{object-position:35% center}
.remembered-person-copy{display:block;padding:14px 12px;min-height:104px}.remembered-person strong{display:block;font-weight:600;font-size:1rem;line-height:1.35;overflow-wrap:anywhere}.remembered-person small{display:block;margin-top:7px;color:var(--muted);font-size:.75rem;line-height:1.4}
.remembered-panel{display:grid;grid-template-columns:1fr 1fr;gap:5%;margin-top:18px;border-top:1px solid var(--line);padding-top:32px;min-width:0}
.remembered-story,.remembered-video{min-width:0}.remembered-date{display:block;color:var(--red);letter-spacing:.08em}.remembered-story h3{font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,2.45rem);line-height:1.2;font-weight:400;margin:16px 0 24px;overflow-wrap:anywhere}
.remembered-story p{margin-bottom:16px}.remembered-note{color:var(--muted);font-size:.875rem;border-inline-start:2px solid var(--red);padding-inline-start:16px}
.remembered-sources{border-top:1px solid var(--line);padding-top:16px;margin-top:20px;font-size:.875rem;color:var(--muted)}.remembered-sources summary{cursor:pointer;color:var(--fg)}.remembered-sources p{font-size:.8125rem;margin-top:12px}.remembered-sources ul{padding-inline-start:20px}.remembered-sources li{margin:10px 0;overflow-wrap:anywhere}.remembered-sources a{text-decoration:underline;text-underline-offset:3px}
.remembered-video-stage{background:#050907;border:1px solid var(--line);aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;overflow:hidden}.remembered-video video{display:block;width:100%;height:100%;max-height:420px;object-fit:contain;direction:ltr}.remembered-video iframe{border:0;width:100%;height:100%}
.remembered-video figcaption{padding:20px 0 0}.remembered-video figcaption .eyebrow{color:var(--red)}.remembered-video h4{margin:9px 0 12px;font-size:1.15rem;font-weight:500;line-height:1.5}.remembered-video figcaption p{color:var(--muted);font-size:.9rem}.remembered-video figcaption small{display:block;margin-top:14px;color:var(--muted);font-size:.75rem;line-height:1.6;overflow-wrap:anywhere}
.remembered-video-error{font-size:.875rem;margin-top:14px}.remembered-video-error button{background:none;border:0;text-decoration:underline;color:var(--red);padding:5px}
.remembered-media{min-width:0}.remembered-video-choices{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.remembered-video-choices button{font-size:.8125rem;text-align:start;line-height:1.5;flex:1 1 180px;padding:10px 12px}.remembered-video-choices button[aria-pressed=true]{border-color:var(--red);color:var(--fg);box-shadow:0 0 0 1px var(--red)}
.remembered-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.remembered-gallery figure{min-width:0;margin:0}.remembered-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line)}.remembered-gallery figcaption{margin-top:8px;color:var(--muted);font-size:.75rem;line-height:1.5}
.remembered-caption-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px;font-size:.8125rem}.remembered-caption-controls button{font-size:.8125rem;padding:4px 0}.remembered-caption-note{font-size:.75rem;color:var(--muted);line-height:1.6;margin-top:10px}.remembered-video video::cue{color:#fff;background:rgba(0,0,0,.88);font-family:Arial,sans-serif;font-size:1rem;line-height:1.5}.remembered-video video::cue(:lang(ar)){font-family:Tahoma,Arial,sans-serif}
.remembered-person{position:relative}.remembered-person[data-remembered-person=rajaa-el-harbiti] img{object-position:32% center}.remembered-illustration-badge{position:absolute;top:8px;inset-inline-start:8px;max-width:calc(100% - 16px);padding:5px 7px;background:rgba(5,9,7,.85);color:var(--fg);font-size:.625rem;line-height:1.4}.remembered-visual-stage{aspect-ratio:auto}.remembered-illustration{display:block;width:100%;height:auto}
.remembered-video video:fullscreen::cue{font-size:2rem}
.remembered-person[data-remembered-person=mahmoud-abu-razek] img{object-position:33% center}
.remembered-person[data-remembered-person=refaat-al-arir] img{object-position:75% center}
html[dir=rtl] .remembered-controls{flex-direction:row-reverse}html[lang=ar] .remembered-story h3{font-family:Tahoma,Arial,sans-serif}
html:is([lang=zh],[lang=ja],[lang=ko]) .remembered-story h3{font-family:var(--cjk-font)}
@media(max-width:800px){.remembered-heading{grid-template-columns:1fr;gap:20px}.remembered-panel{gap:4%}}
@media(max-width:640px){.remembered-lives{padding-bottom:45px}.remembered-heading{padding-bottom:22px}.remembered-heading p{font-size:1rem}.remembered-person{flex-basis:142px}.remembered-person img{height:157px}.remembered-person-copy{min-height:105px}.remembered-panel{grid-template-columns:1fr;gap:30px;padding-top:26px}.remembered-story p{font-size:1rem}.remembered-story .remembered-note{font-size:.875rem}.remembered-controls{gap:12px}.remembered-controls p{font-size:.8125rem}.remembered-video-stage{aspect-ratio:4/3}.remembered-video video{max-height:350px}}
