/* Shared social albums: mosaics for Facebook, swipeable albums for Instagram. */
.hcsp-social-media{position:relative;isolation:isolate;overflow:hidden;border-radius:8px;background:#f0ece5}
.hcsp-post>.hcsp-social-media{width:calc(100% + 46px);margin:0 -23px 2px;border-radius:0}
.hcsp-social-media .hcsp-media-tile{position:relative;display:block;min-width:0;min-height:0;overflow:hidden;background:#eee9e1}
.hcsp-social-media .hcsp-media-tile>img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;margin:0}
.hcsp-media-tile:focus-visible{outline:3px solid #c6a16b;outline-offset:-4px;z-index:2}
.hcsp-mosaic{display:grid;gap:3px;aspect-ratio:1.2}
.hcsp-mosaic-1{aspect-ratio:var(--hcsp-ratio,1)}
.hcsp-mosaic-2{grid-template-columns:1fr 1fr}
.hcsp-mosaic-3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.hcsp-mosaic-3>.hcsp-media-tile:first-child{grid-row:span 2}
.hcsp-mosaic-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1}
.hcsp-mosaic-more{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#1d272368;color:white!important;text-shadow:0 1px 14px #0006;font:400 54px/1.1 "Doris Blog Sans",Arial,sans-serif!important}
.hcsp-mosaic-more small{color:inherit;font:400 11px/1.5 "Doris Blog Sans",Arial,sans-serif}
.hcsp-carousel-track{display:flex;position:relative;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;aspect-ratio:var(--hcsp-ratio,1);width:100%;background:#eee9e1}
.hcsp-carousel-track::-webkit-scrollbar{display:none}
.hcsp-carousel-track>.hcsp-media-tile{flex:0 0 100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always}
.hcsp-album-counter{position:absolute;right:17px;top:17px;padding:5px 12px;border-radius:20px;background:#1d27239e;color:white!important;font:400 11px/1.5 "Doris Blog Sans",Arial,sans-serif}
.hcsp-social-media .hcsp-album-arrow{position:absolute;top:calc(50% - 36px);display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #ffffffa6;border-radius:50%;background:#fffffff0;box-shadow:0 3px 15px #161e1b26;color:#48433f!important;padding:0;font:400 29px/1 Arial,sans-serif;cursor:pointer;transition:opacity .15s,background .15s}
.hcsp-album-prev{left:14px}.hcsp-album-next{right:14px}
.hcsp-social-media .hcsp-album-arrow:disabled{opacity:0;pointer-events:none}
.hcsp-social-media .hcsp-album-arrow:hover{background:white}
.hcsp-album-dots{display:flex;align-items:center;justify-content:center;gap:3px;height:33px;background:white}
.hcsp-album-dots button{display:flex;align-items:center;justify-content:center;width:23px;height:26px;background:transparent;border:0;padding:0;cursor:pointer}
.hcsp-album-dots button:before{content:"";width:5px;height:5px;background:#d7d0c6;border-radius:50%;transition:background .15s,transform .15s}
.hcsp-album-dots button[aria-current]:before{background:#a17a47;transform:scale(1.3)}
.hcsp-album-dots button:focus-visible,.hcsp-social-media .hcsp-album-arrow:focus-visible,.hcsp-carousel-track:focus-visible{outline:2px solid #a17a47;outline-offset:-3px}
.hcsp-reader-album .hcsp-carousel-track{aspect-ratio:.9;max-height:650px;background:#eee9e1}
.hcsp-reader-album .hcsp-media-tile>img{object-fit:contain}
.hcsp-reader-album .hcsp-album-dots{background:#f8f6f2}
.hcsp-reader-album.hcsp-mosaic-1{max-height:650px}
.hcsp-reader-album.hcsp-mosaic-1 img{object-fit:contain}
@media(max-width:720px){.hcsp-post>.hcsp-social-media{width:calc(100% + 30px);margin-inline:-15px}.hcsp-album-counter{right:12px;top:12px;padding:4px 10px;font-size:10px}.hcsp-mosaic-more{font-size:36px!important}.hcsp-mosaic-more small{font-size:9px}.hcsp-social-media .hcsp-album-arrow{width:32px;height:32px;top:calc(50% - 32px)}.hcsp-album-prev{left:10px}.hcsp-album-next{right:10px}.hcsp-reader-album .hcsp-carousel-track{max-height:550px;aspect-ratio:.85}}
@media(prefers-reduced-motion:reduce){.hcsp-social-media *{transition:none!important;scroll-behavior:auto!important}}
