/* Additive usability and photography; approved page layout and palette remain in page styles. */
[hidden]{display:none!important}
.hero .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.62)}
.pic img,.im img{display:block;width:100%;height:100%;object-fit:cover}
.veg .pic{text-decoration:none;overflow:hidden}
.veg .pic svg{max-height:100%;width:62%}
.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:var(--sun);color:var(--ink);padding:8px 16px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.mobile-menu{display:none}
@media(max-width:860px){
 .bar{flex-wrap:wrap;gap:10px;padding:10px 16px}
 .logo span{font-size:21px}
 .tools{gap:10px}
 .mobile-menu{display:block;order:3;width:100%;border-top:1px solid var(--line);padding-top:8px}
 .mobile-menu summary{cursor:pointer;font:400 14px Roboto;min-height:32px}
 .mobile-menu nav{display:flex;gap:12px;flex-wrap:wrap;padding:8px 0}
 .mobile-menu a{font:400 14px Roboto;text-decoration:none;padding:5px 0}
}
@media(max-width:400px){.logo span{font-size:18px}.logo img{height:32px}.lang button{padding:5px 7px}.tools{gap:6px}#theme{font-size:12px}.bar{padding:8px 10px}}

.post a.pic{overflow:hidden;text-decoration:none}
.post h3 a{text-decoration:none}
.post h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.post a.pic:focus-visible{outline:3px solid var(--sun);outline-offset:4px}

.veg h3 a{text-decoration:none}.veg h3 a:hover{text-decoration:underline;text-underline-offset:4px}

/* One locally hosted photograph-style sheet is cached and framed per product. */
.produce-photo{display:block;width:100%;height:100%;min-width:0;min-height:0;background-repeat:no-repeat;aspect-ratio:1}
.gal .main>.produce-photo{position:absolute;inset:0}

.journal-photo{display:block;width:100%;height:100%;aspect-ratio:1;background-repeat:no-repeat}