:root{--navy:#003366;--deep:#000033;--sky:#7ba6fc;--pale:#8bb1fc;--ink:#2b2b2b;--link:#003366;--hover:#0033ff}
*{box-sizing:border-box}
html{background:#6699ff}
body{margin:0;background:#6699ff;color:var(--ink);font:17px/1.6 "Trebuchet MS",Arial,Helvetica,sans-serif}
.frame{max-width:760px;margin:0 auto;border:1px solid var(--navy);background:var(--sky)}
.masthead{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--navy);padding:8px}
.masthead img{display:block;height:auto}
.masthead .portrait{width:22%;max-width:170px}
.masthead .title{width:70%;max-width:447px}
.menu{background:var(--deep)}
.menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center}
.menu a{display:block;padding:8px 18px;color:#fff;text-decoration:none;font:bold 15px Tahoma,Geneva,sans-serif}
.menu a:hover,.menu a:focus{background:#33c;color:#fff}
.menu a[aria-current]{background:var(--navy)}
main{padding:6px 14px 16px}
.langs{text-align:center;font:13px Tahoma,Geneva,sans-serif;margin:4px 0 8px}
.langs a{margin:0 8px;white-space:nowrap}
.langs img{vertical-align:middle;border:1px solid var(--navy)}
.panel{background:var(--pale);border:1px solid var(--navy);padding:14px 22px 22px}
h1{color:var(--navy);font:bold 26px/1.3 Tahoma,Geneva,sans-serif;text-align:center;margin:8px 0 18px}
a{color:var(--link);text-decoration:none}
a:hover,a:focus{color:var(--hover);text-decoration:underline}
p{margin:0 0 1em}
.panel p{font-style:italic}
p.c{text-align:center}
img{max-width:100%;height:auto}
.fl{float:left;margin:6px 16px 10px 0}
.fr{float:right;margin:6px 0 10px 16px}
.legacy::after{content:"";display:block;clear:both}
.legacy p.c{clear:both;margin-top:1.6em}
.home{display:flex;gap:20px;align-items:flex-start}
.home .text{flex:1}
.home .side{margin:0;flex:0 0 269px}
.home figcaption{font-size:13px;text-align:center;font-style:italic}
.gallery{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.gallery a{display:block;border:2px solid var(--navy);background:#fff}
.gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.gallery a:hover{border-color:var(--hover)}
.tributes{margin-top:1.5em}
.tribute{background:#fff8;border-left:4px solid var(--navy);padding:10px 16px;margin:0 0 16px}
.tribute blockquote{margin:0}
.tribute .who{font-style:normal;font-weight:bold;text-align:right;margin:0}
footer{background:var(--navy);color:#cfe0ff;text-align:center;font:13px Verdana,Geneva,sans-serif;padding:8px}
.lb{position:fixed;inset:0;background:rgba(0,0,20,.9);display:flex;align-items:center;justify-content:center;z-index:9;flex-direction:column}
.lb[hidden]{display:none}
.lb img{max-width:92vw;max-height:82vh;border:4px solid #fff;background:#fff}
.lb .cap{color:#fff;margin-top:8px;font:14px Tahoma,sans-serif}
.lb button{position:absolute;background:none;border:0;color:#fff;font:bold 40px/1 Arial,sans-serif;cursor:pointer;padding:12px}
.lb .x{top:6px;right:10px}.lb .prev{left:4px;top:45%}.lb .next{right:4px;top:45%}
@media (max-width:640px){
 body{font-size:16px}
 .home{flex-direction:column;align-items:center}
 .home .side{flex:none;max-width:269px}
 .fl,.fr{float:none;display:block;margin:10px auto}
 .panel{padding:10px 12px 16px}
 h1{font-size:21px}
 .menu a{padding:8px 11px}
}