/* A1: «ещё N на сайте Андрея» in the people list, «Фото с сайта Андрея» under a person's own photos, and its viewer. */
.andrew-more{opacity:.75}
.andrew-photos{margin:28px 0 8px;padding-top:18px;border-top:1px solid #0000001f}
.andrew-photos[hidden]{display:none}
.andrew-photos-title{margin:0 0 12px;font:600 18px/1.3 Georgia,serif;color:inherit}
.andrew-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.andrew-photo{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:6px;background:#0000000d}
.andrew-photo img{display:block;width:100%;height:100%;object-fit:cover}
.andrew-photo:focus-visible{outline:2px solid #bc9761;outline-offset:2px}
.andrew-photos-more,.andrew-photos-open{display:inline-flex;align-items:center;min-height:44px;margin:12px 12px 0 0;padding:8px 16px;border:1px solid #0000003d;border-radius:22px;background:transparent;color:inherit;font:14px/1.3 Arial,sans-serif;text-decoration:none;cursor:pointer}
.andrew-photos-more[hidden]{display:none}
.andrew-viewer{max-width:none;max-height:none;width:100vw;height:100svh;margin:0;padding:0;border:0;background:#111;color:#f5f0e6}
.andrew-viewer::backdrop{background:#000c}
.andrew-viewer[open]{display:flex;flex-direction:column}
.andrew-viewer img{flex:1;min-height:0;width:100%;object-fit:contain}
.andrew-viewer-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
.andrew-viewer-bar :is(button,a){min-height:44px;padding:8px 14px;border:1px solid #f5f0e666;border-radius:22px;background:transparent;color:inherit;font:14px/1.3 Arial,sans-serif;text-decoration:none;cursor:pointer}
.andrew-viewer-bar [hidden]{display:none}
.andrew-viewer-status{min-width:1ch;font:13px/1.3 Arial,sans-serif}
@media(max-width:600px){.andrew-photos-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px}}
/* 2.3.125: the other site's mark inside a label. The lettering is light (made for the dark header): dark on the light page, as is
   in the dark viewer. Never mirrored; the hidden name is what a copy of the text gets. */
.site-mark{display:inline-block;position:relative;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
span.site-mark>img{display:inline-block;height:2.1em;width:auto;max-width:none;min-height:0;margin:-.62em -.32em -.5em;padding:0;border:0;border-radius:0;background:none;box-shadow:none;object-fit:contain;vertical-align:-.66em;filter:brightness(.34)}
.andrew-viewer span.site-mark>img{filter:none}
.site-mark-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}