@font-face{font-family:Lato;font-weight:400;font-display:swap;src:url(fonts/lato-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Lato;font-weight:400;font-display:swap;src:url(fonts/lato-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*{box-sizing:border-box}
body{margin:0 15px 0 0;font:100% Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#555;background:#fff}
a{text-decoration:none;color:#555}a:hover{color:#999}
.wrap{display:flex;align-items:flex-start}
.side{flex:0 0 200px;padding:12px 0 0 12px}
.main{flex:1;min-width:0;padding-top:4px}
.site{display:block;margin-top:2.4em;font-size:.9em;color:#1a5fb4}.site:hover{color:#6a9fe0}
hr{margin:1.2em 0 1.2em;border:0;border-top:1px solid #ddd}
hr{width:100%}.range{display:inline-block}
h2{font-size:.9em;font-weight:normal;margin:0 0 2px;color:#555}
nav{font-size:.9em;margin:14px 0 8px 15px;color:#555}
nav span{margin-right:14px}nav .cur{color:#dedede}
.grid{display:flex;flex-wrap:wrap;margin:4px 0 0 15px;max-width:1260px}
.cell{width:200px;margin:0 10px 10px 0}
.cell img{display:block;width:200px;height:200px;object-fit:contain}
.cap{font-size:.72em;color:#555;min-height:1.2em}
ul.meta{list-style:none;margin:0;padding:0;font-size:.8em;color:#555}
ul.meta li{margin:0 0 .7em;overflow-wrap:anywhere}
.box{margin:12px 0 0 45px;max-width:600px;border:1px solid #ddd;padding:8px 12px;font-size:.8em}.box p{margin:0 0 .8em}.box p:last-child{margin:0}.box .q{padding-left:.8em;border-left:2px solid #ddd}
.box a{text-decoration:underline}
[lang=grc]{font-family:"Gentium Plus","Palatino Linotype",Palatino,"Times New Roman","Noto Serif",serif;font-size:1.1em}
.photo{margin:4px 0 0 45px}
.photo img{display:block;max-width:100%;height:auto;width:600px}
footer{padding:2.4em 0 15px 245px;font-size:.76em}
#lb{position:fixed;inset:0;z-index:10;background:#fff;display:flex;flex-direction:column}
.lb-bar{flex:0 0 54px;background:#b3b3b3;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:.9em}
.lb-btns{display:flex;gap:22px}.lb-btns button,.lb-btns a{background:none;border:0;padding:0;color:#fff;cursor:pointer;display:flex}
.lb-btns :hover{color:#555}
.lb-stage{flex:1;min-height:0;overflow:auto;display:flex;padding:12px}
.lb-stage img{margin:auto;max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in}
.lb-zoom .lb-stage img{max-width:none;max-height:none;cursor:zoom-out}
.lb-arrow{position:absolute;top:50%;margin-top:-15px;width:40px;height:30px;border:0;background:#b3b3b3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lb-arrow:hover{background:#999}.lb-prev{left:12px}.lb-next{right:12px}
@media (max-width:700px){.wrap{display:block}.side{padding-bottom:8px}ul.meta{margin-left:0}footer{padding-left:12px}.photo,.box{margin-left:15px}}
