:root{color-scheme:light;--ink:#283b3c;--sea:#244e59;--link:#7f3f2b;--paper:#fffef8;--line:#a9b7b4;--muted:#596864}
*{box-sizing:border-box}
html{scroll-padding-top:24px}
body{margin:0;background:#e2e9e6;color:var(--ink);font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.65}
a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:3px}
a:visited{color:#6c526b}
a:hover{color:#a33620}
a:focus-visible{outline:2px solid var(--sea);outline-offset:5px}
.page{width:960px;max-width:calc(100% - 48px);margin:36px auto;background:var(--paper);border:1px solid #849b96;padding:0 32px;box-shadow:5px 5px 0 #cbd5d0}
.masthead{text-align:center}
.topline{display:flex;justify-content:space-between;gap:12px;padding:12px 0 9px;border-bottom:1px solid var(--line);font:13px/1.5 'Courier New',monospace;color:var(--muted)}
h1{margin:11px 0 0;font-size:76px;line-height:1.15;font-weight:normal;letter-spacing:-3px;color:var(--sea)}
.title-dot{color:var(--link)}
.subtitle{margin:0 0 20px;font-size:17px;font-style:italic;color:var(--muted)}
nav{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:8px 21px;padding:10px 0 12px;border-top:3px double var(--sea);border-bottom:1px solid var(--sea);font-size:16px}
nav span{color:#94a49d}
.layout{display:grid;grid-template-columns:165px minmax(0,1fr);gap:33px;padding:29px 0 36px}
.sidebar{font-size:15px;line-height:1.6;padding-right:19px;border-right:1px solid #d3d9d0;color:var(--muted)}
.sidebar h2{margin:0 0 13px;font-size:19px;font-weight:normal;color:var(--sea);padding-bottom:6px;border-bottom:1px solid var(--line)}
.sidebar p{margin:0 0 18px}
dl{margin:22px 0 28px}
dt{font-style:italic;color:var(--sea);margin-top:14px}
dd{margin:0;font-size:14px}
.side-photo{margin:30px 0}
.side-photo figcaption{font-size:14px;line-height:1.5}
.margin-note{border-top:1px dotted var(--line);border-bottom:1px dotted var(--line);padding:17px 0;margin:30px 0}
.margin-note p{font-size:25px;font-style:italic;color:var(--sea);margin:0 0 3px}
.margin-note span{font-size:14px}
.sidebar-contact p{margin:0;font-style:italic}.sidebar-contact a{font-size:14px;overflow-wrap:anywhere}
main{min-width:0}
h2{font-size:29px;line-height:1.3;font-weight:normal;color:var(--sea);margin:0 0 15px}
h3{font-size:20px;line-height:1.4;font-weight:normal;color:var(--sea);margin:23px 0 10px}
p{margin:0 0 17px}
figure{margin:0}
figure>a{display:block;line-height:0;background:#fff;padding:5px;border:1px solid #9caba6}
figure>a:hover{border-color:var(--link)}
img{display:block;width:100%;height:auto}
figcaption{font-size:14px;line-height:1.55;color:var(--muted);margin-top:9px}
.photo-number{font:12px 'Courier New',monospace;color:var(--link);margin-right:5px}
.hero-photo{margin-top:25px}
.chapter{margin-top:40px;padding-top:23px;border-top:1px solid var(--line)}
.section-heading{display:flex;gap:13px;align-items:baseline;margin-bottom:15px}
.section-heading>span{font-style:italic;color:var(--link);font-size:20px}
.section-heading h2{margin:0;font-size:27px}
.history-detail{display:grid;grid-template-columns:39% minmax(0,1fr);gap:24px;margin:23px 0}
.history-detail h3{margin-top:0}.history-detail p{font-size:16px;line-height:1.65}
.reading-note{font-size:14px;font-style:italic;color:var(--muted);margin-top:20px}
.wide-photo{margin:25px 0 27px}
.album-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.album-row img{aspect-ratio:3/4;object-fit:cover}
.album-row figcaption{font-size:14px;line-height:1.5}
.evening{margin-top:32px}
.album-note{font-size:14px;font-style:italic;color:var(--muted)}
.contact{border-top:3px double var(--sea);padding:24px 0 6px}
.mail{margin:23px 0;font-size:26px;line-height:1.4;overflow-wrap:anywhere}
.signoff{font-style:italic;font-size:16px}
.sources{margin-top:30px;padding-top:19px;border-top:1px dotted var(--line);font-size:14px;color:var(--muted)}
.sources h2{font-size:19px;margin-bottom:10px}.sources p{margin-bottom:10px}.sources ul{padding-left:20px;margin:10px 0 15px}.sources li{margin:8px 0}.source-note{font-style:italic}
footer{border-top:3px double var(--sea);display:flex;justify-content:space-between;gap:15px;padding:16px 0 19px;font-size:13px;color:var(--muted)}
.skip-link{position:absolute;left:15px;top:-100px;padding:8px 12px;background:var(--paper);z-index:2}.skip-link:focus{top:10px}
@media(min-width:760px){.hero-photo img{aspect-ratio:1.46;object-fit:cover;object-position:50% 54%}}
@media(max-width:760px){.page{max-width:calc(100% - 28px);padding:0 22px;margin:17px auto}.layout{grid-template-columns:1fr;gap:0;padding-top:25px}.sidebar{display:none}h1{font-size:66px}.history-detail{grid-template-columns:38% minmax(0,1fr);gap:20px}}
@media(max-width:480px){body{font-size:17px;line-height:1.65}.page{max-width:calc(100% - 18px);padding:0 17px;margin:9px auto;box-shadow:3px 3px 0 #cbd5d0}.topline{font-size:12px;gap:5px}h1{font-size:62px;margin-top:16px}.subtitle{font-size:16px;margin-bottom:19px}nav{gap:8px 11px;font-size:15px}nav span{display:none}nav a{padding:2px 0}.layout{padding-top:25px}h2{font-size:26px}.hero-photo{margin-top:23px}.section-heading h2{font-size:25px}.history-detail{grid-template-columns:1fr}.history-detail figure{max-width:230px;margin:0 auto 5px}.history-detail p{font-size:17px}.album-row{grid-template-columns:1fr;gap:26px}.album-row figure{max-width:280px;width:100%;margin:0 auto}.album-row img{aspect-ratio:auto}.chapter{margin-top:32px}.mail{font-size:25px}footer{flex-direction:column;gap:8px;font-size:13px}}
@media print{body{background:#fff}.page{width:100%;max-width:none;border:0;box-shadow:none;margin:0;padding:0}.sidebar,nav,.album-note,.skip-link{display:none}.layout{display:block}a{color:inherit}figure,.history-detail{break-inside:avoid}.chapter{margin-top:24px}footer{display:block}}