/* 2.3.182: the features under the greeting of the desktop home page and the block «Ещё наши сайты» (home-features.js) */
.home-features{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:440px;margin-top:22px}
.home-features[hidden]{display:none}
.hf-card{display:flex;align-items:center;gap:12px;box-sizing:border-box;min-height:66px;padding:11px 14px;border:1px solid #f1e8d766;border-radius:14px;background:#1d2620d9;color:#f6eedf;
 font:14px/1.3 Arial,sans-serif;text-align:start;cursor:pointer;box-shadow:0 6px 18px #0003;backdrop-filter:blur(8px);transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}
.hf-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0004;background:#26332ae6}
.hf-card:focus-visible{outline:2px solid #e4c48e;outline-offset:3px}
.hf-card svg{flex-shrink:0;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:#e4c48e}
.hf-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.hf-text strong{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hf-text small{font-size:12px;color:#e9e1cf;opacity:.85;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/* 2.3.183 (Andrew: «прозрачные были лучше»): «Воспоминания» is the same clear card as the others, the first one, with a bigger icon */
.hf-card.hf-memories svg{width:32px;height:32px}
/* «Ещё наши сайты»: small, under the cards */
.home-sites{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin-top:16px;color:#e4d7bb}
.home-sites-label{font:600 12px/1.25 Arial,sans-serif;letter-spacing:.03em;white-space:nowrap}
.home-sites .site-links{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0;padding:0;border:0}
.home-sites .site-links[hidden],.home-sites:has(.site-links[hidden]){display:none}
.home-sites .site-links-label{display:none}
.home-sites .site-link-sign{display:flex;align-items:center;width:auto;height:30px;min-width:0;text-decoration:none;color:#f1d8ae;border-radius:4px}
.home-sites .site-link-sign img{display:block;width:84px;height:auto}
.home-sites .site-link-sign:hover{background:#ffffff12}
.home-sites .site-link-title{font-size:17px}
/* the copy above the footer: only where the first screen belongs to the photograph (home-frame.css «compact homepages») */
.home-sites-foot{display:none;margin:28px 0 0;color:inherit}
.home-sites-foot .site-link-sign{color:inherit}
@media(max-width:1100px),(max-height:850px){
 body[data-page="home"] :is(.hero-copy,.hero-intro){flex-wrap:wrap;row-gap:8px}
 body[data-page="home"] :is(.hero-copy,.hero-intro)>.home-features{order:3;flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px;max-width:none;margin:0}
 body[data-page="home"] :is(.hero-copy,.hero-intro)>.home-features[hidden]{display:none}
 body[data-page="home"] .hf-card{min-height:40px;padding:6px 14px;border-radius:999px;gap:8px}
 body[data-page="home"] .hf-card svg{width:20px;height:20px}
 body[data-page="home"] .hf-card.hf-memories svg{width:22px;height:22px}
 body[data-page="home"] .hf-text small{display:none}
 body[data-page="home"] .hf-text strong{font-size:14px}
 body[data-page="home"] :is(.hero-copy,.hero-intro)>.home-sites{display:none}
 body[data-page="home"] .home-sites-foot{display:flex}
}
body.a11y-contrast .hf-card{background:#000;color:#fff;border-color:#fff}

/* the chooser of «Тогда и сейчас» */
.hf-chooser{box-sizing:border-box;width:min(460px,calc(100vw - 24px));max-height:min(640px,calc(100svh - 40px));padding:0;border:0;border-radius:14px;background:#f5f3ed;color:#232923;box-shadow:0 20px 50px #0007;display:flex;flex-direction:column}
.hf-chooser:not([open]){display:none}
.hf-chooser::backdrop{background:#0009}
.hf-chooser-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px 6px}
.hf-chooser-head h2{margin:0;font:600 19px/1.25 Georgia,serif}
.hf-chooser-close{width:40px;height:40px;border:1px solid #cfc6b2;border-radius:50%;background:transparent;font-size:16px;cursor:pointer;color:inherit}
.hf-chooser-find{margin:8px 18px 6px;box-sizing:border-box;width:calc(100% - 36px);height:44px;padding:8px 12px;border:1px solid #b9ad92;border-radius:10px;font:16px/1.3 Arial,sans-serif;background:#fff;color:inherit}
.hf-chooser-status{margin:8px 18px;color:#5d6658;font-size:14px}
.hf-chooser-list{overflow:auto;padding:4px 10px 14px;display:flex;flex-direction:column}
.hf-person{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-height:44px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:inherit;font:15px/1.3 Arial,sans-serif;text-align:start;cursor:pointer}
.hf-person:hover,.hf-person:focus-visible{background:#e8e1d0;outline:none}
.hf-person small{flex-shrink:0;color:#6b725f;font-size:13px;direction:ltr}
.hf-person:disabled{opacity:.6;cursor:progress}
/* 2.3.183 (Andrew 17.10: «надписи мгновения из фотоальбома вообще убрать»): the photo of the home page carries no caption above it; ⛶ stays at its place */
body[data-page="home"] .photo-frame .frame-top>:is([data-site-i="randomMoments"],[data-i="moments"],.frame-dot){display:none}
/* 2.3.183: «В альбом» and ⛶ together at the bottom of the photo (andrew / school89 home), both clear and alike */
body[data-page="home"] .frame-photo .frame-actions{position:absolute;inset-inline-end:10px;bottom:10px;z-index:2;display:flex;align-items:center;gap:8px;max-width:calc(100% - 20px)}
body[data-page="home"] .frame-photo .frame-actions>#frame-album{position:static;max-width:none}
body[data-page="home"] .frame-photo .frame-actions>#frame-album[hidden]{display:none}
body[data-page="home"] .frame-photo .frame-actions>#photo-fullscreen{position:static;display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid #fff6;border-radius:50%;background:#252b27c9;color:#fff;font-size:18px;cursor:pointer;backdrop-filter:blur(6px)}
body[data-page="home"] .frame-photo .frame-actions>#photo-fullscreen:disabled{opacity:.5}
body[data-photo-site][data-page="home"] .photo-frame .frame-top:not(:has(>:not([hidden]):not([data-site-i="randomMoments"]):not(.frame-dot):not(.frame-fx:empty))){display:none}

/* 2.3.184 variant Б (Andrew 17.10): the left column — the short greeting, the features as a column of icons (no boxes), room for more, and «Ещё наши сайты» at the bottom,
   level with the bottom of the photo, in the same handwriting as now («таким специальным шрифтом как мы это пишем везде») */
@media(min-width:1101px) and (min-height:851px){
 body[data-photo-site][data-page="home"] .photo-hero{align-items:stretch}
 body[data-photo-site][data-page="home"] .photo-hero>.photo-frame{align-self:center}
 body[data-photo-site][data-page="home"] .hero-copy{display:flex;flex-direction:column;align-self:stretch;justify-content:flex-start;padding-block:24px 8px}
 body[data-photo-site][data-page="home"] .hero-copy>:first-child{margin-top:auto}
 body[data-photo-site][data-page="home"] .hero-copy>.home-sites{margin-top:auto}
}
body[data-photo-site][data-page="home"] .hero-welcome{font:400 clamp(24px,2vw,30px)/1.3 Georgia,serif}
body[data-photo-site][data-page="home"] .home-features{gap:4px;margin-top:20px}
body[data-photo-site][data-page="home"] .hf-card{min-height:52px;padding:6px 6px;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
body[data-photo-site][data-page="home"] .hf-card:hover{background:#ffffff14;transform:none;box-shadow:none}
body[data-photo-site][data-page="home"] .hf-card svg{box-sizing:content-box;width:22px;height:22px;padding:10px;border-radius:50%;border:1px solid #f1e8d766;background:#ffffff10}
body[data-photo-site][data-page="home"] .hf-card.hf-memories svg{width:22px;height:22px}
/* 2.3.184: a wide but low window (a laptop) keeps «Ещё наши сайты» in the left column too, lower down, not straight under the buttons */
@media(min-width:1101px) and (max-height:850px){
 body[data-photo-site][data-page="home"] :is(.hero-copy,.hero-intro)>.home-sites{display:flex;order:5;flex-basis:100%;margin-top:clamp(18px,8vh,64px)}
 body[data-photo-site][data-page="home"] .home-sites-foot{display:none}
}
/* 2.3.184: «Тогда и сейчас» and «История: Имя» at the top of the home photo — small clear buttons, together */
body[data-page="home"] .photo-frame .frame-top>.frame-fx{display:flex;flex-wrap:wrap;gap:6px;margin-inline-end:auto}
body[data-page="home"] .photo-frame .frame-fx:empty{display:none}
body[data-page="home"] .frame-fx-btn{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid #8e977f;border-radius:15px;background:#ffffff8c;color:#232923;font:600 13px/1 Arial,sans-serif;white-space:nowrap;cursor:pointer}
body[data-page="home"] .frame-fx-btn:hover{background:#fff}
/* 2.3.188 (аудит B п.14: iPad upright in «Обычная», 820×1180 — ~300px empty under the photo, «Ещё наши сайты» not on the first screen): on a tall upright window
   the block of our sites stands under the features again and the column is centred in the height */
@media (orientation:portrait) and (min-width:700px) and (min-height:900px){
 body[data-photo-site][data-page="home"] .photo-hero{justify-content:center}
 body[data-photo-site][data-page="home"] .hero-copy>.home-sites{display:flex;margin-top:10px}
 body[data-photo-site][data-page="home"] .hero-copy>.home-sites:has(.site-links[hidden]){display:none}
}
/* 2.3.220 (Andrew 21.10, audit list п.17): «Тогда и сейчас» and «История: Имя» on the photo's top edge, dark like «В альбом» at the bottom; nothing above the photo */
body[data-page="home"] .frame-photo>.frame-fx{position:absolute;top:10px;inset-inline-start:10px;z-index:2;display:flex;flex-wrap:wrap;gap:8px;max-width:calc(100% - 20px)}
body[data-page="home"] .frame-photo>.frame-fx:empty{display:none}
body[data-page="home"] .frame-photo>.frame-fx .frame-fx-btn{height:36px;padding:0 14px;border:1px solid #fff6;border-radius:18px;background:#252b27c9;color:#fff;font:600 13px/1 Arial,sans-serif;box-shadow:0 1px 6px rgba(0,0,0,.25)}
body[data-page="home"] .frame-photo>.frame-fx .frame-fx-btn:hover{background:#252b27f0}
body[data-page="home"] .frame-photo>.frame-fx .frame-fx-btn:focus-visible{outline:3px solid #d6b777;outline-offset:2px}
/* 2.3.222 (Andrew 19.10): the year or the whole date of the home photo — top right on the photo (elisheva: left of its full-screen button) */
body[data-page="home"] .frame-photo>.frame-date{position:absolute;top:10px;inset-inline-end:10px;z-index:2;padding:6px 12px;border:1px solid #fff6;border-radius:16px;background:#252b27c9;color:#fff;font:600 13px/1.2 Arial,sans-serif;white-space:nowrap;pointer-events:none}
body[data-page="home"] .frame-photo>.frame-date[hidden]{display:none}
body[data-page="home"]:not([data-photo-site]) .frame-photo>.frame-date{inset-inline-end:62px}