.lr-grid{--lr-accent:#5fb0f8;--lr-navy:#16283a;--lr-line:#dbe1e6;display:grid;grid-template-columns:repeat(var(--lr-cols,3),minmax(0,1fr));gap:24px;margin:24px 0}
@media (max-width:900px){.lr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lr-grid[style*="--lr-cols:1"]{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.lr-grid{grid-template-columns:minmax(0,1fr)}}
.lr-card{margin:0}
.lr-open{display:block;width:100%;padding:0;margin:0;border:1px solid var(--lr-line);background:transparent;color:inherit;text-align:left;font:inherit;text-decoration:none;cursor:pointer}
.lr-open:focus-visible,.lr-thumb:focus-visible{outline:3px solid var(--lr-accent);outline-offset:2px}
.lr-ph{position:relative;display:block;aspect-ratio:4/3;overflow:hidden}
.lr-ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.lr-open:hover .lr-ph img{transform:scale(1.03)}
.lr-cnt{position:absolute;left:0;bottom:0;background:var(--lr-navy);color:#fff;font-size:.85rem;line-height:1.2;padding:6px 12px}
.lr-pt{display:block;padding:14px 16px 2px;font-weight:600}
.lr-meta{display:block;padding:0 16px 14px;font-size:.9rem;opacity:.7}
.lr-pt:last-child{padding-bottom:14px}

.lr-gallery{--lr-accent:#5fb0f8;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:24px 0}
.lr-thumb{padding:0;border:1px solid #dbe1e6;background:none;cursor:zoom-in;aspect-ratio:4/3;overflow:hidden}
.lr-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.lr-thumb:hover img{transform:scale(1.04)}

.lr-lb{border:0;padding:0;background:transparent;max-width:96vw;max-height:96vh;overflow:visible}
.lr-lb::backdrop{background:rgba(0,0,0,.86)}
.lr-lbw{position:relative}
.lr-lbi{display:block;max-width:96vw;max-height:80vh;width:auto;height:auto;margin:0 auto;background:#111}
.lr-lbw button{position:absolute;border:0;cursor:pointer;background:rgba(11,17,23,.75);color:#fff;font:inherit;font-size:1.7rem;line-height:1;width:48px;height:48px;padding:0}
.lr-lbw button:hover,.lr-lbw button:focus-visible{background:#16283a}
.lr-lbw button:focus-visible{outline:3px solid #5fb0f8}
.lr-x{top:0;right:0}
.lr-prev{left:0;top:calc(50% - 24px)}
.lr-next{right:0;top:calc(50% - 24px)}
.lr-cap{background:#16283a;color:#fff;padding:10px 14px;font-size:.95rem;display:flex;justify-content:space-between;gap:12px}
.lr-lbw [hidden]{display:none}