.article-screenshot{width:100%;max-width:980px;margin:28px auto 32px;padding:24px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;box-sizing:border-box}.article-screenshot__title{margin:0 0 10px;color:#fff;font-size:1.4rem;font-weight:700}.article-screenshot__description{margin:0 0 18px;color:hsla(0,0%,100%,.8);line-height:1.7;font-size:.98rem}.article-screenshot__figure{margin:0}.article-screenshot__frame{position:relative;display:block;width:min(100%,var(--article-screenshot-frame-max-width,780px));margin:0 auto;padding:0;border:0;background:transparent;overflow:hidden;border-radius:18px;border:1px solid hsla(0,0%,100%,.08);box-shadow:0 20px 60px rgba(0,0,0,.35);cursor:zoom-in}.article-screenshot__image{display:block;width:100%;height:auto}.article-screenshot__expand{position:absolute;right:14px;bottom:14px;z-index:1;padding:8px 12px;border-radius:999px;background:rgba(13,15,22,.82);border:1px solid hsla(0,0%,100%,.14);color:#fff;font-size:.82rem;font-weight:600}.article-screenshot__caption{width:min(100%,var(--article-screenshot-frame-max-width,780px));margin-top:14px;margin-left:auto;margin-right:auto;color:hsla(0,0%,100%,.72);line-height:1.6;font-size:.92rem}.article-screenshot__lightbox{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:66px 18px 24px;background:rgba(6,8,14,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.article-screenshot__lightbox-content{width:min(1120px,100%);display:flex;flex-direction:column;gap:14px}.article-screenshot__lightbox-title{margin:0;color:#fff;font-size:1.2rem;line-height:1.35}.article-screenshot__lightbox-image-wrap{display:flex;justify-content:center;align-items:center;max-height:76vh;overflow:auto;border-radius:18px}.article-screenshot__lightbox-image{display:block;width:auto;max-width:min(1120px,92vw);height:auto;max-height:76vh;border-radius:18px}.article-screenshot__lightbox-caption{margin:0;color:hsla(0,0%,100%,.82);line-height:1.65;font-size:.95rem}.article-screenshot__close{position:absolute;top:18px;right:18px;width:46px;height:46px;border:0;border-radius:999px;background:hsla(0,0%,100%,.08);color:#fff;font-size:2rem;line-height:1;cursor:pointer}.article-screenshot__close:focus-visible,.article-screenshot__close:hover{background:rgba(255,193,7,.16)}@media (max-width:768px){.article-screenshot{margin:22px auto 26px;padding:16px;border-radius:14px}.article-screenshot__title{font-size:1.2rem}.article-screenshot__description{font-size:.94rem}.article-screenshot__lightbox{padding-left:14px;padding-right:14px}}