/* Hallmark · pre-emit critique: P4 H4 E4 S5 R5 V4.
 * genre: historical editorial · macrostructure: landscape / person / actions / meaning
 * design-system: design.md · designed-as-app */
:root{--p7-paper:#fff;--p7-surface:#f0f4f1;--p7-ink:#24372e;--p7-muted:#52645b;--p7-green:#25483b;--p7-deep:#15352be8;--p7-glass:#15352bb3;--p7-clear:#15352b00;--p7-white:#fff;--p7-rule:#d7e1db;--p7-red:var(--red-deep);--p7-empty:transparent;--p7-font:var(--cover-body);--p7-heading:var(--entry-heading)}
body[data-page='7']{--header:env(safe-area-inset-top);--footer:calc(52px + env(safe-area-inset-bottom));background:var(--p7-green)}
body[data-page='7'] .deck-nav{display:none}
.people.people-renewed{display:grid;grid-template-rows:minmax(0,1fr) auto auto auto;gap:0;padding-inline:0;background:var(--p7-paper);color:var(--p7-ink);font-family:var(--p7-font)}
.people-renewed .p7-hero{position:relative;min-height:0;overflow:clip;background:var(--p7-green)}
.people-renewed .p7-landscape{position:absolute;inset:0;max-width:none;z-index:0}
.people-renewed .p7-photo{width:100%;height:100%;display:block;position:relative;overflow:clip;min-height:0;touch-action:pan-y}
.people-renewed .p7-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 75%;filter:saturate(.72)}
.people-renewed .p7-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,var(--p7-deep),var(--p7-clear) 64px);pointer-events:none}
.people-renewed .p7-heading{--p7-heading-fade:56px;position:relative;z-index:1;pointer-events:none;padding:22px var(--gutter) var(--p7-heading-fade);color:var(--p7-white);background:linear-gradient(var(--p7-deep),var(--p7-glass) calc(100% - var(--p7-heading-fade)),var(--p7-clear))}
.people-renewed .p7-heading .eyebrow{display:flex;justify-content:space-between;gap:8px;font:400 12px/1.5 var(--p7-font);letter-spacing:0;margin:0 0 16px;color:var(--p7-white)}
.people-renewed .p7-heading h2{font:700 clamp(30px,9vw,48px)/1.36 var(--p7-heading);letter-spacing:.01em;color:var(--p7-white)}
.people-renewed .p7-bridge{font:400 14px/1.6 var(--p7-font);margin-top:13px}
.people-renewed .p7-landscape figcaption{position:absolute;left:var(--gutter);bottom:14px;font:400 11px/1.5 var(--p7-font);color:var(--p7-white);max-width:calc(100% - 112px);pointer-events:none}
.people-renewed .p7-photo-open{position:absolute;z-index:1;right:var(--gutter);bottom:4px;min-height:44px;display:flex;align-items:center;font:500 12px/1.5 var(--p7-font);color:var(--p7-white)}
.people-renewed .p7-person{padding:17px var(--gutter) 15px;background:var(--p7-paper)}
.people-renewed .p7-name{display:flex;align-items:baseline;gap:12px;margin-bottom:7px}
.people-renewed .p7-name strong{font:700 28px/1.3 var(--p7-heading);color:var(--p7-ink)}
.people-renewed .p7-name span{font:400 12px/1.5 var(--p7-font);color:var(--p7-muted)}
.people-renewed .p7-premise{font:400 15px/1.7 var(--p7-font);max-width:700px}
.people-renewed .p7-premise strong{font-weight:600;color:var(--p7-red)}
.people-renewed .p7-story{padding:13px var(--gutter) 0;background:var(--p7-surface)}
.people-renewed .p7-question{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}
.people-renewed .p7-question h3{font:600 17px/1.5 var(--p7-font);color:var(--p7-ink)}
.people-renewed .p7-question>span{font:400 11px/1.5 var(--p7-font);color:var(--p7-muted);white-space:nowrap}
.people-renewed .p7-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;margin:0}
.people-renewed .p7-actions:before{content:'';position:absolute;left:16.66%;right:16.66%;top:11px;height:1px;background:var(--p7-rule);pointer-events:none}
.people-renewed .p7-actions button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-height:54px;padding:6px 2px 8px;font:500 14px/1.5 var(--p7-font);color:var(--p7-muted);transform:none;box-shadow:none;white-space:nowrap;position:relative;border-bottom:2px solid var(--p7-empty)}
.people-renewed .p7-actions i{width:10px;height:10px;border:2px solid var(--p7-muted);border-radius:50%;background:var(--p7-surface);flex:none;transition:background 160ms,border-color 160ms}
.people-renewed .p7-actions [aria-pressed='true']{color:var(--p7-red);border-bottom-color:var(--p7-red)}
.people-renewed .p7-actions [aria-pressed='true'] i{background:var(--p7-red);border-color:var(--p7-red)}
.people-renewed .p7-actions [data-read='true']:not([aria-pressed='true']) i{border-color:var(--p7-red)}
.people-renewed .p7-actions button:active{background:var(--p7-paper)}
.people-renewed .p7-reading{height:var(--p7-reading-height,150px);padding:12px 0 14px;border:0;margin:0;color:var(--p7-ink)}
.people-renewed .p7-reading h3{font:600 17px/1.5 var(--p7-font);margin:0 0 6px;color:var(--p7-ink)}
.people-renewed #people-reading,.people-renewed .p7-body-copy{font:400 16px/1.7 var(--p7-font);margin:0;min-height:0;color:var(--p7-ink);text-wrap:balance}
.people-renewed .p7-source-caption{font:400 11px/1.5 var(--p7-font);color:var(--p7-muted);margin-top:7px}
.people-renewed .p7-conclusion{padding:13px var(--gutter);background:var(--p7-paper);border-top:1px solid var(--p7-rule);font:400 14px/1.6 var(--p7-font)}
.people-renewed .p7-conclusion strong{font-weight:600;color:var(--p7-red)}
.people-renewed .p7-next{font:400 12px/1.5 var(--p7-font);color:var(--p7-muted);margin-top:4px}
body[data-page='7'] .deck-footer{background:var(--p7-paper);color:var(--p7-muted);gap:6px}
body[data-page='7'] .deck-footer button{min-height:44px;font-size:12px;text-decoration-color:var(--p7-rule)}
body[data-page='7'] #gesture-hint{font-size:11px;line-height:1.5;white-space:nowrap}
body[data-page='7'] .progress-track{background:var(--p7-rule)}
body[data-page='7'] .progress-track i{background:var(--p7-red)}
#info-dialog.p7-detail{width:100vw;max-width:none;height:100vh;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:var(--p7-paper);color:var(--p7-ink);font-family:var(--p7-font)}
#info-dialog.p7-detail[open]{display:flex;flex-direction:column}
.p7-detail .drawer-head{position:relative;inset:auto;margin:0;flex:none;padding:calc(12px + env(safe-area-inset-top)) var(--gutter) 12px;gap:10px;border-bottom:1px solid var(--p7-rule);background:var(--p7-paper)}
.p7-detail .drawer-head h2{font:700 21px/1.35 var(--p7-heading);color:var(--p7-ink);flex:1;min-width:0;margin:0;overflow-wrap:anywhere}
.p7-detail .drawer-head button{width:44px;min-width:44px;height:44px;min-height:44px;flex:none;color:var(--p7-ink);padding:0;border:1px solid var(--p7-rule);border-radius:50%;background:var(--p7-paper)}
.p7-detail .drawer-head [data-close]{font-size:0}
.p7-detail .drawer-head [data-close]:after{content:'×';font:400 23px/1 var(--p7-font)}
.p7-detail #info-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;max-width:800px;width:100%;margin:0 auto;padding:20px var(--gutter) calc(24px + env(safe-area-inset-bottom));font:400 16px/1.85 var(--p7-font)}
.p7-detail #info-body h3{font:600 19px/1.5 var(--p7-font);margin:25px 0 8px;color:var(--p7-ink)}
.p7-detail #info-body p{font:inherit;margin:0 0 12px}
.p7-detail .p7-detail-intro{border-left:3px solid var(--p7-red);padding-left:14px;color:var(--p7-muted)}
.p7-detail #info-body a{color:var(--p7-red);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.p7-detail #info-body .p7-source{padding:16px 0;border-bottom:1px solid var(--p7-rule)}
.p7-detail .p7-source small{color:var(--p7-muted);font:400 13px/1.6 var(--p7-font)}
.p7-detail #info-body .p7-source h3{margin:4px 0 8px}
.p7-detail .p7-source-notes{margin-top:15px;border-top:1px solid var(--p7-rule)}
.p7-detail .p7-source-notes summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;font:500 15px/1.6 var(--p7-font);color:var(--p7-red);padding-block:10px;-webkit-tap-highlight-color:var(--p7-empty)}
.p7-detail .p7-source-notes summary::-webkit-details-marker{display:none}
.p7-detail .p7-source-notes summary:after{content:'+';font-size:20px;flex:none}
.p7-detail .p7-source-notes[open] summary:after{content:'−'}
.p7-detail #info-body .p7-source-notes p{color:var(--p7-muted);font-size:14px}
.p7-detail .p7-link{min-height:44px;font:500 15px/1.7 var(--p7-font);text-align:left;color:var(--p7-red);margin-block:12px}
.p7-detail .p7-back{font:400 24px/1 var(--p7-font)}
.p7-detail #info-body:focus-visible,.p7-detail summary:focus-visible,.people-renewed button:focus-visible{outline:2px solid var(--p7-red);outline-offset:-2px}
.p7-detail summary:active{background:var(--p7-surface)}
.p7-detail .drawer-head button:active{background:var(--p7-surface)}
@media(max-width:350px){.p7-detail .drawer-head h2{font-size:18px}}
@media(max-height:740px){.people-renewed .p7-heading{padding-top:16px}.people-renewed .p7-heading .eyebrow{margin-bottom:8px}.people-renewed .p7-heading h2{font-size:32px}.people-renewed .p7-bridge{margin-top:7px;font-size:13px}.people-renewed .p7-person{padding-block:12px}.people-renewed .p7-name strong{font-size:25px}.people-renewed .p7-premise{font-size:14px;line-height:1.6}.people-renewed .p7-story{padding-top:9px}.people-renewed .p7-reading{padding-block:9px}.people-renewed #people-reading,.people-renewed .p7-body-copy{font-size:14px;line-height:1.65}.people-renewed .p7-conclusion{padding-block:9px}}
@media(max-height:620px){.people-renewed .p7-heading{padding-top:8px;padding-bottom:40px}.people-renewed .p7-heading .eyebrow{margin-bottom:3px;font-size:11px}.people-renewed .p7-heading h2{font-size:27px;line-height:1.25}.people-renewed .p7-bridge{font-size:12px;margin-top:4px;line-height:1.4}.people-renewed .p7-landscape figcaption{font-size:10px;bottom:10px}.people-renewed .p7-photo-open{bottom:0;font-size:11px}.people-renewed .p7-person{padding-block:6px}.people-renewed .p7-name{margin-bottom:3px;gap:8px}.people-renewed .p7-name strong{font-size:22px}.people-renewed .p7-premise{line-height:1.5}.people-renewed .p7-story{padding-top:5px}.people-renewed .p7-question{margin-bottom:3px}.people-renewed .p7-question h3{font-size:15px}.people-renewed .p7-question>span{font-size:10px}.people-renewed .p7-actions button{min-height:44px;padding-block:5px;gap:5px;font-size:13px}.people-renewed .p7-actions:before{top:10px}.people-renewed .p7-reading{padding-block:6px}.people-renewed .p7-reading h3{font-size:15px;margin-bottom:3px}.people-renewed #people-reading,.people-renewed .p7-body-copy{line-height:1.55}.people-renewed .p7-source-caption{font-size:10px;margin-top:4px}.people-renewed .p7-conclusion{font-size:13px;line-height:1.5;padding-block:5px}.people-renewed .p7-next{font-size:11px;margin-top:2px}}
@media(max-width:350px){body[data-page='7'] .deck-footer>div:first-child{gap:10px}body[data-page='7'] #gesture-hint{font-size:10px}.people-renewed .p7-question>span{font-size:10px}}
@media(orientation:landscape) and (max-height:600px){.people.people-renewed{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:'hero person' 'hero story' 'hero conclusion'}.people-renewed .p7-hero{grid-area:hero}.people-renewed .p7-person{grid-area:person;padding-inline:16px;padding-block:5px}.people-renewed .p7-story{grid-area:story;padding-inline:16px;padding-top:3px}.people-renewed .p7-conclusion{grid-area:conclusion;padding:2px 16px;font-size:12px;line-height:1.4}.people-renewed .p7-next{margin-top:0;font-size:11px;line-height:1.4}.people-renewed .p7-name strong{font-size:22px}.people-renewed .p7-reading{padding-block:4px}.people-renewed .p7-question{margin-bottom:0}.people-renewed .p7-heading{padding-top:16px}.people-renewed .p7-heading h2{font-size:32px}.people-renewed .p7-bridge{font-size:13px}.people-renewed .p7-photo img{object-position:40% 75%}}
@media(prefers-reduced-motion:reduce){.people-renewed .p7-actions i{transition:none}.people-renewed .feedback-in{animation:none}}
.people-renewed .p7-hero-compact .p7-heading{padding-top:5px}
.people-renewed .p7-hero-compact .eyebrow{font-size:11px;line-height:1.4;margin-bottom:2px}
.people-renewed .p7-hero-compact h2{font-size:25px;line-height:1.2}
.people-renewed .p7-hero-compact .p7-bridge{font-size:12px;line-height:1.4;margin-top:2px}
@media(orientation:portrait){
@supports(container-type:size){.people-renewed .p7-hero{container-type:size;container-name:p7-landscape}}
@container p7-landscape (max-height:190px){.people-renewed .p7-heading{padding-top:5px}.people-renewed .p7-heading .eyebrow{font-size:11px;line-height:1.4;margin-bottom:2px}.people-renewed .p7-heading h2{font-size:25px;line-height:1.2}.people-renewed .p7-bridge{font-size:12px;line-height:1.4;margin-top:2px}}
}
@media(max-height:620px) and (orientation:portrait){.people-renewed .p7-person{padding-block:4px}.people-renewed .p7-question{margin-bottom:1px}}
@media(max-height:620px){.people-renewed .p7-heading{--p7-heading-fade:40px}}
@media(max-height:620px) and (orientation:portrait){.people-renewed .p7-heading{padding-top:5px}.people-renewed .p7-heading .eyebrow{line-height:1.4;margin-bottom:2px}.people-renewed .p7-heading h2{font-size:25px;line-height:1.2}.people-renewed .p7-bridge{margin-top:2px}}
@media(orientation:landscape) and (max-height:600px){.people-renewed .p7-person{padding-block:3px}.people-renewed .p7-question h3{font-size:14px;line-height:1.4}.people-renewed .p7-actions button{min-height:44px;gap:3px;padding-block:4px}}
@media(orientation:landscape) and (max-height:600px){.people-renewed .p7-person{padding-block:0}.people-renewed .p7-name{margin-bottom:0}.people-renewed .p7-name strong{line-height:1.15}.people-renewed .p7-story{padding-top:0}.people-renewed .p7-reading{padding-block:0}}
/* Keep the photograph information panel tied to the full viewer width in landscape. */
@media(max-height:500px){body[data-page='7'] #image-dialog .map-viewer-caption{left:14px;right:14px;padding:0;background:var(--p7-empty);pointer-events:none}body[data-page='7'] #image-dialog .map-viewer-credit{margin-left:auto;pointer-events:auto}body[data-page='7'] #image-dialog .map-viewer-credit summary{padding-inline:8px;background:var(--p7-paper);border-radius:4px}}
