.vcard-gallery .gallery-content{padding-block:clamp(22px,4vw,46px) 20px}
.gallery-heading{max-width:690px;margin-bottom:24px}
.gallery-heading>span,.gallery-preview header small{font-size:.73rem;letter-spacing:.09em;font-weight:750;color:#466783}
.gallery-heading h1{font-size:clamp(2.1rem,4.5vw,3.5rem);line-height:1.08;letter-spacing:-.045em;margin:8px 0}
.gallery-heading p,.gallery-next p,.gallery-note{color:#476179;margin:6px 0}
.gallery-workspace{display:grid;grid-template-columns:minmax(245px,.82fr) minmax(0,1.18fr);gap:18px;align-items:start}
.gallery-selection,.gallery-preview{min-width:0;background:#fff;border:1px solid #d6e1e9;border-radius:9px;padding:clamp(14px,2vw,22px)}
.gallery-selection h2,.gallery-preview h2{font-size:1.18rem;margin:0 0 12px}
.gallery-designs{display:grid;gap:8px}
.gallery-designs a{display:grid;grid-template-columns:2rem 1fr;gap:9px;padding:11px 12px;border:1px solid #d6e1e9;border-radius:6px;text-decoration:none;color:#142e42}
.gallery-designs a[aria-current]{border-color:#426b90;background:#eaf2f8;box-shadow:inset 3px 0 #426b90}
.gallery-designs a:hover{background:#f0f5fa}
.gallery-designs small{display:block;color:#476179;font-size:.82rem;line-height:1.4}
.gallery-number{font-size:.78rem;color:#466783;font-weight:750}
.gallery-next{border-top:1px solid #d6e1e9;margin-top:16px;padding-top:14px}
.gallery-preview>header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.gallery-preview h2{margin:2px 0 0}
.gallery-device{max-width:424px;margin-inline:auto;background:#142e42;border:1px solid #304b61;padding:7px;border-radius:20px;box-shadow:0 12px 25px #16314a1a}
.gallery-device iframe{display:block;width:100%;height:clamp(420px,65dvh,620px);border:0;border-radius:13px;background:#fff}
.gallery-note{margin:12px 0 0;font-size:.82rem;text-align:center}
.gallery-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:720px){
    .gallery-workspace{grid-template-columns:1fr}
    .gallery-designs{grid-template-columns:repeat(2,minmax(0,1fr))}
    .gallery-designs a{grid-template-columns:1fr;gap:4px;padding:8px}
    .gallery-next{margin-top:12px}
}