.magazine-covers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:30px 0}.magazine-cover-card{background:#17131ee8;border:1px solid #ffffff30;padding:15px;display:flex;flex-direction:column;gap:12px;min-width:0}.magazine-cover-card img{width:100%;aspect-ratio:3/4;object-fit:contain;background:#100d16}.magazine-cover-card h2{font-size:24px;line-height:1.15;margin:0}.magazine-cover-card p{font-size:13px;color:#c7bdce;margin:0}.magazine-cover-card button{margin-top:auto}#issue-detail{width:min(900px,calc(100vw - 30px));max-height:90dvh;overflow:auto;background:#19121f;color:#f4eff8;border:1px solid #9e76ad;border-radius:12px;padding:28px}#issue-detail::backdrop{background:#000b}.issue-detail-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:28px;align-items:start}.issue-detail-layout img{width:100%;height:auto;object-fit:contain}.issue-detail-layout h2{font-size:34px;line-height:1.1}.issue-detail-layout details{margin-top:22px;border-top:1px solid #ffffff30;padding-top:16px}.issue-detail-layout summary{cursor:pointer;font-size:14px}.issue-detail-layout details p{font-size:13px}#close-issue{display:block;margin:0 0 12px auto;color:#fff;background:#35243d;border:1px solid #8c7198;padding:6px 12px;font-size:23px;border-radius:8px;cursor:pointer}@media(max-width:1050px){.magazine-covers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.magazine-covers{gap:12px}.magazine-cover-card{padding:10px}.magazine-cover-card h2{font-size:20px}.magazine-cover-card .btn{padding:10px;font-size:10px}.issue-detail-layout{grid-template-columns:1fr}.issue-detail-layout img{max-height:50vh}#issue-detail{padding:20px}}