﻿/* Client app screenshots remain flat and readable; the original cover keeps its approved composition. */
.dialog-app-screens{margin:0 0 36px;scroll-margin-top:88px}
.dialog-app-screens[hidden],.dialog-screen-jump[hidden]{display:none}
.dialog-app-screens>h3{margin-bottom:19px}
.dialog-screen-jump{margin-left:auto;margin-right:20px;min-height:40px;border-radius:999px;padding:9px 16px;background:#eef2f7;color:#26364e;font-size:12px;font-weight:500}
.dialog-screen-jump:hover{background:#dce4ee}
.screen-gallery--app{padding:0}
.screen-gallery--app .screen-controls{margin-bottom:20px;gap:4px}
.screen-gallery--app .screen-controls button{font-size:12px;padding-inline:13px}
.app-screen-frame{display:grid;grid-template-columns:minmax(0,272px) minmax(0,1fr);gap:34px;align-items:center;background:#f2f5f9;border-radius:16px;padding:27px}
.screen-gallery--app .screen-preview{border-radius:15px;align-self:start;max-width:272px;background:white;border:1px solid #dce4ee}
.screen-gallery--app .screen-preview img{aspect-ratio:39/80;width:100%;height:auto}
.screen-gallery--app .screen-zoom{right:8px;left:8px;bottom:8px;text-align:center;font-size:10px;padding:8px 5px}
.app-screen-detail{min-width:0}
.dialog-content .app-screen-detail h4{font-size:25px;font-weight:500;line-height:1.22;letter-spacing:-.025em;text-wrap:balance}
.dialog-content .app-screen-detail>p{font-size:14px;line-height:1.7;color:#526078;margin-top:18px}
.app-screen-detail ul{margin:22px 0 0;padding-left:16px;display:grid;gap:13px;color:#34445a;font-size:13px;line-height:1.65}
.app-screen-detail li{padding-left:4px}
.app-screen-detail li::marker{color:#526d96}
.screen-gallery--app .screen-info{margin-top:12px}
@media(max-width:900px){.app-screen-frame{grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:25px;padding:22px}.dialog-content .app-screen-detail h4{font-size:23px}.app-screen-detail ul{font-size:12px;gap:10px}}
@media(max-width:620px){.dialog-screen-jump{font-size:10px;margin-right:10px;padding:8px 11px;min-height:36px}.dialog-bar{gap:8px}.dialog-bar>span{font-size:11px}.dialog-app-screens{scroll-margin-top:78px;margin-bottom:29px}.dialog-app-screens>h3{font-size:20px;margin-bottom:16px}.screen-gallery--app .screen-controls{gap:3px;margin-bottom:16px}.screen-gallery--app .screen-controls button{font-size:11px;padding-inline:10px;min-height:44px}.app-screen-frame{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:20px 17px}.app-screen-detail{order:-1}.dialog-content .app-screen-detail h4{font-size:23px}.dialog-content .app-screen-detail>p{font-size:14px;margin-top:13px}.app-screen-detail ul{font-size:13px;margin-top:16px;gap:9px}.screen-gallery--app .screen-preview{width:100%;max-width:272px;align-self:center}.screen-gallery--app .screen-info{font-size:10px;line-height:1.6}}
@media(max-width:620px){.app-screen-frame{gap:20px}.app-screen-detail{display:contents}.app-screen-detail h4{order:0}.screen-gallery--app .screen-preview{order:1}.dialog-content .app-screen-detail>p{order:2;margin-top:0}.app-screen-detail ul{order:3;margin-top:0}}
@media(max-width:360px){.dialog-screen-jump{max-width:108px;font-size:10px;line-height:1.3}.app-screen-frame{padding:17px 14px}.dialog-content .app-screen-detail h4{font-size:21px}}

