.bg-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(12px,1.6vw,22px)}
.bg-i{display:block;width:100%;margin:0;padding:clamp(8px,1vw,12px);border:1px solid rgba(10,16,48,.12);border-radius:16px;background:#fff;color:#122242;font:inherit;text-align:left;cursor:zoom-in;transition:border-color .2s}
.bg-i:hover,.bg-i:focus-visible{border-color:#281cac}
.bg-i:focus-visible{outline:2px solid #281cac;outline-offset:2px}
.bg-i img{display:block;width:100%;height:auto;border-radius:8px;background:#f4f7ff}
.bg-t{display:block;margin-top:10px;font-size:.95rem;font-weight:600;line-height:1.25;color:#122242}
.bg-s{display:block;margin-top:2px;font-size:.8rem;font-weight:300;line-height:1.35;color:#4a5276}
@media(max-width:1279px){.bg-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.bg-list{grid-template-columns:repeat(2,1fr)}}
.bg-lb{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:clamp(12px,3vw,32px);background:rgba(2,6,26,.9);cursor:zoom-out}
.bg-lb.on{display:flex}
.bg-lb img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:6px;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.bg-x{position:absolute;top:clamp(10px,2vw,22px);right:clamp(10px,2vw,22px);width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#122242;font-size:1.6rem;line-height:1;cursor:pointer}
.bg-x:focus-visible{outline:2px solid #F4B01E;outline-offset:2px}
html.bg-lock{overflow:hidden}