.surfaceGallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:48px 28px;gap:48px 28px;padding-bottom:64px}.surfaceGallery article{min-width:0}.surfaceGallery a{text-decoration:none}.surfaceGallery h2{font-size:28px;margin:20px 0 10px}.surfaceGallery a:hover h2{text-decoration:underline;text-underline-offset:5px}.surfaceGallery p{color:var(--dx-muted);line-height:1.6}.surfacePreview{aspect-ratio:16/10;border:1px solid var(--dx-line);background:var(--receipt-tile);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:16px}.surfacePreview img{width:100%;height:100%;object-fit:contain}@media(max-width:760px){.surfaceGallery{grid-template-columns:1fr;gap:32px}}.surfaceContinuity{padding:32px;margin:0 0 64px;border:1px solid var(--dx-line);border-radius:8px;background:var(--receipt-tile)}.surfaceContinuity h2{font-size:clamp(28px,4vw,42px);font-weight:400;margin:12px 0 28px}.surfaceContinuity ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:32px;gap:32px;padding-left:24px}.surfaceContinuity p{line-height:1.6;color:var(--dx-muted)}.surfaceGallery .surfaceName{margin:20px 0 8px}.surfaceGallery h2{margin-top:0}@media(max-width:760px){.surfaceContinuity{padding:24px}.surfaceContinuity ol{grid-template-columns:1fr;gap:16px}}.surfaceHero{position:relative;min-height:244px;max-width:none;padding-right:min(27vw,320px)}.surfaceHeroCopy{max-width:760px}.surfaceHeroTop .surfaceHeroDex{position:absolute;top:0;right:22px;width:240px;height:auto}@media (max-width:760px){.surfaceHero{min-height:0;padding-right:0}.surfaceHeroTop{display:flex;align-items:center;justify-content:space-between;gap:16px}.surfaceHeroTop .dxKicker{margin-bottom:0}.surfaceHeroTop .surfaceHeroDex{position:static;width:84px;flex:0 0 auto;margin:0 0 -16px}}