/* Shared screenshot gallery; existing app colours and image pixels are retained. */
.screenshot-gallery{--sg-accent:#a82c5d;--sg-surface:#f5e5ec;--sg-ink:#30242d;--sg-card:280px;display:block!important;max-width:1200px!important;padding-block:40px 56px!important;min-width:0}
.screenshot-gallery[data-gallery-app="cora"]{--sg-accent:#bd345c;--sg-surface:#f9e9ef}
.screenshot-gallery[data-gallery-app="evraktakip"]{--sg-accent:#2459ed;--sg-surface:#e7edf7;--sg-ink:#182d4c;max-width:none!important;padding-block:0!important}
.sg-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
.sg-intro h2{font:inherit;font-size:clamp(25px,3.2vw,38px);line-height:1.18;letter-spacing:-1.2px;margin:8px 0 0;color:var(--sg-ink)}
.sg-kicker{font-size:10px;font-weight:600;letter-spacing:1.8px;color:var(--sg-accent);margin:0}
.sg-hint{font-size:12px;line-height:1.7;max-width:230px;color:var(--muted,#6d626a);margin:0}
.sg-track{display:flex!important;gap:24px;align-items:start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:28px max(18px,calc((100% - var(--sg-card))/2)) 36px;scroll-padding-inline:max(18px,calc((100% - var(--sg-card))/2));border:1px solid color-mix(in srgb,var(--sg-accent) 12%,transparent);border-radius:28px;background:radial-gradient(ellipse at 50% 40%,#ffffffc9,transparent 68%),var(--sg-surface);cursor:grab;isolation:isolate;touch-action:pan-x pan-y pinch-zoom}
.sg-track::-webkit-scrollbar{display:none}
.sg-track:focus-visible{outline:3px solid var(--sg-accent);outline-offset:5px}
.sg-track.sg-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.sg-track>figure,.sg-track>a{flex:0 0 var(--sg-card);width:var(--sg-card);min-width:0;margin:0!important;padding:14px!important;background:#ffffff9c!important;border:1px solid #ffffffc9;border-radius:21px!important;box-shadow:0 8px 24px #31243209;scroll-snap-align:center;scroll-snap-stop:always;opacity:.7;transform:scale(.955);transform-origin:50% 42%;transition:opacity .4s,transform .4s,border-color .4s,box-shadow .4s;text-decoration:none;color:var(--sg-ink)}
.sg-track>.is-current{opacity:1;transform:scale(1);border-color:color-mix(in srgb,var(--sg-accent) 30%,white);box-shadow:0 16px 35px #31243212}
.sg-track:not([data-enhanced])>*{opacity:1;transform:none}
.sg-track>figure>a{display:block}
.sg-track a:focus-visible{outline:3px solid var(--sg-accent);outline-offset:4px;border-radius:10px}
.sg-track img{display:block;width:100%!important;height:auto;max-width:none!important;max-height:none!important;border-radius:10px!important;box-shadow:0 2px 9px #30242d0c;transform:none!important;user-select:none;-webkit-user-drag:none}
.sg-track figcaption,.sg-track>a>span{display:block;font:inherit!important;font-size:11px!important;line-height:1.65!important;letter-spacing:0!important;text-align:left!important;margin:14px 3px 3px!important;color:var(--sg-ink)!important;min-height:37px}
.sg-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px}
.sg-controls[hidden]{display:none}
.screenshot-gallery[data-gallery-app="evraktakip"] .sg-controls{padding:10px 14px;background:var(--sg-surface);border-radius:18px}
.screenshot-gallery[data-gallery-app="evraktakip"] .sg-playback-label{color:var(--sg-ink)}
.sg-navigation,.sg-dots,.sg-playback{display:flex;align-items:center;gap:8px}
.screenshot-gallery .sg-button,.sg-dialog .sg-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:44px;min-width:44px;padding:10px;border:1px solid #cfc7cb;background:transparent;color:var(--sg-ink,#30242d);border-radius:50%;font:inherit;font-size:12px;line-height:1;cursor:pointer;transition:background .2s,color .2s,transform .2s;text-decoration:none;margin:0;box-shadow:none}
.screenshot-gallery .sg-button:hover,.sg-dialog .sg-button:hover{background:var(--sg-accent,#a82c5d);border-color:var(--sg-accent,#a82c5d);color:white;transform:translateY(-2px)}
.sg-button:focus-visible,.sg-dot:focus-visible{outline:3px solid var(--sg-accent,#a82c5d);outline-offset:3px}
.sg-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sg-count{min-width:50px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums;color:var(--sg-ink)}
.sg-dot{display:grid;place-items:center;width:28px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;border-radius:8px}
.sg-dot::after{content:"";display:block;width:6px;height:6px;border-radius:10px;background:color-mix(in srgb,var(--sg-accent) 24%,transparent);transition:width .3s,background .3s}
.sg-dot[aria-current="true"]::after{width:22px;background:var(--sg-accent)}
.sg-playback-label{font-size:10px;color:var(--muted,#6d626a)}
.sg-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.sg-dialog{--sg-ink:#30242d;--sg-accent:#a82c5d;border:1px solid #eee4e8;border-radius:22px;padding:16px 20px;background:#fcfaf8;max-width:calc(100vw - 32px);width:min(820px,calc(100vw - 32px));max-height:calc(100dvh - 32px);color:var(--sg-ink);box-shadow:0 30px 100px #0004}
.sg-dialog::backdrop{background:#17131ccb;backdrop-filter:blur(7px)}
.sg-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}
.sg-dialog-head strong{font-size:13px;font-weight:500}
.sg-dialog figure{margin:0;text-align:center}
.sg-dialog img{display:block;max-height:calc(100dvh - 220px);width:auto;height:auto;max-width:100%;margin:auto;object-fit:contain;border-radius:9px}
.sg-dialog figcaption{font-size:12px;line-height:1.6;margin:14px auto;max-width:600px;color:var(--sg-ink)}
.sg-dialog-footer{display:flex;justify-content:center;align-items:center;gap:20px}
@media(min-width:1000px){.screenshot-gallery{--sg-card:300px}.sg-track{gap:32px}}
@media(max-width:600px){.screenshot-gallery{--sg-card:min(76vw,280px);padding-block:28px 40px!important}.sg-intro{display:block;margin-bottom:20px}.sg-hint{font-size:11px;margin-top:12px;max-width:none}.sg-intro h2{font-size:28px}.sg-track{border-radius:23px;padding-top:22px;padding-bottom:26px;gap:18px}.sg-track>figure,.sg-track>a{padding:10px!important;border-radius:17px!important}.sg-controls{gap:8px;flex-wrap:wrap;margin-top:13px}.sg-navigation{gap:3px}.sg-playback-label{display:none}.sg-count{min-width:41px}.sg-dot{width:24px}.sg-controls .sg-button{min-width:42px;min-height:44px}.sg-playback{gap:0}.sg-dialog{padding:12px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}}
@media(prefers-reduced-motion:reduce){.sg-track>*{transform:none!important;transition:none!important}.sg-button,.sg-dot::after{transition:none!important}.sg-dialog::backdrop{backdrop-filter:none}}