
.cdg{--accent:#009dc0;--ink:#192b32;--muted:#69777b;color:var(--ink);line-height:1.5;margin:36px auto;max-width:1200px}.cdg *{box-sizing:border-box}.cdg a{color:inherit;text-decoration:none}.cdg a:hover{color:var(--accent)}.cdg button{font:inherit;cursor:pointer}.cdg :is(button,a):focus-visible{outline:3px solid var(--accent);outline-offset:4px}.cdg h1,.cdg h2{color:var(--ink);margin:0 0 14px;line-height:1.2;font-weight:700}.cdg h1{font-size:34px}.cdg h2{font-size:30px}.cdg .heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.cdg .heading p,.cdg .intro{color:var(--muted);margin:0}.cdg .all,.cdg .back{color:var(--accent)}.cdg .all{white-space:nowrap}.cdg .carousel{display:flex;gap:24px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.cdg .carousel::-webkit-scrollbar{display:none}.cdg .photo{margin:0;min-width:0}.cdg .carousel>.photo{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start}.cdg .photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 15%;background:#edf1f2}.cdg .photo figcaption{font-size:15px;margin-top:10px;color:#334b55}.cdg .controls{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin-top:20px}.cdg .controls button{background:white;border:1px solid #c4d2d8;width:46px;height:42px;border-radius:2px;font-size:23px;color:var(--ink)}.cdg button:disabled{opacity:.35;cursor:default}.cdg .controls span{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.cdg .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px;margin-top:28px}.cdg .pagination{display:flex;gap:10px;flex-wrap:wrap;margin:32px 0}.cdg .pagination a{display:grid;place-items:center;width:42px;height:42px;border:1px solid #c4d2d8}.cdg .pagination a[aria-current]{background:var(--accent);color:white;border-color:var(--accent)}.cdg .back{display:block;margin-bottom:24px}.cdg dialog{border:0;padding:16px 24px;background:#182126;color:#fff;max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;margin:0}.cdg dialog::backdrop{background:#182126}.cdg .viewer-bar{display:flex;justify-content:space-between;align-items:center;height:48px}.cdg .viewer-bar button,.cdg .viewer-stage button{background:transparent;color:white;border:1px solid #70808b;min-height:44px;padding:6px 15px}.cdg .viewer-stage{height:calc(100dvh - 160px);display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:18px}.cdg .viewer-stage img{width:100%;height:100%;object-fit:contain;object-position:center center;min-height:0}.cdg .viewer-stage button{font-size:30px;padding:0}.cdg #viewer-caption{text-align:center;margin:18px 0 0}.cdg #viewer-error a{text-decoration:underline}.cdg .reviews-link{margin-top:28px;padding-top:20px;border-top:1px solid #e4eaed;color:var(--accent)}
@media(max-width:1023px){.cdg .carousel>.photo{flex-basis:calc((100% - 20px)/2)}.cdg .carousel{gap:20px}.cdg .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:639px){.cdg{margin:28px auto}.cdg h1,.cdg h2{font-size:26px}.cdg .heading{display:block;margin-bottom:20px}.cdg .all{display:inline-block;margin-top:14px}.cdg .carousel{gap:12px}.cdg .carousel>.photo{flex-basis:86%}.cdg .photo figcaption{font-size:14px}.cdg .controls{justify-content:space-between}.cdg .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.cdg .grid figcaption{font-size:12px}.cdg dialog{padding:env(safe-area-inset-top,12px) 12px env(safe-area-inset-bottom,12px)}.cdg .viewer-stage{grid-template-columns:30px minmax(0,1fr) 30px;gap:6px}.cdg .viewer-stage button{min-width:30px}.cdg .viewer-bar{height:56px}}
@media(prefers-reduced-motion:reduce){.cdg *{scroll-behavior:auto!important}}
