/* leafviewer.app only; everything shared is in house.css. */
/* The slideshow's pictures are 16:9 */
.slide .shot{aspect-ratio:16/9}
/* The gallery of what Leaf opens: a picture card per kind of file */
.gallery{--min:300px}
.gallery .card{padding:0;gap:0;overflow:hidden;scroll-margin-top:84px}
.gallery .pic{display:block;border-bottom:1px solid var(--line);background:var(--raised)}
.gallery .pic img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:opacity .2s var(--ease)}
.gallery .pic:hover img{opacity:.92}
.gallery .text{display:grid;gap:var(--s2);padding:var(--s5)}
.gallery .card h3{font-size:var(--t-18)}
.gallery .kinds{font-size:var(--t-14);color:var(--ink-3)}
.gallery .plain{background:var(--raised)}
.band .needs{justify-self:stretch}
.feature h2{font-size:clamp(1.35rem,2.4vw,1.75rem)}
.feature li strong{color:var(--ink)}
kbd{border:1px solid var(--line-2);border-bottom-width:2px;border-radius:4px;padding:0 5px;background:var(--surface)}